/* ================================================================
   LUXORET SOFT-CARD DESIGN SYSTEM (softcard.css)
   Centralno mesto za "skup sajt" fazon (Aigocy referenca, 2026-07-10).
   Ukljucen na kraju body-ja u layouts/main.php da pobedi inline stilove.
   Recepti dole + per-page sekcije. Ne diraj redosled.
   ================================================================ */

/* ---------------- RECEPTI (koristi u novim fazama) ----------------
   .sc-card      svetla mekana kartica (light tema; u dark je tamna)
   .sc-chip      tamni icon cip
   .sc-pill-btn  tamna cip pilula (dugme)
   .sc-pill-flat svetla podignuta pilula (sekundarno dugme)
------------------------------------------------------------------- */
:root {
    --sc-radius-lg: 40px;
    --sc-radius-md: 24px;
    --sc-shadow-card-light: 0px 7.77px 16px 0px rgba(0,0,0,0.06), 0px 3px 3px 0px rgba(0,0,0,0.10), 0px -8px 0px 0px rgba(0,0,0,0.05) inset, 0px 4px 0px 0px rgba(255,255,255,0.6) inset;
    --sc-shadow-card-dark: 0px 7.77px 2.21px 0px rgba(0,0,0,0.06), 0px 3px 3px 0px rgba(0,0,0,0.10), 0px -8px 0px 0px #111111 inset, 0px 4px 0px 0px rgba(255,255,255,0.10) inset;
    --sc-shadow-chip: 0px -3px 0px 0px #080808 inset, 0px 1px 0px 0px rgba(255,255,255,0.30) inset, 0px 2.77px 2.21px 0px rgba(0,0,0,0.12), 0px 3px 3px 0px rgba(0,0,0,0.14);
    --sc-shadow-flat-light: 0px -3px 0px 0px #E9E9E9 inset, 0px 1px 0px 0px rgba(255,255,255,0.70) inset, 0px 2.77px 2.21px 0px rgba(0,0,0,0.12), 0px 3px 3px 0px rgba(0,0,0,0.14);
    --sc-dark-grad: linear-gradient(0deg, #18181B, #18181B), radial-gradient(62% 62% at 28% -10%, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0) 100%);
    --sc-font: 'Urbanist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
.sc-card {
    background: var(--sc-dark-grad);
    border: none;
    border-radius: var(--sc-radius-lg);
    box-shadow: var(--sc-shadow-card-dark);
    font-family: var(--sc-font);
    transition: transform 0.3s ease;
}
.sc-card:hover { transform: translateY(-4px); }
[data-theme="light"] .sc-card { background: #F4F4F5; box-shadow: var(--sc-shadow-card-light); }
.sc-chip {
    display: flex; align-items: center; justify-content: center;
    background: var(--sc-dark-grad);
    color: #ffffff;
    border: none;
    border-radius: 14px;
    box-shadow: var(--sc-shadow-chip);
}
.sc-pill-btn {
    display: inline-flex; align-items: center; justify-content: center;
    padding: 14px 34px;
    background: var(--sc-dark-grad);
    border: none;
    color: #ffffff;
    font-family: var(--sc-font);
    font-size: 14px; font-weight: 700;
    border-radius: 99px;
    box-shadow: var(--sc-shadow-chip);
    text-decoration: none;
    transition: transform 0.2s ease;
}
.sc-pill-btn:hover { color: #ffffff; transform: translateY(-2px); }
.sc-pill-flat {
    display: inline-flex; align-items: center; justify-content: center;
    padding: 14px 30px;
    background: #232326;
    color: rgba(255,255,255,0.95);
    border: none;
    border-radius: 99px;
    font-family: var(--sc-font);
    font-size: 14px; font-weight: 700;
    text-decoration: none;
    box-shadow: 0px -3px 0px 0px #080808 inset, 0px 1px 0px 0px rgba(255,255,255,0.12) inset, 0px 3px 6px 0px rgba(0,0,0,0.25);
    transition: transform 0.2s ease;
}
.sc-pill-flat:hover { transform: translateY(-2px); }
[data-theme="light"] .sc-pill-flat { background: #FAFAFA; color: #09090B; box-shadow: var(--sc-shadow-flat-light); }
@media (prefers-reduced-motion: reduce) {
    .sc-card, .sc-pill-btn, .sc-pill-flat { transition: none; }
    .sc-card:hover, .sc-pill-btn:hover, .sc-pill-flat:hover { transform: none; }
}

/* ================= HOMEPAGE (preseljeno iz appendovanih blokova) ================= */

/* ================================================================
   Soft-card design language 2026-07-10 (Tetka, po Aigocy referenci)
   Sections below hero: Studio Showcase, Popular Tools, Finder+Arena.
   Signature: soft raised cards (outer glow + bottom inset lip +
   top white highlight), dark icon chips, pill controls, hover lift.
   Markup and JS untouched. Hero untouched.
   ================================================================ */

/* ---------- Tokens via reusable recipes ----------
   card light:  bg #F4F4F5, shadow lip
   card dark:   bg #18181B + radial top highlight
   chip:        dark mini-card for icons
   pill raised: small light control
*/

/* Section canvas */
[data-theme="light"] .studio-premium-showcase,
[data-theme="light"] .popular-tools-section,
[data-theme="light"] .home-duo-section {
    background: #EDECEC;
}

/* Card font: Urbanist inside the cards (section headings stay site font) */
.studio-showcase-box, .popular-tools-box,
.home-finder-box, .home-arena-box {
    font-family: 'Urbanist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* ---------- Big cards ---------- */
.studio-showcase-box,
.popular-tools-box,
.home-finder-box,
.home-arena-box {
    background: linear-gradient(0deg, #18181B, #18181B), radial-gradient(62% 62% at 28% -10%, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%);
    border: none;
    border-radius: 40px;
    box-shadow: 0px 7.77px 2.21px 0px rgba(0,0,0,0.06), 0px 3px 3px 0px rgba(0,0,0,0.10), 0px -8px 0px 0px #111111 inset, 0px 4px 0px 0px rgba(255,255,255,0.10) inset;
    overflow: visible;
    transition: transform 0.3s ease;
}
.studio-showcase-box:hover,
.popular-tools-box:hover,
.home-finder-box:hover,
.home-arena-box:hover {
    transform: translateY(-4px);
}
[data-theme="light"] .studio-showcase-box,
[data-theme="light"] .popular-tools-box,
[data-theme="light"] .home-finder-box,
[data-theme="light"] .home-arena-box {
    background: #F4F4F5;
    border: none;
    box-shadow: 0px 7.77px 16px 0px rgba(0,0,0,0.06), 0px 3px 3px 0px rgba(0,0,0,0.10), 0px -8px 0px 0px rgba(0,0,0,0.05) inset, 0px 4px 0px 0px rgba(255,255,255,0.6) inset;
}
.studio-showcase-box { padding: 36px; }
.popular-tools-box { padding: 36px; }

/* ---------- Tabs: quiet text, active = dark chip pill ---------- */
.showcase-tabs, .category-tabs {
    gap: 10px;
    padding: 0;
    margin-bottom: 28px;
    border-bottom: none;
    flex-wrap: wrap;
    justify-content: center;
    overflow-x: visible;
}
.showcase-tab, .category-tab {
    padding: 11px 22px;
    border: none;
    border-radius: 99px;
    margin-bottom: 0;
    background: transparent;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    color: rgba(255,255,255,0.95);
    opacity: 0.6;
    box-shadow: none;
    transition: opacity 0.2s ease, transform 0.2s ease;
}
.showcase-tab:hover, .category-tab:hover {
    background: transparent;
    opacity: 1;
    transform: translateY(-1px);
    border-color: transparent;
    color: rgba(255,255,255,0.95);
}
.showcase-tab.active, .category-tab.active {
    background: linear-gradient(0deg, #18181B, #18181B), radial-gradient(62% 62% at 28% -10%, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0) 100%);
    color: #ffffff;
    opacity: 1;
    border: none;
    border-bottom-color: transparent;
    box-shadow: 0px -3px 0px 0px #080808 inset, 0px 1px 0px 0px rgba(255,255,255,0.30) inset, 0px 2.77px 2.21px 0px rgba(0,0,0,0.12), 0px 3px 3px 0px rgba(0,0,0,0.14);
}
[data-theme="light"] .showcase-tabs, [data-theme="light"] .category-tabs { border-bottom: none; }
[data-theme="light"] .showcase-tab, [data-theme="light"] .category-tab {
    color: #09090B;
    background: transparent;
    border: none;
}
[data-theme="light"] .showcase-tab:hover, [data-theme="light"] .category-tab:hover { background: transparent; color: #09090B; }
[data-theme="light"] .showcase-tab.active, [data-theme="light"] .category-tab.active {
    background: linear-gradient(0deg, #18181B, #18181B), radial-gradient(62% 62% at 28% -10%, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0) 100%);
    color: #ffffff;
    border: none;
    box-shadow: 0px -3px 0px 0px #080808 inset, 0px 1px 0px 0px rgba(255,255,255,0.30) inset, 0px 2.77px 2.21px 0px rgba(0,0,0,0.12), 0px 3px 3px 0px rgba(0,0,0,0.14);
}

.showcase-tab-panel.active { padding: 0; }
.showcase-tab-desc {
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.7;
    color: rgba(255,255,255,0.9);
    max-width: 680px;
    margin: 0 auto 30px;
}
[data-theme="light"] .showcase-tab-desc { color: #52525B; }

/* ---------- Master player: raised pill ---------- */
.demo-master-player {
    gap: 16px;
    padding: 14px 20px;
    border: none;
    border-radius: 99px;
    background: #232326;
    box-shadow: 0px -3px 0px 0px #080808 inset, 0px 1px 0px 0px rgba(255,255,255,0.12) inset, 0px 3px 6px 0px rgba(0,0,0,0.25);
    margin-bottom: 0;
}
[data-theme="light"] .demo-master-player {
    background: #FAFAFA;
    border: none;
    box-shadow: 0px -3px 0px 0px #E9E9E9 inset, 0px 1px 0px 0px rgba(255,255,255,0.70) inset, 0px 2.77px 2.21px 0px rgba(0,0,0,0.12), 0px 3px 3px 0px rgba(0,0,0,0.14);
}
.demo-master-play-btn {
    width: 52px;
    height: 52px;
    background: linear-gradient(0deg, #18181B, #18181B), radial-gradient(62% 62% at 28% -10%, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0) 100%);
    color: #ffffff;
    box-shadow: 0px -3px 0px 0px #080808 inset, 0px 1px 0px 0px rgba(255,255,255,0.30) inset, 0px 2.77px 2.21px 0px rgba(0,0,0,0.12), 0px 3px 3px 0px rgba(0,0,0,0.14);
    transition: transform 0.15s ease;
}
.demo-master-play-btn:hover { transform: scale(1.05); box-shadow: 0px -3px 0px 0px #080808 inset, 0px 1px 0px 0px rgba(255,255,255,0.30) inset, 0px 2.77px 2.21px 0px rgba(0,0,0,0.12), 0px 3px 3px 0px rgba(0,0,0,0.14); }
[data-theme="light"] .demo-master-play-btn {
    background: linear-gradient(0deg, #18181B, #18181B), radial-gradient(62% 62% at 28% -10%, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0) 100%);
    color: #ffffff;
    box-shadow: 0px -3px 0px 0px #080808 inset, 0px 1px 0px 0px rgba(255,255,255,0.30) inset, 0px 2.77px 2.21px 0px rgba(0,0,0,0.12), 0px 3px 3px 0px rgba(0,0,0,0.14);
}

/* ---------- Stems: raised pill rows with dark icon chips ---------- */
.demo-stems-grid {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 24px 0 0;
    border-top: none;
}
[data-theme="light"] .demo-stems-grid { border-top: none; }
.demo-stem-item {
    gap: 14px;
    padding: 10px 18px;
    background: #232326;
    border: none;
    border-radius: 99px;
    box-shadow: 0px -3px 0px 0px #080808 inset, 0px 1px 0px 0px rgba(255,255,255,0.12) inset, 0px 3px 6px 0px rgba(0,0,0,0.25);
    transition: transform 0.2s ease;
}
.demo-stem-item:hover { background: #232326; transform: translateY(-2px); }
[data-theme="light"] .demo-stem-item {
    background: #FAFAFA;
    border: none;
    box-shadow: 0px -3px 0px 0px #E9E9E9 inset, 0px 1px 0px 0px rgba(255,255,255,0.70) inset, 0px 2.77px 2.21px 0px rgba(0,0,0,0.12), 0px 3px 3px 0px rgba(0,0,0,0.14);
}
[data-theme="light"] .demo-stem-item:hover { background: #FAFAFA; }
.demo-stem-icon {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background: linear-gradient(0deg, #18181B, #18181B), radial-gradient(62% 62% at 28% -10%, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0) 100%);
    color: #ffffff;
    box-shadow: 0px -3px 0px 0px #080808 inset, 0px 1px 0px 0px rgba(255,255,255,0.30) inset, 0px 2.77px 2.21px 0px rgba(0,0,0,0.12), 0px 3px 3px 0px rgba(0,0,0,0.14);
}
[data-theme="light"] .demo-stem-icon {
    background: linear-gradient(0deg, #18181B, #18181B), radial-gradient(62% 62% at 28% -10%, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0) 100%);
    color: #ffffff;
}
.demo-stem-name { font-size: 14px; font-weight: 700; }
.demo-stem-btn {
    width: 40px;
    height: 40px;
    background: #2c2c30;
    border: none;
    color: rgba(255,255,255,0.95);
    box-shadow: 0px -2px 0px 0px #080808 inset, 0px 1px 0px 0px rgba(255,255,255,0.12) inset, 0px 2px 3px 0px rgba(0,0,0,0.25);
    transition: transform 0.15s ease;
}
.demo-stem-btn:hover { background: #2c2c30; color: #ffffff; border-color: transparent; transform: scale(1.08); }
[data-theme="light"] .demo-stem-btn {
    background: #ffffff;
    border: none;
    color: #09090B;
    box-shadow: 0px -2px 0px 0px #E9E9E9 inset, 0px 1px 0px 0px rgba(255,255,255,0.70) inset, 0px 2px 3px 0px rgba(0,0,0,0.12);
}
[data-theme="light"] .demo-stem-btn:hover { background: #ffffff; color: #09090B; border-color: transparent; }

/* ---------- Tools count caption ---------- */
.more-tools-badge-wrap::before,
.more-tools-badge-wrap::after { background: rgba(255,255,255,0.14); }
[data-theme="light"] .more-tools-badge-wrap::before,
[data-theme="light"] .more-tools-badge-wrap::after { background: rgba(0,0,0,0.12); }
.more-tools-badge { color: rgba(255,255,255,0.95); }
[data-theme="light"] .more-tools-badge { color: #09090B; }

/* ---------- Buttons: dark chip pills ---------- */
.demo-cta-btn, .see-all-btn, .home-finder-btn, .home-arena-btn {
    padding: 14px 34px;
    background: linear-gradient(0deg, #18181B, #18181B), radial-gradient(62% 62% at 28% -10%, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0) 100%);
    border: none;
    color: #ffffff;
    font-family: 'Urbanist', -apple-system, sans-serif;
    font-size: 14px;
    font-weight: 700;
    border-radius: 99px;
    box-shadow: 0px -3px 0px 0px #080808 inset, 0px 1px 0px 0px rgba(255,255,255,0.30) inset, 0px 2.77px 2.21px 0px rgba(0,0,0,0.12), 0px 3px 3px 0px rgba(0,0,0,0.14);
    transition: transform 0.2s ease, opacity 0.2s ease;
}
.demo-cta-btn:hover, .see-all-btn:hover, .home-finder-btn:hover, .home-arena-btn:hover {
    background: linear-gradient(0deg, #18181B, #18181B), radial-gradient(62% 62% at 28% -10%, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0) 100%);
    color: #ffffff;
    border-color: transparent;
    transform: translateY(-2px);
    opacity: 1;
}
[data-theme="light"] .demo-cta-btn, [data-theme="light"] .see-all-btn,
[data-theme="light"] .home-finder-btn, [data-theme="light"] .home-arena-btn {
    background: linear-gradient(0deg, #18181B, #18181B), radial-gradient(62% 62% at 28% -10%, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0) 100%);
    border: none;
    color: #ffffff;
}
[data-theme="light"] .demo-cta-btn:hover, [data-theme="light"] .see-all-btn:hover,
[data-theme="light"] .home-finder-btn:hover, [data-theme="light"] .home-arena-btn:hover {
    background: linear-gradient(0deg, #18181B, #18181B), radial-gradient(62% 62% at 28% -10%, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0) 100%);
    color: #ffffff;
    border-color: transparent;
}
/* Secondary: raised light pill */
.demo-cta-btn.demo-cta-btn-secondary {
    background: #232326;
    color: rgba(255,255,255,0.95);
    padding: 14px 30px;
    border-radius: 99px;
    text-decoration: none;
    box-shadow: 0px -3px 0px 0px #080808 inset, 0px 1px 0px 0px rgba(255,255,255,0.12) inset, 0px 3px 6px 0px rgba(0,0,0,0.25);
}
[data-theme="light"] .demo-cta-btn.demo-cta-btn-secondary {
    background: #FAFAFA;
    color: #09090B;
    box-shadow: 0px -3px 0px 0px #E9E9E9 inset, 0px 1px 0px 0px rgba(255,255,255,0.70) inset, 0px 2.77px 2.21px 0px rgba(0,0,0,0.12), 0px 3px 3px 0px rgba(0,0,0,0.14);
}
.demo-cta-btn.demo-cta-btn-secondary:hover { background: #232326; opacity: 1; }
[data-theme="light"] .demo-cta-btn.demo-cta-btn-secondary:hover { background: #FAFAFA; }

/* ---------- Popular tools internals ---------- */
.tools-scroll-container { padding: 0; }
.scroll-arrow { top: calc(20px + 29.5px); }
.popular-tools-cta { margin-top: 24px; padding-bottom: 0; }

/* ---------- Waveform pill needs no double border ---------- */
.demo-waveform-wrap { height: 52px; }

@media (max-width: 768px) {
    .studio-showcase-box, .popular-tools-box { padding: 24px 16px; border-radius: 24px; }
    .home-finder-box, .home-arena-box { border-radius: 24px; }
    .showcase-tabs, .category-tabs {
        gap: 8px;
        padding: 0;
        justify-content: center;
        flex-wrap: wrap;
        overflow-x: visible;
    }
    .showcase-tab, .category-tab { padding: 9px 16px; font-size: 13px; }
    .showcase-tab-panel.active { padding: 0; }
    .demo-master-player { gap: 10px; padding: 12px 14px; }
    .demo-stem-item { padding: 8px 12px; }
    .tools-scroll-container { padding: 0; }
    .popular-tools-cta { margin-top: 18px; padding-bottom: 0; }
}
@media (prefers-reduced-motion: reduce) {
    .studio-showcase-box, .popular-tools-box, .home-finder-box, .home-arena-box,
    .showcase-tab, .category-tab, .demo-stem-item, .demo-cta-btn, .see-all-btn,
    .home-finder-btn, .home-arena-btn, .demo-master-play-btn, .demo-stem-btn { transition: none; }
    .studio-showcase-box:hover, .popular-tools-box:hover, .home-finder-box:hover, .home-arena-box:hover { transform: none; }
}


/* ================================================================
   Soft-card fazon, prosirenje na ceo homepage 2026-07-10 (Tetka)
   Covers: studio-cta-banner, video showcase, trending, agents,
   how-it-works, save-big, social-proof. Hero and footer untouched.
   Same recipes as the deployed Soft-card block.
   ================================================================ */

/* Section canvas: ONE uniform white background below the hero */
.video-showcase-section { max-width: none; }
[data-theme="light"] .studio-cta-banner,
[data-theme="light"] .video-showcase-section,
[data-theme="light"] .home-trending-section,
[data-theme="light"] .home-agents-section,
[data-theme="light"] .how-it-works-section,
[data-theme="light"] .save-big-section,
[data-theme="light"] .social-proof-section,
[data-theme="light"] .studio-premium-showcase,
[data-theme="light"] .popular-tools-section,
[data-theme="light"] .home-duo-section,
[data-theme="light"] body {
    background: #fdfcfc;
}

/* Card font */
.narrator-demo, .video-showcase-card, .home-trending-item,
.home-agent-card, .step-item, .receipt-inner .receipt-store,
.lxs-card {
    font-family: 'Urbanist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* ---------- Light soft cards ---------- */
[data-theme="light"] .narrator-demo,
[data-theme="light"] .video-showcase-card,
[data-theme="light"] .home-agent-card,
[data-theme="light"] .home-trending-item {
    background: #F4F4F5;
    border: none;
    box-shadow: 0px 7.77px 16px 0px rgba(0,0,0,0.06), 0px 3px 3px 0px rgba(0,0,0,0.10), 0px -8px 0px 0px rgba(0,0,0,0.05) inset, 0px 4px 0px 0px rgba(255,255,255,0.6) inset;
}
[data-theme="light"] .narrator-demo:hover,
[data-theme="light"] .video-showcase-card:hover,
[data-theme="light"] .home-agent-card:hover,
[data-theme="light"] .home-trending-item:hover {
    background: #F4F4F5;
    border-color: transparent;
    box-shadow: 0px 7.77px 16px 0px rgba(0,0,0,0.06), 0px 3px 3px 0px rgba(0,0,0,0.10), 0px -8px 0px 0px rgba(0,0,0,0.05) inset, 0px 4px 0px 0px rgba(255,255,255,0.6) inset;
}
.narrator-demo, .video-showcase-card, .home-agent-card, .home-trending-item {
    transition: transform 0.25s ease;
}
.narrator-demo:hover, .video-showcase-card:hover,
.home-agent-card:hover, .home-trending-item:hover {
    transform: translateY(-4px);
}
.narrator-demo { border-radius: 24px; }
.video-showcase-card { border-radius: 24px; }
.home-agent-card { border-radius: 24px; }
.home-trending-item { border-radius: 18px; }
.home-trending-item.ht-featured {
    background: #F4F4F5;
    border: none;
}
[data-theme="light"] .home-trending-item.ht-featured {
    background: #F4F4F5;
    border: none;
    box-shadow: 0px 7.77px 16px 0px rgba(0,0,0,0.06), 0px 3px 3px 0px rgba(0,0,0,0.10), 0px -8px 0px 0px rgba(0,0,0,0.05) inset, 0px 4px 0px 0px rgba(255,255,255,0.6) inset;
}

/* Dark theme cards keep dark chip recipe */
.narrator-demo, .video-showcase-card, .home-agent-card {
    background: linear-gradient(0deg, #18181B, #18181B), radial-gradient(62% 62% at 28% -10%, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%);
    border: none;
    box-shadow: 0px 7.77px 2.21px 0px rgba(0,0,0,0.06), 0px 3px 3px 0px rgba(0,0,0,0.10), 0px -8px 0px 0px #111111 inset, 0px 4px 0px 0px rgba(255,255,255,0.10) inset;
}

/* ---------- Receipts: keep the receipt gag, soften frame ---------- */
[data-theme="light"] .receipt-inner {
    border: none;
    border-radius: 20px;
    box-shadow: 0px 7.77px 16px 0px rgba(0,0,0,0.08), 0px 3px 3px 0px rgba(0,0,0,0.10), 0px -8px 0px 0px rgba(0,0,0,0.05) inset, 0px 4px 0px 0px rgba(255,255,255,0.6) inset;
}

/* ---------- How it works: dark chip step numbers, white digits in both themes ---------- */
[data-theme="light"] .step-number {
    color: #ffffff;
    border-color: transparent;
}
.step-number {
    background: linear-gradient(0deg, #18181B, #18181B), radial-gradient(62% 62% at 28% -10%, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0) 100%);
    color: #ffffff;
    border: none;
    border-radius: 14px;
    box-shadow: 0px -3px 0px 0px #080808 inset, 0px 1px 0px 0px rgba(255,255,255,0.30) inset, 0px 2.77px 2.21px 0px rgba(0,0,0,0.12), 0px 3px 3px 0px rgba(0,0,0,0.14);
}

/* ---------- Buttons: dark chip pills ---------- */
.studio-cta-btn, .video-showcase-btn, .home-agents-btn, .save-big-cta,
.narrator-demo-btn, .home-trending-see-all {
    background: linear-gradient(0deg, #18181B, #18181B), radial-gradient(62% 62% at 28% -10%, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0) 100%);
    border: none;
    color: #ffffff;
    font-family: 'Urbanist', sans-serif;
    font-weight: 700;
    border-radius: 99px;
    box-shadow: 0px -3px 0px 0px #080808 inset, 0px 1px 0px 0px rgba(255,255,255,0.30) inset, 0px 2.77px 2.21px 0px rgba(0,0,0,0.12), 0px 3px 3px 0px rgba(0,0,0,0.14);
    transition: transform 0.2s ease;
}
.studio-cta-btn:hover, .video-showcase-btn:hover, .home-agents-btn:hover,
.save-big-cta:hover, .narrator-demo-btn:hover, .home-trending-see-all:hover {
    background: linear-gradient(0deg, #18181B, #18181B), radial-gradient(62% 62% at 28% -10%, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0) 100%);
    color: #ffffff;
    border-color: transparent;
    transform: translateY(-2px);
    box-shadow: 0px -3px 0px 0px #080808 inset, 0px 1px 0px 0px rgba(255,255,255,0.30) inset, 0px 2.77px 2.21px 0px rgba(0,0,0,0.12), 0px 3px 3px 0px rgba(0,0,0,0.14);
}
[data-theme="light"] .studio-cta-btn, [data-theme="light"] .video-showcase-btn,
[data-theme="light"] .home-agents-btn, [data-theme="light"] .save-big-cta,
[data-theme="light"] .narrator-demo-btn, [data-theme="light"] .home-trending-see-all {
    background: linear-gradient(0deg, #18181B, #18181B), radial-gradient(62% 62% at 28% -10%, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0) 100%);
    border: none;
    color: #ffffff;
}
[data-theme="light"] .studio-cta-btn:hover, [data-theme="light"] .video-showcase-btn:hover,
[data-theme="light"] .home-agents-btn:hover, [data-theme="light"] .save-big-cta:hover,
[data-theme="light"] .narrator-demo-btn:hover, [data-theme="light"] .home-trending-see-all:hover {
    background: linear-gradient(0deg, #18181B, #18181B), radial-gradient(62% 62% at 28% -10%, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0) 100%);
    color: #ffffff;
    border-color: transparent;
}

@media (prefers-reduced-motion: reduce) {
    .narrator-demo, .video-showcase-card, .home-agent-card, .home-trending-item,
    .studio-cta-btn, .video-showcase-btn, .home-agents-btn, .save-big-cta,
    .narrator-demo-btn, .home-trending-see-all { transition: none; }
    .narrator-demo:hover, .video-showcase-card:hover, .home-agent-card:hover,
    .home-trending-item:hover { transform: none; }
}


/* Receipts entrance: WITHOUT appears first centered, WITH drives in
   from the right and pushes it into place (local demo) */
.receipt-left, .receipt-right { will-change: transform; }
/* stage 0: hidden */
.receipts-wrapper .receipt-left {
    opacity: 0;
    transform: translate(190px, 50px) scale(0.9) rotate(0deg);
    transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.5s ease;
}
.receipts-wrapper .receipt-right {
    opacity: 0;
    transform: translateX(70vw) rotate(24deg);
    transition: transform 0.85s cubic-bezier(0.34, 1.3, 0.5, 1), opacity 0.4s ease;
}
/* stage 1: WITHOUT pops in, alone at center stage */
.receipts-wrapper.rcpt-s1 .receipt-left {
    opacity: 1;
    transform: translate(190px, 0) scale(1) rotate(0deg);
}
/* stage 2: WITH slams in from the right and shoves WITHOUT to the left slot */
.receipts-wrapper.rcpt-s2 .receipt-left {
    transform: translate(0, 0) rotate(-2deg);
    transition: transform 0.55s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.receipts-wrapper.rcpt-s2 .receipt-right {
    opacity: 1;
    transform: translateX(0) rotate(2deg);
}
/* hover works after landing */
.receipts-wrapper.rcpt-s2 .receipt-left:hover { transform: rotate(-2deg) translateY(-8px) scale(1.03); }
.receipts-wrapper.rcpt-s2 .receipt-right:hover { transform: rotate(2deg) translateY(-8px) scale(1.03); }
@media (prefers-reduced-motion: reduce) {
    .receipts-wrapper .receipt-left, .receipts-wrapper .receipt-right {
        opacity: 1; transform: none; transition: none;
    }
    .receipts-wrapper .receipt-left { transform: rotate(-2deg); }
    .receipts-wrapper .receipt-right { transform: rotate(2deg); }
}
@media (max-width: 768px) {
    .receipts-wrapper .receipt-left { transform: translate(25%, 40px) scale(0.92); }
    .receipts-wrapper.rcpt-s1 .receipt-left { transform: translate(25%, 0) scale(1); }
    .receipts-wrapper.rcpt-s2 .receipt-left { transform: translate(0, 0) rotate(-1.5deg); }
    .receipts-wrapper.rcpt-s2 .receipt-right { transform: translateX(0) rotate(1.5deg); }
}


/* Trending: bare logos, no chip background behind them */
.ht-logo, [data-theme="light"] .ht-logo {
    background: transparent;
    box-shadow: none;
    border: none;
}
/* Baked-in white inside the logo files: multiply makes white pixels
   take the card color on the light theme */
[data-theme="light"] .ht-logo img {
    mix-blend-mode: multiply;
    object-fit: contain;
}


/* Mega profi footer: dark graphite, LoadWrap-style hierarchy (local demo) */
.homepage-footer,
[data-theme="light"] .homepage-footer,
[data-theme="dark"] .homepage-footer {
    background: linear-gradient(180deg, #1E1E21 0%, #121214 100%);
    border-top: none;
    padding-top: 56px;
}
.footer-brand, [data-theme="light"] .footer-brand { color: #ffffff; }
.footer-tagline, [data-theme="light"] .footer-tagline { color: rgba(255,255,255,0.72); }
.footer-badge, [data-theme="light"] .footer-badge {
    color: rgba(255,255,255,0.85);
    background: rgba(255,255,255,0.07);
    border: 1px solid rgba(255,255,255,0.14);
}
.footer-heading, [data-theme="light"] .footer-heading {
    color: #ffffff;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    padding-bottom: 0.6rem;
    border-bottom: 1px solid rgba(255,255,255,0.12);
}
.footer-list a, [data-theme="light"] .footer-list a {
    color: rgba(255,255,255,0.65);
    transition: color 0.2s, padding-left 0.2s;
}
.footer-list a:hover, [data-theme="light"] .footer-list a:hover {
    color: #ffffff;
    padding-left: 4px;
}
.footer-bottom, [data-theme="light"] .footer-bottom { border-top-color: rgba(255,255,255,0.10); }
.footer-copyright, [data-theme="light"] .footer-copyright { color: rgba(255,255,255,0.5); }
.footer-bottom-links a, [data-theme="light"] .footer-bottom-links a { color: rgba(255,255,255,0.6); }
.footer-bottom-links a:hover, [data-theme="light"] .footer-bottom-links a:hover { color: #ffffff; padding-left: 0; }


/* ================= PRICING (Faza 1, 2026-07-10) ================= */
.pricing-card {
    background: linear-gradient(0deg, #18181B, #18181B), radial-gradient(62% 62% at 28% -10%, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%);
    border: none;
    border-radius: 24px;
    box-shadow: var(--sc-shadow-card-dark);
    font-family: var(--sc-font);
    transition: transform 0.3s ease;
}
.pricing-card:hover { transform: translateY(-4px); }
[data-theme="light"] .pricing-card {
    background: #F4F4F5;
    border: none;
    box-shadow: var(--sc-shadow-card-light);
}
.pricing-card.popular {
    box-shadow: var(--sc-shadow-card-dark), 0 0 0 2px rgba(255,255,255,0.35);
}
[data-theme="light"] .pricing-card.popular {
    box-shadow: var(--sc-shadow-card-light), 0 0 0 2px #18181B;
}
.popular-badge {
    background: var(--sc-dark-grad);
    color: #ffffff;
    border: none;
    border-radius: 99px;
    font-family: var(--sc-font);
    font-weight: 700;
    box-shadow: var(--sc-shadow-chip);
}

/* Billing toggle: raised pill, active = dark chip */
.billing-toggle {
    background: #232326;
    border: none;
    border-radius: 99px;
    box-shadow: 0px -3px 0px 0px #080808 inset, 0px 1px 0px 0px rgba(255,255,255,0.12) inset, 0px 3px 6px 0px rgba(0,0,0,0.25);
}
[data-theme="light"] .billing-toggle {
    background: #FAFAFA;
    box-shadow: var(--sc-shadow-flat-light);
}
.billing-toggle .toggle-btn {
    border: none;
    border-radius: 99px;
    background: transparent;
    font-family: var(--sc-font);
    font-weight: 600;
    box-shadow: none;
}
.billing-toggle .toggle-btn.active {
    background: var(--sc-dark-grad);
    color: #ffffff;
    box-shadow: var(--sc-shadow-chip);
}
[data-theme="light"] .billing-toggle .toggle-btn.active {
    background: var(--sc-dark-grad);
    color: #ffffff;
}

/* Plan stats and model tags: quiet raised pills */
.pricing-card .plan-stats .stat, .pricing-card .stat {
    background: #232326;
    border: none;
    border-radius: 99px;
    box-shadow: 0px -2px 0px 0px #080808 inset, 0px 1px 0px 0px rgba(255,255,255,0.10) inset, 0px 2px 4px 0px rgba(0,0,0,0.20);
}
[data-theme="light"] .pricing-card .plan-stats .stat, [data-theme="light"] .pricing-card .stat {
    background: #FAFAFA;
    box-shadow: var(--sc-shadow-flat-light);
}
.pricing-card .model-tag {
    border: none;
    border-radius: 99px;
    background: rgba(255,255,255,0.08);
    font-family: var(--sc-font);
}
[data-theme="light"] .pricing-card .model-tag { background: #ffffff; box-shadow: 0px 1px 2px rgba(0,0,0,0.10); }

/* Plan CTA buttons (scoped to pricing card + checkout submit) */
.pricing-card .btn, .checkout-submit {
    background: var(--sc-dark-grad);
    border: none;
    color: #ffffff;
    font-family: var(--sc-font);
    font-weight: 700;
    border-radius: 99px;
    box-shadow: var(--sc-shadow-chip);
    transition: transform 0.2s ease;
}
.pricing-card .btn:hover, .checkout-submit:hover {
    background: var(--sc-dark-grad);
    color: #ffffff;
    transform: translateY(-2px);
}
[data-theme="light"] .pricing-card .btn, [data-theme="light"] .checkout-submit {
    background: var(--sc-dark-grad);
    color: #ffffff;
}

/* FAQ items: soft cards */
.pricing-faq .faq-item {
    background: linear-gradient(0deg, #18181B, #18181B), radial-gradient(62% 62% at 28% -10%, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0) 100%);
    border: none;
    border-radius: 20px;
    box-shadow: var(--sc-shadow-card-dark);
    font-family: var(--sc-font);
}
[data-theme="light"] .pricing-faq .faq-item {
    background: #F4F4F5;
    box-shadow: var(--sc-shadow-card-light);
}
@media (prefers-reduced-motion: reduce) {
    .pricing-card { transition: none; }
    .pricing-card:hover { transform: none; }
}

/* Dark theme: plan headings and text must be white on dark cards */
[data-theme="dark"] .pricing-card h2,
[data-theme="dark"] .pricing-card h3,
[data-theme="dark"] .pricing-card .price,
html:not([data-theme="light"]) .pricing-card h2,
html:not([data-theme="light"]) .pricing-card h3 {
    color: #ffffff;
}

/* ============ PRICING v2: Aigocy referenca 1:1 (light strana,
   svetle kartice + istaknuti plan kao CELA TAMNA kartica) ============ */
[data-theme="light"] .pricing-card {
    background: #FAFAFA;
    border-radius: 32px;
    box-shadow: var(--sc-shadow-card-light), 0px 24px 48px rgba(0,0,0,0.06);
}
/* Popular = dark card on the light page, like the reference */
[data-theme="light"] .pricing-card.popular {
    background: linear-gradient(0deg, #151517, #151517), radial-gradient(70% 60% at 30% -10%, rgba(255,255,255,0.12) 0%, rgba(255,255,255,0) 100%);
    box-shadow: var(--sc-shadow-card-dark), 0px 34px 64px rgba(0,0,0,0.30);
}
[data-theme="light"] .pricing-card.popular,
[data-theme="light"] .pricing-card.popular h2,
[data-theme="light"] .pricing-card.popular h3,
[data-theme="light"] .pricing-card.popular .price,
[data-theme="light"] .pricing-card.popular .pricing-features,
[data-theme="light"] .pricing-card.popular .pricing-features li {
    color: #ffffff;
}
[data-theme="light"] .pricing-card.popular .plan-tagline { color: rgba(255,255,255,0.75); }
[data-theme="light"] .pricing-card.popular .stat {
    background: rgba(255,255,255,0.08);
    box-shadow: 0px -2px 0px 0px rgba(0,0,0,0.6) inset, 0px 1px 0px 0px rgba(255,255,255,0.12) inset;
    color: #ffffff;
}
[data-theme="light"] .pricing-card.popular .stat-value { color: #ffffff; }
[data-theme="light"] .pricing-card.popular .model-tag {
    background: rgba(255,255,255,0.10);
    color: rgba(255,255,255,0.92);
    box-shadow: none;
}
[data-theme="light"] .pricing-card.popular .models-included { color: rgba(255,255,255,0.6); }
/* Popular CTA on dark card: white pill for contrast */
[data-theme="light"] .pricing-card.popular .btn {
    background: #ffffff;
    color: #09090B;
    box-shadow: 0px -3px 0px 0px #E0E0E0 inset, 0px 1px 0px 0px rgba(255,255,255,0.9) inset, 0px 14px 26px rgba(0,0,0,0.35);
}

/* Reference typography: huge tight price */
.pricing-card .price {
    font-family: var(--sc-font);
    font-weight: 800;
    letter-spacing: -0.03em;
}

/* Reference CTA: glossy pill with heavy drop shadow */
.pricing-card .btn {
    box-shadow: var(--sc-shadow-chip), 0px 14px 26px rgba(0,0,0,0.30);
}
.pricing-card .btn:hover {
    box-shadow: var(--sc-shadow-chip), 0px 18px 32px rgba(0,0,0,0.36);
}

/* Points pill is .plan-stats itself */
.pricing-card .plan-stats {
    border: none;
    border-radius: 99px;
    font-family: var(--sc-font);
}
[data-theme="light"] .pricing-card .plan-stats {
    background: #FAFAFA;
    box-shadow: var(--sc-shadow-flat-light);
}
[data-theme="light"] .pricing-card.popular .plan-stats {
    background: rgba(255,255,255,0.10);
    box-shadow: 0px -2px 0px 0px rgba(0,0,0,0.6) inset, 0px 1px 0px 0px rgba(255,255,255,0.15) inset;
    color: #ffffff;
}
[data-theme="light"] .pricing-card.popular .plan-stats * { color: #ffffff; }

/* ============ UNIFIKACIJA: sve kartice #F4F4F5 (svetla tema),
   pozadina strane se NE dira. Gagi 2026-07-10. ============ */
[data-theme="light"] .pricing-card,
[data-theme="light"] .pricing-faq .faq-item,
[data-theme="light"] .studio-showcase-box,
[data-theme="light"] .popular-tools-box,
[data-theme="light"] .home-finder-box,
[data-theme="light"] .home-arena-box,
[data-theme="light"] .narrator-demo,
[data-theme="light"] .video-showcase-card,
[data-theme="light"] .home-agent-card,
[data-theme="light"] .home-trending-item,
[data-theme="light"] .home-trending-item.ht-featured,
[data-theme="light"] .sc-card {
    background: #F4F4F5;
}
/* Istaknuti plan ostaje taman po referenci */
[data-theme="light"] .pricing-card.popular {
    background: linear-gradient(0deg, #151517, #151517), radial-gradient(70% 60% at 30% -10%, rgba(255,255,255,0.12) 0%, rgba(255,255,255,0) 100%);
}

/* ============ GLOBALNA PALETA (Gagi 2026-07-10):
   #EDECEC = glavni background sajta (svetla tema)
   #F4F4F5 = pozadina kartice
   Dark tema se ne dira. ============ */
html[data-theme="light"],
[data-theme="light"] body {
    background: #EDECEC;
}
[data-theme="light"] .studio-cta-banner,
[data-theme="light"] .video-showcase-section,
[data-theme="light"] .home-trending-section,
[data-theme="light"] .home-agents-section,
[data-theme="light"] .how-it-works-section,
[data-theme="light"] .save-big-section,
[data-theme="light"] .social-proof-section,
[data-theme="light"] .studio-premium-showcase,
[data-theme="light"] .popular-tools-section,
[data-theme="light"] .home-duo-section,
[data-theme="light"] .sidebar,
[data-theme="light"] .main-content {
    background: #EDECEC;
}

/* Tools count: full quiet caption recipe (restored, was lost in block swap) */
.more-tools-badge-wrap {
    display: flex;
    align-items: center;
    gap: 20px;
    text-align: center;
    margin-top: 36px;
    padding-top: 0;
    border-top: none;
}
.more-tools-badge-wrap::before,
.more-tools-badge-wrap::after {
    content: '';
    flex: 1;
    height: 1px;
    background: rgba(255,255,255,0.14);
}
[data-theme="light"] .more-tools-badge-wrap::before,
[data-theme="light"] .more-tools-badge-wrap::after { background: rgba(0,0,0,0.12); }
.more-tools-badge {
    display: inline-block;
    padding: 0;
    border: none;
    border-radius: 0;
    font-family: var(--sc-font);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.95);
    white-space: nowrap;
    background: none;
}
[data-theme="light"] .more-tools-badge { color: #09090B; border: none; }

/* ============ TIPOGRAFIJA: Urbanist na sav tekst (Gagi 2026-07-10)
   Naslovi (h1/h2) zadrzavaju postojeci font dok Gagi ne kaze drugacije. ============ */
body,
p, li, span, a, label, td, th,
button, input, select, textarea,
.btn, .footer-list a, .footer-tagline {
    font-family: 'Urbanist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Points pill: veci, centriran, srazmeran pilula (Gagi screenshot 2026-07-10) */
.pricing-card .plan-stats {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 24px;
    font-size: 17px;
    font-weight: 700;
    text-align: center;
}
.pricing-card .plan-stats .stat,
.pricing-card .plan-stats .stat-value {
    font-size: 17px;
    font-weight: 700;
    background: none;
    box-shadow: none;
    padding: 0;
}

/* Fix: unutrasnji .stat u points piluli bez svoje pozadine/senke
   (mora sa [data-theme] prefiksom da pobedi starije pravilo) */
[data-theme="light"] .pricing-card .plan-stats .stat,
[data-theme="light"] .pricing-card.popular .plan-stats .stat,
.pricing-card .plan-stats .stat {
    background: none;
    box-shadow: none;
    padding: 0;
    border: none;
}
/* Vazdusniji raspored kartica */
.pricing-grid { gap: 28px; }

/* Toggle: tanji i laksi (Gagi: previse debelo) */
.billing-toggle .toggle-btn {
    padding: 8px 18px;
    font-size: 13px;
    font-weight: 600;
}

/* Tekst na pricing strani: nijansa ispod crne, ne bledo sivo (svetla tema) */
[data-theme="light"] .pricing .pricing-header p,
[data-theme="light"] .pricing .plan-tagline,
[data-theme="light"] .pricing .pricing-features li,
[data-theme="light"] .pricing .models-included,
[data-theme="light"] .pricing .faq-item p,
[data-theme="light"] .pricing .faq-item h3,
[data-theme="light"] .pricing .faq-item h4,
[data-theme="light"] .pricing .price small,
[data-theme="light"] .pricing .model-tag {
    color: #1C1C1E;
}
/* Tamna Pro kartica ostaje bela slova */
[data-theme="light"] .pricing-card.popular .plan-tagline,
[data-theme="light"] .pricing-card.popular .pricing-features li,
[data-theme="light"] .pricing-card.popular .models-included,
[data-theme="light"] .pricing-card.popular .model-tag {
    color: rgba(255,255,255,0.92);
}

/* Aktivni toggle: manji crni okvir, tekst ostaje isti */
.billing-toggle .toggle-btn.active,
[data-theme="light"] .billing-toggle .toggle-btn.active {
    padding: 6px 14px;
    box-shadow: 0px -2px 0px 0px #080808 inset, 0px 1px 0px 0px rgba(255,255,255,0.25) inset, 0px 2px 3px 0px rgba(0,0,0,0.14);
}
.billing-toggle {
    padding: 4px;
}

/* Downgrade dugme: crno kao i ostala, ne sivo */
.pricing-card .btn.btn-secondary,
[data-theme="light"] .pricing-card .btn.btn-secondary,
.pricing-card .btn[disabled],
.pricing-card .btn.disabled {
    background: var(--sc-dark-grad);
    color: #ffffff;
    opacity: 1;
}
.pricing-card .btn.btn-secondary:hover,
[data-theme="light"] .pricing-card .btn.btn-secondary:hover {
    background: var(--sc-dark-grad);
    color: #ffffff;
}

/* Fix dark mode: featured trending red ne sme biti svetao u tamnoj temi */
[data-theme="dark"] .home-trending-item.ht-featured,
html:not([data-theme="light"]) .home-trending-item.ht-featured {
    background: linear-gradient(0deg, #232326, #232326), radial-gradient(62% 62% at 28% -10%, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0) 100%);
    border: none;
    box-shadow: 0px -3px 0px 0px #080808 inset, 0px 1px 0px 0px rgba(255,255,255,0.12) inset, 0px 4px 8px 0px rgba(0,0,0,0.30);
}
[data-theme="dark"] .home-trending-item.ht-featured .ht-name,
html:not([data-theme="light"]) .home-trending-item.ht-featured .ht-name {
    color: #ffffff;
}


/* ================================================================
   FAZA 1 (2026-07-10): Finder, Arena, Auth, About/Contact, Free-credits
   Isti recepti, skopirano na wrappere strana da ne dira Studio/Chat.
   ================================================================ */

.finder-quiz, .finder-how-step, .arena-start-card, .leaderboard-card,
.battle-card, .auth-card, .content-block, .feature-item, .info-card,
.contact-form-container, .scratch-benefit, .scratch-faq-item {
    background: linear-gradient(0deg, #18181B, #18181B), radial-gradient(62% 62% at 28% -10%, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%);
    border: none;
    border-radius: 24px;
    box-shadow: var(--sc-shadow-card-dark);
    font-family: var(--sc-font);
    transition: transform 0.25s ease;
}
[data-theme="light"] .finder-quiz, [data-theme="light"] .finder-how-step,
[data-theme="light"] .arena-start-card, [data-theme="light"] .leaderboard-card,
[data-theme="light"] .battle-card, [data-theme="light"] .auth-card,
[data-theme="light"] .content-block, [data-theme="light"] .feature-item,
[data-theme="light"] .info-card, [data-theme="light"] .contact-form-container,
[data-theme="light"] .scratch-benefit, [data-theme="light"] .scratch-faq-item {
    background: #F4F4F5;
    box-shadow: var(--sc-shadow-card-light);
}
.leaderboard-card:hover, .battle-card:hover, .feature-item:hover,
.info-card:hover, .scratch-benefit:hover {
    transform: translateY(-4px);
}

.finder-how-number, .feature-icon, .info-icon, .scratch-benefit-icon,
.scratch-header-icon {
    background: var(--sc-dark-grad);
    color: #ffffff;
    border: none;
    border-radius: 14px;
    box-shadow: var(--sc-shadow-chip);
}
[data-theme="light"] .finder-how-number, [data-theme="light"] .feature-icon,
[data-theme="light"] .info-icon, [data-theme="light"] .scratch-benefit-icon,
[data-theme="light"] .scratch-header-icon {
    background: var(--sc-dark-grad);
    color: #ffffff;
}

.finder-page .btn-primary, .arena-page .btn-primary, .scratch-page .btn-primary,
.auth-card .btn-submit, .page-section .btn-primary, .contact-form .btn-primary,
.battle-cta, .arena-start-login {
    background: var(--sc-dark-grad);
    border: none;
    color: #ffffff;
    font-family: var(--sc-font);
    font-weight: 700;
    border-radius: 99px;
    box-shadow: var(--sc-shadow-chip), 0px 10px 20px rgba(0,0,0,0.25);
    transition: transform 0.2s ease;
}
.finder-page .btn-primary:hover, .arena-page .btn-primary:hover,
.scratch-page .btn-primary:hover, .auth-card .btn-submit:hover,
.page-section .btn-primary:hover, .contact-form .btn-primary:hover,
.battle-cta:hover, .arena-start-login:hover {
    background: var(--sc-dark-grad);
    color: #ffffff;
    transform: translateY(-2px);
}
.finder-page .btn-outline, .finder-page .btn-ghost, .finder-page .btn-secondary,
.arena-page .btn-outline, .arena-page .btn-ghost,
.scratch-page .btn-outline, .page-section .btn-outline {
    background: #232326;
    border: none;
    color: rgba(255,255,255,0.95);
    font-family: var(--sc-font);
    border-radius: 99px;
    box-shadow: 0px -2px 0px 0px #080808 inset, 0px 1px 0px 0px rgba(255,255,255,0.10) inset, 0px 2px 4px 0px rgba(0,0,0,0.20);
}
[data-theme="light"] .finder-page .btn-outline, [data-theme="light"] .finder-page .btn-ghost,
[data-theme="light"] .finder-page .btn-secondary,
[data-theme="light"] .arena-page .btn-outline, [data-theme="light"] .arena-page .btn-ghost,
[data-theme="light"] .scratch-page .btn-outline, [data-theme="light"] .page-section .btn-outline {
    background: #FAFAFA;
    color: #09090B;
    box-shadow: var(--sc-shadow-flat-light);
}

.finder-quiz .category-options button, .finder-quiz .budget-options button,
.finder-quiz .level-options button {
    border: none;
    border-radius: 99px;
    font-family: var(--sc-font);
    background: #232326;
    color: rgba(255,255,255,0.95);
    box-shadow: 0px -2px 0px 0px #080808 inset, 0px 1px 0px 0px rgba(255,255,255,0.10) inset, 0px 2px 4px 0px rgba(0,0,0,0.20);
    transition: transform 0.15s ease;
}
[data-theme="light"] .finder-quiz .category-options button,
[data-theme="light"] .finder-quiz .budget-options button,
[data-theme="light"] .finder-quiz .level-options button {
    background: #FAFAFA;
    color: #1C1C1E;
    box-shadow: var(--sc-shadow-flat-light);
}
.finder-quiz .category-options button:hover, .finder-quiz .budget-options button:hover,
.finder-quiz .level-options button:hover { transform: translateY(-2px); }
.finder-quiz .category-options button.active, .finder-quiz .budget-options button.active,
.finder-quiz .level-options button.active,
[data-theme="light"] .finder-quiz .category-options button.active,
[data-theme="light"] .finder-quiz .budget-options button.active,
[data-theme="light"] .finder-quiz .level-options button.active {
    background: var(--sc-dark-grad);
    color: #ffffff;
    box-shadow: var(--sc-shadow-chip);
}

.auth-card .btn-google, .auth-card .btn-facebook {
    border: none;
    border-radius: 99px;
    font-family: var(--sc-font);
    box-shadow: var(--sc-shadow-flat-light);
}

.auth-card .form-group input, .auth-card .form-group select,
.contact-form .form-group input, .contact-form .form-group textarea,
.contact-form .form-group select {
    border: none;
    border-radius: 14px;
    background: #FAFAFA;
    font-family: var(--sc-font);
    box-shadow: 0px 2px 4px rgba(0,0,0,0.06) inset, 0px 0px 0px 1px rgba(0,0,0,0.06);
}
.auth-card .form-group input:focus,
.contact-form .form-group input:focus, .contact-form .form-group textarea:focus {
    outline: none;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.06) inset, 0px 0px 0px 2px #18181B;
}
[data-theme="dark"] .auth-card .form-group input,
html:not([data-theme="light"]) .auth-card .form-group input {
    background: #232326;
    color: #ffffff;
}

.finder-stat-number, .arena-stat-value {
    font-family: var(--sc-font);
    font-weight: 800;
    letter-spacing: -0.02em;
}

[data-theme="light"] .finder-page p, [data-theme="light"] .finder-page label,
[data-theme="light"] .finder-stat-label,
[data-theme="light"] .arena-page p, [data-theme="light"] .arena-stat-label,
[data-theme="light"] .arena-start-desc, [data-theme="light"] .battle-prompt,
[data-theme="light"] .auth-card p, [data-theme="light"] .auth-card label,
[data-theme="light"] .page-section p, [data-theme="light"] .page-subtitle,
[data-theme="light"] .content-block p, [data-theme="light"] .feature-item p,
[data-theme="light"] .info-card p, [data-theme="light"] .scratch-page p,
[data-theme="light"] .scratch-benefit-text, [data-theme="light"] .scratch-faq-a {
    color: #1C1C1E;
}

@media (prefers-reduced-motion: reduce) {
    .leaderboard-card, .battle-card, .feature-item, .info-card, .scratch-benefit,
    .finder-quiz .category-options button, .finder-quiz .budget-options button,
    .finder-quiz .level-options button { transition: none; }
    .leaderboard-card:hover, .battle-card:hover, .feature-item:hover,
    .info-card:hover, .scratch-benefit:hover { transform: none; }
}


/* Finder: kviz BEZ pozadinske table i donje usne, opcije stoje direktno na strani */
.finder-quiz,
[data-theme="light"] .finder-quiz {
    background: none;
    box-shadow: none;
    border: none;
    border-radius: 0;
}


/* Finder opcije su KARTICE: #F4F4F5 na #EDECEC pozadini (Gagina paleta) */
[data-theme="light"] .finder-quiz .quiz-option,
[data-theme="light"] .finder-quiz .category-options button,
[data-theme="light"] .finder-quiz .budget-options button,
[data-theme="light"] .finder-quiz .level-options button {
    background: #F4F4F5;
    box-shadow: var(--sc-shadow-card-light);
}
.finder-quiz .quiz-option {
    border: none;
    border-radius: 99px;
    font-family: var(--sc-font);
    transition: transform 0.15s ease;
}
.finder-quiz .quiz-option:hover { transform: translateY(-2px); }
.finder-quiz .quiz-option.active,
[data-theme="light"] .finder-quiz .quiz-option.active {
    background: var(--sc-dark-grad);
    color: #ffffff;
    box-shadow: var(--sc-shadow-chip);
}
[data-theme="light"] .finder-quiz .quiz-option.active * { color: #ffffff; }


/* Arena: View Full Battle dugme mora imati BELA slova u obe teme */
[data-theme="light"] .battle-cta,
[data-theme="light"] .battle-cta *,
[data-theme="dark"] .battle-cta,
.battle-cta, .battle-cta * {
    color: #ffffff;
}


/* Arena CTA: veci taster, tekst ne dodiruje ivice */
.battle-cta,
[data-theme="light"] .battle-cta {
    padding: 12px 26px;
    font-size: 14px;
    line-height: 1.2;
}


/* Arena: odgovori unutar battle kartice na belo (svetla tema) */
[data-theme="light"] .battle-response-preview {
    background: #ffffff;
    border: none;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.08);
}
.battle-response-preview { border-radius: 18px; }
html:not([data-theme="light"]) .battle-response-preview {
    background: #232326;
}


/* About: cip mora da primi i duzu rec (Daily), ne fiksni kvadrat */
.feature-icon,
[data-theme="light"] .feature-icon {
    width: auto;
    min-width: 56px;
    height: 56px;
    padding: 0 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    white-space: nowrap;
    overflow: visible;
}

/* About: vazduh u sadrzajnim karticama, naslovi ne uz ivicu */
.content-block,
[data-theme="light"] .content-block {
    padding: 36px 40px;
}
.content-block h2, .content-block h3 {
    margin-top: 0;
    margin-bottom: 16px;
}
.feature-item, [data-theme="light"] .feature-item {
    padding: 28px 24px;
}


/* Contact info kartice: naslov desno od ikonice, u istom redu */
.info-card .info-icon {
    display: inline-flex;
    vertical-align: middle;
    margin-bottom: 0;
}
.info-card h3, .info-card h4 {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 14px;
}
.info-card p { margin-top: 14px; }


/* Contact: desne kartice se rastezu da kolona bude visoka kao forma levo */
.contact-grid { align-items: stretch; }
.contact-info {
    display: flex;
    flex-direction: column;
    gap: 24px;
    height: 100%;
}
.contact-info .info-card { flex: 1; }


/* Sidebar traka = ista pozadina kao content, da bude jedno (svetla tema) */
html[data-theme="light"] .sidebar,
html[data-theme="light"] .app-layout,
html[data-theme="light"] .main-content {
    background: #EDECEC;
}


/* Sidebar pozadina: #EDECEC, tvrdo (neko skriveno pravilo drzi belu) */
[data-theme="light"] .sidebar,
[data-theme="light"] .sidebar > *:not(.sidebar-nav):not(a):not(button) {
    background: #EDECEC !important;
}


/* Left bar sekcije: isti soft-card izgled kao kartice na sadrzaju */
.sidebar .sidebar-section-bordered,
.sidebar .sidebar-section {
    background: linear-gradient(0deg, #18181B, #18181B), radial-gradient(62% 62% at 28% -10%, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%);
    border: none;
    border-radius: 24px;
    box-shadow: var(--sc-shadow-card-dark);
}
[data-theme="light"] .sidebar .sidebar-section-bordered,
[data-theme="light"] .sidebar .sidebar-section {
    background: #F4F4F5 !important;
    border: none;
    box-shadow: var(--sc-shadow-card-light);
}


/* Sve unutrasnje strane: platno #EDECEC svuda (agents i ostale page sekcije) */
html[data-theme="light"] .agents-page,
html[data-theme="light"] .finder-page,
html[data-theme="light"] .arena-page,
html[data-theme="light"] .scratch-page,
html[data-theme="light"] .pricing,
html[data-theme="light"] .page-content,
html[data-theme="light"] .main-content,
html[data-theme="light"] .app-layout,
html[data-theme="light"] body {
    background: #EDECEC !important;
}


/* About: sve cetiri kartice u jednom redu */
.features-grid { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 1100px) { .features-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .features-grid { grid-template-columns: 1fr; } }


/* Left bar grupe (Audio/Image/Video/Text & More): tvrdo isti soft-card kao meni */
[data-theme="light"] .sidebar .sidebar-section-bordered,
[data-theme="light"] .sidebar .sidebar-section {
    background: #F4F4F5 !important;
    border: none !important;
    box-shadow: var(--sc-shadow-card-light) !important;
    border-radius: 24px !important;
}
html:not([data-theme="light"]) .sidebar .sidebar-section-bordered,
html:not([data-theme="light"]) .sidebar .sidebar-section {
    border: none !important;
    border-radius: 24px !important;
}
[data-theme="light"] .sidebar .sidebar-section-header span { color: #1C1C1E; }


/* ============ STUDIO LEFT BAR: isti soft-card fazon (Gagi 2026-07-10) ============ */
[data-theme="light"] .studio-sidebar,
html[data-theme="light"] .studio-sidebar,
[data-theme="light"] .studio-sidebar-content {
    background: #EDECEC !important;
    border-right: none !important;
}
html:not([data-theme="light"]) .studio-sidebar,
html:not([data-theme="light"]) .studio-sidebar-content {
    background: #2c2c2e !important;
}
.studio-sidebar .studio-sidebar-category {
    background: linear-gradient(0deg, #18181B, #18181B), radial-gradient(62% 62% at 28% -10%, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%);
    border: none !important;
    border-radius: 24px !important;
    box-shadow: var(--sc-shadow-card-dark);
    margin-bottom: 14px;
    overflow: hidden;
}
[data-theme="light"] .studio-sidebar .studio-sidebar-category {
    background: #F4F4F5 !important;
    box-shadow: var(--sc-shadow-card-light);
}
[data-theme="light"] .studio-sidebar .category-header,
[data-theme="light"] .studio-sidebar .category-header span {
    color: #1C1C1E;
    font-family: var(--sc-font);
}
.studio-sidebar .category-header { font-family: var(--sc-font); }





/* PLATNO SAJTA (Gagi, konacno): #EDECEC ispod left bara, ispod hedera,
   ceo content canvas, na SVIM stranama ukljucujuci studio.
   Kartice (#F4F4F5), beli paneli alata i heder se NE diraju. */
html[data-theme="light"],
[data-theme="light"] body,
[data-theme="light"] body.studio-mode,
[data-theme="light"] .app-layout,
[data-theme="light"] .main-content,
[data-theme="light"] .studio-main {
    background: #EDECEC !important;
}


/* Studio tool strane: i content wrapper na #EDECEC (bele kartice alata ostaju) */
[data-theme="light"] .studio-tool,
[data-theme="light"] .studio-tool.full-width,
[data-theme="light"] .vr-main-header {
    background: #EDECEC !important;
}


/* ============ STUDIO DESNI BAR: isto kao left bar ============ */
.st-sidebar-card {
    background: linear-gradient(0deg, #18181B, #18181B), radial-gradient(62% 62% at 28% -10%, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%);
    border: none !important;
    border-radius: 24px !important;
    box-shadow: var(--sc-shadow-card-dark);
    overflow: hidden;
}
[data-theme="light"] .st-sidebar-card {
    background: #F4F4F5 !important;
    box-shadow: var(--sc-shadow-card-light);
}
/* Naslovi sekcija kao tamni cip pilula (Favorites zadrzava crvenu, brend) */
.st-sidebar-header {
    border: none;
    border-radius: 99px;
    margin: 14px 14px 6px;
    font-family: var(--sc-font);
}
.st-sidebar-header.st-header-tools,
[data-theme="light"] .st-sidebar-header.st-header-tools {
    background: var(--sc-dark-grad);
    box-shadow: var(--sc-shadow-chip);
}
.st-sidebar-header.st-header-tools .st-sidebar-title,
[data-theme="light"] .st-sidebar-header.st-header-tools .st-sidebar-title {
    color: #ffffff;
}
.st-sidebar-header.st-header-fav { box-shadow: var(--sc-shadow-chip); }
[data-theme="light"] .st-sidebar-item { font-family: var(--sc-font); }
[data-theme="light"] .st-sidebar-name { color: #1C1C1E; }

/* ============ STUDIO CONTENT PLATNO #EBEAEA (zamena za #fdfcfc, 2026-07-10) ============ */
[data-theme="light"]:has(body.studio-mode),
[data-theme="light"] body.studio-mode,
[data-theme="light"] body.studio-mode .app-layout,
[data-theme="light"] body.studio-mode .main-content,
[data-theme="light"] body.studio-mode .studio-main,
[data-theme="light"] body.studio-mode .studio-layout ~ section,
[data-theme="light"] body.studio-mode .studio-layout ~ div:not(script),
[data-theme="light"] body.studio-mode .studio-tool,
[data-theme="light"] body.studio-mode .studio-tool.full-width,
[data-theme="light"] body.studio-mode .vr-main-header {
    background: #EBEAEA !important;
}

/* ============ STUDIO ALATI: My Projects / My Speech istorija (2026-07-10) ============ */
/* Kartice istorije: soft kartica #F4F4F5, bez bordera */
[data-theme="light"] .my-projects-section .project-item,
[data-theme="light"] .my-projects-section .project-card,
[data-theme="light"] .project-item,
[data-theme="light"] .project-card {
    background: #F4F4F5 !important;
    border: none !important;
    border-radius: 24px !important;
    box-shadow: var(--sc-shadow-card-light) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    transition: transform 0.15s ease, box-shadow 0.2s ease;
}
[data-theme="light"] .project-item:hover,
[data-theme="light"] .project-card:hover {
    transform: translateY(-2px);
    box-shadow: var(--sc-shadow-card-light) !important;
}
[data-theme="dark"] .project-item,
[data-theme="dark"] .project-card {
    background: var(--sc-dark-grad) !important;
    border: none !important;
    border-radius: 24px !important;
    box-shadow: var(--sc-shadow-card-dark) !important;
}
/* Naslov sekcije */
.my-projects-section h2 { font-family: var(--sc-font); }
[data-theme="light"] .my-projects-section h2 { color: #1C1C1E !important; }
[data-theme="light"] .project-prompt { color: #1C1C1E !important; }
[data-theme="light"] .project-meta { color: #1C1C1E !important; opacity: 0.55; }
/* Dugmad Play/Download/Delete: crna sjajna pilula, u OBE teme */
.my-projects-section .btn-pill-action,
.project-actions .btn-pill-action,
[data-theme="light"] .btn-pill-action,
[data-theme="dark"] .btn-pill-action {
    background: var(--sc-dark-grad) !important;
    color: rgba(255,255,255,0.92) !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-chip) !important;
    font-family: var(--sc-font);
    font-weight: 600;
}
[data-theme="light"] .btn-pill-action:hover,
[data-theme="dark"] .btn-pill-action:hover {
    background: var(--sc-dark-grad) !important;
    transform: translateY(-2px);
    box-shadow: var(--sc-shadow-chip), 0 14px 26px rgba(0,0,0,0.30) !important;
}
.btn-pill-action * { color: rgba(255,255,255,0.92) !important; }
@media (prefers-reduced-motion: reduce) {
    [data-theme="light"] .project-item:hover, [data-theme="light"] .project-card:hover, .btn-pill-action:hover { transform: none; }
}

/* ============ STUDIO ALATI: pc-* content sekcije (Why Choose, Perfect For, Tech, FAQ, Comparison, Related) 2026-07-10 ============ */
/* Kartice: soft #F4F4F5, bez bordera */
[data-theme="light"] .pc-feature-card,
[data-theme="light"] .pc-tech-card,
[data-theme="light"] .pc-faq-item,
[data-theme="light"] .pc-related-card,
[data-theme="light"] .pc-comparison-wrapper {
    background: #F4F4F5 !important;
    border: none !important;
    border-radius: 24px !important;
    box-shadow: var(--sc-shadow-card-light) !important;
    transition: transform 0.15s ease, box-shadow 0.2s ease;
}
[data-theme="light"] .pc-feature-card:hover,
[data-theme="light"] .pc-related-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--sc-shadow-card-light) !important;
}
[data-theme="dark"] .pc-feature-card,
[data-theme="dark"] .pc-tech-card,
[data-theme="dark"] .pc-faq-item,
[data-theme="dark"] .pc-related-card,
[data-theme="dark"] .pc-comparison-wrapper {
    background: var(--sc-dark-grad) !important;
    border: none !important;
    border-radius: 24px !important;
    box-shadow: var(--sc-shadow-card-dark) !important;
}
/* Icon cipovi u karticama: tamni cip, bela ikonica */
[data-theme="light"] .pc-feature-icon,
[data-theme="light"] .pc-tech-icon,
[data-theme="light"] .pc-related-icon {
    background: var(--sc-dark-grad) !important;
    border: none !important;
    border-radius: 16px !important;
    box-shadow: var(--sc-shadow-chip) !important;
    color: rgba(255,255,255,0.92) !important;
}
/* Tipografija: Urbanist, tekst #1C1C1E, nikad bledo */
.pc-section h2, .pc-section h3, .pc-section p, .pc-section-subtitle { font-family: var(--sc-font); }
[data-theme="light"] .pc-section h2 { color: #1C1C1E !important; }
[data-theme="light"] .pc-feature-card h3,
[data-theme="light"] .pc-tech-content h3,
[data-theme="light"] .pc-faq-question { color: #1C1C1E !important; }
[data-theme="light"] .pc-feature-card p,
[data-theme="light"] .pc-tech-content p,
[data-theme="light"] .pc-faq-answer p,
[data-theme="light"] .pc-section-subtitle { color: #1C1C1E !important; opacity: 0.75; }
/* Perfect For pilule: direktno na platnu = kartica pilula #F4F4F5 */
[data-theme="light"] .pc-pill {
    background: #F4F4F5 !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    color: #1C1C1E !important;
    font-family: var(--sc-font);
    font-weight: 600;
    transition: transform 0.15s ease;
}
[data-theme="light"] .pc-pill:hover { transform: translateY(-2px); background: #F4F4F5 !important; }
[data-theme="dark"] .pc-pill {
    background: var(--sc-dark-grad) !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-chip) !important;
    color: rgba(255,255,255,0.92) !important;
}
@media (prefers-reduced-motion: reduce) {
    [data-theme="light"] .pc-feature-card:hover, [data-theme="light"] .pc-related-card:hover, [data-theme="light"] .pc-pill:hover { transform: none; }
}

/* ============ STUDIO ALATI: glavne tool kartice, zetva (2026-07-10) ============ */
[data-theme="light"] .studio-tool .ae-card,
[data-theme="light"] .studio-tool .af-gallery-card,
[data-theme="light"] .studio-tool .agf-card,
[data-theme="light"] .studio-tool .ag-gallery-card,
[data-theme="light"] .studio-tool .anc-card,
[data-theme="light"] .studio-tool .ar-card,
[data-theme="light"] .studio-tool .arl-card,
[data-theme="light"] .studio-tool .at-card,
[data-theme="light"] .studio-tool .auth-required-card,
[data-theme="light"] .studio-tool .avatar-info-card,
[data-theme="light"] .studio-tool .avg-card,
[data-theme="light"] .studio-tool .bf-result-card,
[data-theme="light"] .studio-tool .bgr-card,
[data-theme="light"] .studio-tool .bgrp-card,
[data-theme="light"] .studio-tool .br-canvas-wrapper,
[data-theme="light"] .studio-tool .br-card,
[data-theme="light"] .studio-tool .brs-canvas-wrapper,
[data-theme="light"] .studio-tool .brs-card,
[data-theme="light"] .studio-tool .brs-upload-area,
[data-theme="light"] .studio-tool .br-upload-area,
[data-theme="light"] .studio-tool .bte-card,
[data-theme="light"] .studio-tool .btts-card,
[data-theme="light"] .studio-tool .cc-gallery-card,
[data-theme="light"] .studio-tool .cchar-card,
[data-theme="light"] .studio-tool .cch-card,
[data-theme="light"] .studio-tool .cgpt-card,
[data-theme="light"] .studio-tool .chr-cs-feature-card,
[data-theme="light"] .studio-tool .chr-cs-related-card,
[data-theme="light"] .studio-tool .chr-gallery-card,
[data-theme="light"] .studio-tool .cost-info-card,
[data-theme="light"] .studio-tool .demo-card,
[data-theme="light"] .studio-tool .dv-video-card,
[data-theme="light"] .studio-tool .error-container,
[data-theme="light"] .studio-tool .example-card,
[data-theme="light"] .studio-tool .fe-card,
[data-theme="light"] .studio-tool .fmerge-gallery-card,
[data-theme="light"] .studio-tool .fmr-card,
[data-theme="light"] .studio-tool .gpg-gallery-card,
[data-theme="light"] .studio-tool .gs-gallery-card,
[data-theme="light"] .studio-tool .hsg-card,
[data-theme="light"] .studio-tool .ht-gallery-card,
[data-theme="light"] .studio-tool .hto-card,
[data-theme="light"] .studio-tool .hv-video-card,
[data-theme="light"] .studio-tool .ifc-card,
[data-theme="light"] .studio-tool .ima-card,
[data-theme="light"] .studio-tool .imc-card,
[data-theme="light"] .studio-tool .inp-card,
[data-theme="light"] .studio-tool .iu-card,
[data-theme="light"] .studio-tool .kv-video-card,
[data-theme="light"] .studio-tool .lgo-card,
[data-theme="light"] .studio-tool .meme-gallery-card,
[data-theme="light"] .studio-tool .memg-card,
[data-theme="light"] .studio-tool .merger-upload-zone,
[data-theme="light"] .studio-tool .obr-card,
[data-theme="light"] .studio-tool .ocr-card,
[data-theme="light"] .studio-tool .op-gallery-card,
[data-theme="light"] .studio-tool .or-gallery-card,
[data-theme="light"] .studio-tool .pcol-card,
[data-theme="light"] .studio-tool .pod-card,
[data-theme="light"] .studio-tool .ppho-card,
[data-theme="light"] .studio-tool .pres-card,
[data-theme="light"] .studio-tool .processing-container,
[data-theme="light"] .studio-tool .qra-card,
[data-theme="light"] .studio-tool .remover-container,
[data-theme="light"] .studio-tool .result-area,
[data-theme="light"] .studio-tool .results-container,
[data-theme="light"] .studio-tool .reye-canvas-wrapper,
[data-theme="light"] .studio-tool .reye-card,
[data-theme="light"] .studio-tool .rm-card,
[data-theme="light"] .studio-tool .sfx-card,
[data-theme="light"] .studio-tool .st-card,
[data-theme="light"] .studio-tool .stf-card,
[data-theme="light"] .studio-tool .sti-card,
[data-theme="light"] .studio-tool .t3d-card,
[data-theme="light"] .studio-tool .thg-card,
[data-theme="light"] .studio-tool .thumb-gallery-card,
[data-theme="light"] .studio-tool .tig-card,
[data-theme="light"] .studio-tool .trimmer-upload-zone,
[data-theme="light"] .studio-tool .tt-gallery-card,
[data-theme="light"] .studio-tool .tto-card,
[data-theme="light"] .studio-tool .tw-canvas-wrapper,
[data-theme="light"] .studio-tool .tw-card,
[data-theme="light"] .studio-tool .tw-upload-area,
[data-theme="light"] .studio-tool .uco-card,
[data-theme="light"] .studio-tool .upload-area,
[data-theme="light"] .studio-tool .upload-box,
[data-theme="light"] .studio-tool .upload-container,
[data-theme="light"] .studio-tool .upscaler-container,
[data-theme="light"] .studio-tool .vc-card,
[data-theme="light"] .studio-tool .vcg-clip-card,
[data-theme="light"] .studio-tool .vcg-upload-zone,
[data-theme="light"] .studio-tool .vch-card,
[data-theme="light"] .studio-tool .vg-demo-card,
[data-theme="light"] .studio-tool .video-card,
[data-theme="light"] .studio-tool .vt-card,
[data-theme="light"] .studio-tool .vto-card,
[data-theme="light"] .studio-tool .vto-gallery-card {
    background: #F4F4F5 !important;
    border-color: transparent !important;
    border-radius: 24px !important;
    box-shadow: var(--sc-shadow-card-light) !important;
}
[data-theme="dark"] .studio-tool .ae-card,
[data-theme="dark"] .studio-tool .af-gallery-card,
[data-theme="dark"] .studio-tool .agf-card,
[data-theme="dark"] .studio-tool .ag-gallery-card,
[data-theme="dark"] .studio-tool .anc-card,
[data-theme="dark"] .studio-tool .ar-card,
[data-theme="dark"] .studio-tool .arl-card,
[data-theme="dark"] .studio-tool .at-card,
[data-theme="dark"] .studio-tool .auth-required-card,
[data-theme="dark"] .studio-tool .avatar-info-card,
[data-theme="dark"] .studio-tool .avg-card,
[data-theme="dark"] .studio-tool .bf-result-card,
[data-theme="dark"] .studio-tool .bgr-card,
[data-theme="dark"] .studio-tool .bgrp-card,
[data-theme="dark"] .studio-tool .br-canvas-wrapper,
[data-theme="dark"] .studio-tool .br-card,
[data-theme="dark"] .studio-tool .brs-canvas-wrapper,
[data-theme="dark"] .studio-tool .brs-card,
[data-theme="dark"] .studio-tool .brs-upload-area,
[data-theme="dark"] .studio-tool .br-upload-area,
[data-theme="dark"] .studio-tool .bte-card,
[data-theme="dark"] .studio-tool .btts-card,
[data-theme="dark"] .studio-tool .cc-gallery-card,
[data-theme="dark"] .studio-tool .cchar-card,
[data-theme="dark"] .studio-tool .cch-card,
[data-theme="dark"] .studio-tool .cgpt-card,
[data-theme="dark"] .studio-tool .chr-cs-feature-card,
[data-theme="dark"] .studio-tool .chr-cs-related-card,
[data-theme="dark"] .studio-tool .chr-gallery-card,
[data-theme="dark"] .studio-tool .cost-info-card,
[data-theme="dark"] .studio-tool .demo-card,
[data-theme="dark"] .studio-tool .dv-video-card,
[data-theme="dark"] .studio-tool .error-container,
[data-theme="dark"] .studio-tool .example-card,
[data-theme="dark"] .studio-tool .fe-card,
[data-theme="dark"] .studio-tool .fmerge-gallery-card,
[data-theme="dark"] .studio-tool .fmr-card,
[data-theme="dark"] .studio-tool .gpg-gallery-card,
[data-theme="dark"] .studio-tool .gs-gallery-card,
[data-theme="dark"] .studio-tool .hsg-card,
[data-theme="dark"] .studio-tool .ht-gallery-card,
[data-theme="dark"] .studio-tool .hto-card,
[data-theme="dark"] .studio-tool .hv-video-card,
[data-theme="dark"] .studio-tool .ifc-card,
[data-theme="dark"] .studio-tool .ima-card,
[data-theme="dark"] .studio-tool .imc-card,
[data-theme="dark"] .studio-tool .inp-card,
[data-theme="dark"] .studio-tool .iu-card,
[data-theme="dark"] .studio-tool .kv-video-card,
[data-theme="dark"] .studio-tool .lgo-card,
[data-theme="dark"] .studio-tool .meme-gallery-card,
[data-theme="dark"] .studio-tool .memg-card,
[data-theme="dark"] .studio-tool .merger-upload-zone,
[data-theme="dark"] .studio-tool .obr-card,
[data-theme="dark"] .studio-tool .ocr-card,
[data-theme="dark"] .studio-tool .op-gallery-card,
[data-theme="dark"] .studio-tool .or-gallery-card,
[data-theme="dark"] .studio-tool .pcol-card,
[data-theme="dark"] .studio-tool .pod-card,
[data-theme="dark"] .studio-tool .ppho-card,
[data-theme="dark"] .studio-tool .pres-card,
[data-theme="dark"] .studio-tool .processing-container,
[data-theme="dark"] .studio-tool .qra-card,
[data-theme="dark"] .studio-tool .remover-container,
[data-theme="dark"] .studio-tool .result-area,
[data-theme="dark"] .studio-tool .results-container,
[data-theme="dark"] .studio-tool .reye-canvas-wrapper,
[data-theme="dark"] .studio-tool .reye-card,
[data-theme="dark"] .studio-tool .rm-card,
[data-theme="dark"] .studio-tool .sfx-card,
[data-theme="dark"] .studio-tool .st-card,
[data-theme="dark"] .studio-tool .stf-card,
[data-theme="dark"] .studio-tool .sti-card,
[data-theme="dark"] .studio-tool .t3d-card,
[data-theme="dark"] .studio-tool .thg-card,
[data-theme="dark"] .studio-tool .thumb-gallery-card,
[data-theme="dark"] .studio-tool .tig-card,
[data-theme="dark"] .studio-tool .trimmer-upload-zone,
[data-theme="dark"] .studio-tool .tt-gallery-card,
[data-theme="dark"] .studio-tool .tto-card,
[data-theme="dark"] .studio-tool .tw-canvas-wrapper,
[data-theme="dark"] .studio-tool .tw-card,
[data-theme="dark"] .studio-tool .tw-upload-area,
[data-theme="dark"] .studio-tool .uco-card,
[data-theme="dark"] .studio-tool .upload-area,
[data-theme="dark"] .studio-tool .upload-box,
[data-theme="dark"] .studio-tool .upload-container,
[data-theme="dark"] .studio-tool .upscaler-container,
[data-theme="dark"] .studio-tool .vc-card,
[data-theme="dark"] .studio-tool .vcg-clip-card,
[data-theme="dark"] .studio-tool .vcg-upload-zone,
[data-theme="dark"] .studio-tool .vch-card,
[data-theme="dark"] .studio-tool .vg-demo-card,
[data-theme="dark"] .studio-tool .video-card,
[data-theme="dark"] .studio-tool .vt-card,
[data-theme="dark"] .studio-tool .vto-card,
[data-theme="dark"] .studio-tool .vto-gallery-card {
    background: var(--sc-dark-grad) !important;
    border-color: transparent !important;
    border-radius: 24px !important;
    box-shadow: var(--sc-shadow-card-dark) !important;
}

/* Upload / drop zone: podignuta pilula #FAFAFA unutar kartice, mekana isprekidana linija */
[data-theme="light"] .studio-tool [class*="upload-area"],
[data-theme="light"] .studio-tool [class*="upload-box"],
[data-theme="light"] .studio-tool [class*="upload-zone"],
[data-theme="light"] .studio-tool [class*="dropzone"],
[data-theme="light"] .studio-tool [class*="drop-zone"],
[data-theme="light"] .studio-tool [class*="drop-area"] {
    background: #FAFAFA !important;
    border: 1.5px dashed rgba(0,0,0,0.15) !important;
    border-radius: 24px !important;
}
/* Header pilule: Share i Prompts kao svetla podignuta pilula */
[data-theme="light"] .studio-share-btn,
[data-theme="light"] .studio-prompts-btn {
    background: #F4F4F5 !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    color: #1C1C1E !important;
    font-family: var(--sc-font);
    font-weight: 600;
}
/* Search tools polje: ista svetla pilula */
[data-theme="light"] .studio-search-box,
[data-theme="light"] .studio-search-input {
    background: #F4F4F5 !important;
    border: none !important;
    border-radius: 99px !important;
}
[data-theme="light"] .studio-search-box { box-shadow: var(--sc-shadow-flat-light) !important; }
[data-theme="light"] .studio-search-input::placeholder { color: #1C1C1E; opacity: 0.5; }

/* Add to Favorites: ista svetla pilula kao Share/Prompts, crven tekst ostaje (brend) */
[data-theme="light"] .studio-fav-btn {
    background: #F4F4F5 !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    font-family: var(--sc-font);
    font-weight: 600;
}

/* ============ CHAT STRANA: softcard fazon (2026-07-10) ============ */
/* Platno */
[data-theme="light"] .chat-page-container { background: #EDECEC !important; }
[data-theme="light"] .chat-page-input-area { background: transparent !important; border-top: none !important; }
/* Predlozi (Write a professional email...): soft kartice */
[data-theme="light"] .suggestion-chip {
    background: #F4F4F5 !important;
    border: none !important;
    border-radius: 24px !important;
    box-shadow: var(--sc-shadow-card-light) !important;
    color: #1C1C1E !important;
    font-family: var(--sc-font);
}
[data-theme="light"] .suggestion-chip:hover {
    background: #F4F4F5 !important;
    transform: translateY(-2px);
    box-shadow: var(--sc-shadow-card-light) !important;
}
/* Input box (Message): soft kartica, bez braon bordera */
[data-theme="light"] .chat-page-input-box {
    background: #F4F4F5 !important;
    border: none !important;
    border-radius: 28px !important;
    box-shadow: var(--sc-shadow-card-light) !important;
}
[data-theme="light"] .chat-page-input-box:focus-within {
    border: none !important;
    box-shadow: var(--sc-shadow-card-light), 0 14px 26px rgba(0,0,0,0.12) !important;
}
/* Tekstovi na welcome ekranu */
.chat-welcome-screen, .chat-welcome-screen * { font-family: var(--sc-font); }
[data-theme="light"] .chat-welcome-screen h1,
[data-theme="light"] .welcome-header { color: #1C1C1E !important; }
[data-theme="light"] .chat-welcome-screen p { color: #1C1C1E !important; opacity: 0.75; }

/* ============ PROMPTS STRANA: softcard fazon (2026-07-10) ============ */
/* Platno */
[data-theme="light"] .pl-page { background: #EDECEC !important; }
/* Kartice promptova */
[data-theme="light"] .pl-card {
    background: #F4F4F5 !important;
    border: none !important;
    border-radius: 24px !important;
    box-shadow: var(--sc-shadow-card-light) !important;
    transition: transform 0.15s ease, box-shadow 0.2s ease;
}
[data-theme="light"] .pl-card:hover { transform: translateY(-4px); box-shadow: var(--sc-shadow-card-light) !important; }
/* Search polje: svetla pilula */
[data-theme="light"] .pl-search {
    background: #F4F4F5 !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
}
/* Kategorija pilule: neaktivne svetle podignute, aktivna tamni cip */
[data-theme="light"] .pl-pill {
    background: #F4F4F5 !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    color: #1C1C1E !important;
    font-family: var(--sc-font);
    font-weight: 600;
}
[data-theme="light"] .pl-pill:hover { background: #F4F4F5 !important; transform: translateY(-2px); }
[data-theme="light"] .pl-pill.active {
    background: var(--sc-dark-grad) !important;
    color: rgba(255,255,255,0.92) !important;
    box-shadow: var(--sc-shadow-chip) !important;
}
[data-theme="light"] .pl-pill.active .pl-pill-count { color: rgba(255,255,255,0.75) !important; }
/* Sort i paginacija pilule */
[data-theme="light"] .pl-sort-pill,
[data-theme="light"] .pl-page-btn {
    background: #F4F4F5 !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    color: #1C1C1E !important;
    font-family: var(--sc-font);
}
[data-theme="light"] .pl-sort-pill.active,
[data-theme="light"] .pl-page-btn.active {
    background: var(--sc-dark-grad) !important;
    color: rgba(255,255,255,0.92) !important;
    box-shadow: var(--sc-shadow-chip) !important;
}
/* Use This Prompt: crna sjajna pilula; Copy: svetla pilula */
[data-theme="light"] .pl-btn-use {
    background: var(--sc-dark-grad) !important;
    color: rgba(255,255,255,0.92) !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-chip) !important;
    font-family: var(--sc-font);
    font-weight: 600;
}
[data-theme="light"] .pl-btn-use:hover { transform: translateY(-2px); box-shadow: var(--sc-shadow-chip), 0 14px 26px rgba(0,0,0,0.30) !important; }
[data-theme="light"] .pl-btn-use * { color: rgba(255,255,255,0.92) !important; }
[data-theme="light"] .pl-btn-copy {
    background: #FAFAFA !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    color: #1C1C1E !important;
    font-family: var(--sc-font);
}
/* Tagovi unutar kartice: male #FAFAFA pilule */
[data-theme="light"] .pl-tag {
    background: #FAFAFA !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    color: #1C1C1E !important;
}
/* Tekstovi */
.pl-page, .pl-page * { font-family: var(--sc-font); }
[data-theme="light"] .pl-header h1 { color: #1C1C1E !important; }
[data-theme="light"] .pl-card-title { color: #1C1C1E !important; }
[data-theme="light"] .pl-card-text { color: #1C1C1E !important; opacity: 0.75; }
@media (prefers-reduced-motion: reduce) {
    [data-theme="light"] .pl-card:hover, [data-theme="light"] .pl-pill:hover, [data-theme="light"] .pl-btn-use:hover { transform: none; }
}

/* PROMPTS: Use This Prompt vracen na svetlu pilulu kao Copy (Gagi 2026-07-10, previse crnila) */
[data-theme="light"] .pl-btn-use {
    background: #FAFAFA !important;
    color: #1C1C1E !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
}
[data-theme="light"] .pl-btn-use:hover {
    background: #FAFAFA !important;
    transform: translateY(-2px);
    box-shadow: var(--sc-shadow-flat-light) !important;
}
[data-theme="light"] .pl-btn-use * { color: #1C1C1E !important; }

/* PROMPTS: brojac "152,920 prompts" bez crvenog, svetla pilula (Gagi 2026-07-11) */
[data-theme="light"] .pl-header-count {
    background: #F4F4F5 !important;
    color: #1C1C1E !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    font-family: var(--sc-font);
    font-weight: 700;
}

/* PROMPTS: filter dropdowni (Platforms/Industries/Purposes) kao svetle pilule (Gagi 2026-07-11) */
[data-theme="light"] .pl-filter-select {
    background-color: #F4F4F5 !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    color: #1C1C1E !important;
    font-family: var(--sc-font);
    font-weight: 600;
}
[data-theme="light"] .pl-filter-select:hover,
[data-theme="light"] .pl-filter-select:focus,
[data-theme="light"] .pl-filter-select.has-value {
    background-color: #F4F4F5 !important;
    border: none !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    color: #1C1C1E !important;
}

/* PROMPTS: opcije unutar filter dropdowna (Gagi 2026-07-11) */
[data-theme="light"] .pl-filter-select option {
    background: #F4F4F5;
    color: #1C1C1E;
    font-family: var(--sc-font);
    padding: 10px 14px;
}
[data-theme="light"] .pl-filter-select option:checked {
    background: #18181B;
    color: #FFFFFF;
}

/* ============ SC-DD: custom dropdown meni (Gagi 2026-07-11) ============ */
.sc-dd { position: relative; display: inline-block; }
.sc-dd-btn {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 10px 20px; cursor: pointer;
    background: #F4F4F5; border: none; border-radius: 99px;
    box-shadow: var(--sc-shadow-flat-light);
    color: #1C1C1E; font-family: var(--sc-font); font-weight: 600; font-size: 14px;
}
.sc-dd-menu {
    display: none; position: absolute; top: calc(100% + 8px); left: 0; z-index: 5000;
    min-width: 200px; max-height: 320px; overflow-y: auto;
    background: #F4F4F5; border-radius: 20px; padding: 8px;
    box-shadow: var(--sc-shadow-card-light), 0 18px 40px rgba(0,0,0,0.18);
}
.sc-dd.open .sc-dd-menu { display: block; }
.sc-dd-item {
    padding: 9px 14px; border-radius: 12px; cursor: pointer;
    color: #1C1C1E; font-family: var(--sc-font); font-weight: 500; font-size: 14px;
}
.sc-dd-item:hover { background: #FAFAFA; box-shadow: var(--sc-shadow-flat-light); }
.sc-dd-item.active { background: var(--sc-dark-grad); color: rgba(255,255,255,0.92); box-shadow: var(--sc-shadow-chip); }
[data-theme="dark"] .sc-dd-btn { background: var(--sc-dark-grad); color: rgba(255,255,255,0.92); box-shadow: var(--sc-shadow-chip); }
[data-theme="dark"] .sc-dd-menu { background: #2c2c2e; box-shadow: var(--sc-shadow-card-dark), 0 18px 40px rgba(0,0,0,0.5); }
[data-theme="dark"] .sc-dd-item { color: rgba(255,255,255,0.9); }
[data-theme="dark"] .sc-dd-item:hover { background: rgba(255,255,255,0.08); box-shadow: none; }

/* SC-DD: meni skracen da poslednja stavka ne ide ispod ivice (Gagi 2026-07-11) */
.sc-dd-menu { max-height: 266px; padding-bottom: 10px; }

/* ============ CATALOG (Explore AI Tools): softcard fazon (2026-07-11) ============ */
/* Kartice alata: dense grid, soft kartica */
[data-theme="light"] .tool-card {
    background: #F4F4F5 !important;
    border: none !important;
    border-radius: 24px !important;
    box-shadow: var(--sc-shadow-card-light) !important;
    transition: transform 0.15s ease, box-shadow 0.2s ease;
}
[data-theme="light"] .tool-card:hover {
    transform: translateY(-2px);
    border: none !important;
    box-shadow: var(--sc-shadow-card-light) !important;
}
[data-theme="dark"] .tool-card {
    background: var(--sc-dark-grad) !important;
    border: none !important;
    border-radius: 24px !important;
    box-shadow: var(--sc-shadow-card-dark) !important;
}
/* Logo plocica u kartici: #FAFAFA pilula */
[data-theme="light"] .tool-logo {
    background: #FAFAFA !important;
    border: none !important;
    border-radius: 16px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
}
[data-theme="light"] .tool-logo img { mix-blend-mode: multiply; }
/* Filter pilule: svetle, aktivna tamni cip */
[data-theme="light"] .cf-pill {
    background: #F4F4F5 !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    color: #1C1C1E !important;
    font-family: var(--sc-font);
    font-weight: 600;
}
[data-theme="light"] .cf-pill:hover { background: #F4F4F5 !important; transform: translateY(-2px); }
[data-theme="light"] .cf-pill.active {
    background: var(--sc-dark-grad) !important;
    color: rgba(255,255,255,0.92) !important;
    box-shadow: var(--sc-shadow-chip) !important;
}
/* Search polje kataloga */
[data-theme="light"] .cf-search input {
    background: #F4F4F5 !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    color: #1C1C1E !important;
    font-family: var(--sc-font);
}
/* Tekstovi */
[data-theme="light"] .section-title { color: #1C1C1E !important; font-family: var(--sc-font); }
[data-theme="light"] .tool-card h3, [data-theme="light"] .tool-card .tool-info { color: #1C1C1E !important; }
[data-theme="light"] .tool-card p { color: #1C1C1E !important; opacity: 0.75; }
[data-theme="light"] .tool-meta { color: #1C1C1E !important; opacity: 0.6; }
@media (prefers-reduced-motion: reduce) {
    [data-theme="light"] .tool-card:hover, [data-theme="light"] .cf-pill:hover { transform: none; }
}

/* ============ CATALOG v2: search pilula + kategorije po kolonama (Gagi 2026-07-11) ============ */
/* Search: FORMA je pilula, input i dugme providni unutra */
[data-theme="light"] .cf-search {
    background: #F4F4F5 !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    overflow: hidden;
}
[data-theme="light"] .cf-search input {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #1C1C1E !important;
    font-family: var(--sc-font);
}
[data-theme="light"] .cf-search button {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #1C1C1E !important;
    cursor: pointer;
}
/* Kategorije: soft kartica, pilule u kolonama */
[data-theme="light"] .cf-pill-row {
    background: #F4F4F5;
    border-radius: 24px;
    box-shadow: var(--sc-shadow-card-light);
    padding: 18px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
    gap: 10px;
    max-height: 208px;
    overflow: hidden;
    position: relative;
    transition: max-height 0.3s ease;
}
[data-theme="light"] .cf-pill-row.sc-expanded { max-height: 1400px; }
[data-theme="light"] .cf-pill-row::after {
    content: "";
    position: absolute; left: 0; right: 0; bottom: 0; height: 44px;
    background: linear-gradient(to bottom, rgba(244,244,245,0), #F4F4F5);
    pointer-events: none;
}
[data-theme="light"] .cf-pill-row.sc-expanded::after { display: none; }
/* Pilule unutar kartice: #FAFAFA, pune sirine kolone */
[data-theme="light"] .cf-pill-row .cf-pill {
    background: #FAFAFA !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    width: 100%;
    text-align: center;
    justify-content: center;
    display: inline-flex;
    align-items: center;
    margin: 0;
}
[data-theme="light"] .cf-pill-row .cf-pill.active {
    background: var(--sc-dark-grad) !important;
    color: rgba(255,255,255,0.92) !important;
    box-shadow: var(--sc-shadow-chip) !important;
}
/* Toggle dugme ispod kategorija */
.sc-cats-toggle {
    display: block;
    margin: 12px auto 0;
    padding: 9px 26px;
    background: var(--sc-dark-grad);
    color: rgba(255,255,255,0.92);
    border: none;
    border-radius: 99px;
    box-shadow: var(--sc-shadow-chip);
    font-family: var(--sc-font);
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
}

/* CATALOG v2 fix: nema vise fade-a ni presecenog reda, JS sece na tacno 3 puna reda (Gagi 2026-07-11) */
[data-theme="light"] .cf-pill-row::after { display: none !important; }

/* CATALOG v3: kategorije SVE vidljive, bez secenja i bez toggle (Gagi 2026-07-11) */
[data-theme="light"] .cf-pill-row {
    max-height: none !important;
    overflow: visible !important;
    padding: 20px !important;
}
.sc-cats-toggle { display: none !important; }

/* CATALOG: sakrivena najtanja kategorija Ecommerce Agents (1 alat) da grid bude pun, Gagi 2026-07-11 */
.cf-pill-row a[href*="category=ecommerce-agents"] { display: none !important; }

/* CATALOG: uklonjena velika kartica iza kategorija, pilule direktno na platnu (Gagi 2026-07-11) */
[data-theme="light"] .cf-pill-row {
    background: transparent !important;
    box-shadow: none !important;
    padding: 4px 0 !important;
}
[data-theme="light"] .cf-pill-row .cf-pill {
    background: #F4F4F5 !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
}
[data-theme="light"] .cf-pill-row .cf-pill.active {
    background: var(--sc-dark-grad) !important;
    box-shadow: var(--sc-shadow-chip) !important;
}

/* CATALOG: razmak ispod kategorija ka filter redu (Gagi 2026-07-11) */
[data-theme="light"] .cf-pill-row { margin-bottom: 28px !important; }

/* CATALOG: pricing bedz kao tamni cip + jaci crni naslovi (Gagi 2026-07-11) */
[data-theme="light"] .tool-pricing {
    background: var(--sc-dark-grad) !important;
    color: rgba(255,255,255,0.92) !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-chip) !important;
    font-family: var(--sc-font);
    font-weight: 700;
    letter-spacing: 0.06em;
}
[data-theme="light"] .tool-card h3,
[data-theme="light"] .tool-card .tool-info h3 {
    color: #1C1C1E !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em;
}

/* CATALOG: platno #EDECEC i na .section wrapperu (Gagi 2026-07-11) */
[data-theme="light"] body,
[data-theme="light"] .section {
    background: #EDECEC !important;
}

/* CATALOG: pricing bedz PROVIDAN umesto crnog (Gagi 2026-07-11) */
[data-theme="light"] .tool-pricing {
    background: transparent !important;
    color: #1C1C1E !important;
    border: 1.5px solid rgba(0,0,0,0.18) !important;
    box-shadow: none !important;
}

/* CATALOG: pricing bedz kao 3D svetla pilula, isti fazon kao Use This Prompt/Copy (Gagi 2026-07-11) */
[data-theme="light"] .tool-pricing {
    background: #FAFAFA !important;
    color: #1C1C1E !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    font-family: var(--sc-font);
    font-weight: 700;
}

/* ============ DARK MODE: catalog pilule + left bar ujednacen (Gagi 2026-07-11) ============ */
/* Catalog kategorije i filteri u dark: podignute tamne pilule umesto outline */
html:not([data-theme="light"]) .cf-pill {
    background: linear-gradient(0deg, #2F2F31, #2F2F31), radial-gradient(62% 62% at 28% -10%, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0) 100%) !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-card-dark) !important;
    color: rgba(255,255,255,0.9) !important;
    font-family: var(--sc-font);
    font-weight: 600;
}
html:not([data-theme="light"]) .cf-pill.active {
    background: #FAFAFA !important;
    color: #1C1C1E !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
}
html:not([data-theme="light"]) .cf-search {
    background: #2F2F31 !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-card-dark) !important;
}
html:not([data-theme="light"]) .cf-search input { background: transparent !important; border: none !important; color: rgba(255,255,255,0.9) !important; }
/* Left bar dark: SVE sekcije ista svetlija tamna kartica, ukljucujuci glavni meni */
html:not([data-theme="light"]) .sidebar .sidebar-section-bordered,
html:not([data-theme="light"]) .sidebar .sidebar-section {
    background: linear-gradient(0deg, #2F2F31, #2F2F31), radial-gradient(62% 62% at 28% -10%, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0) 100%) !important;
    box-shadow: var(--sc-shadow-card-dark) !important;
}

/* DARK: ublazena senka na catalog pilulama, manje crnila ispod (Gagi 2026-07-11) */
html:not([data-theme="light"]) .cf-pill {
    box-shadow: 0px -3px 0px 0px rgba(0,0,0,0.30) inset, 0px 1px 0px 0px rgba(255,255,255,0.10) inset, 0px 2px 3px 0px rgba(0,0,0,0.18) !important;
}
html:not([data-theme="light"]) .cf-pill.active {
    box-shadow: 0px -3px 0px 0px #E9E9E9 inset, 0px 1px 0px 0px rgba(255,255,255,0.70) inset, 0px 2px 3px 0px rgba(0,0,0,0.18) !important;
}
html:not([data-theme="light"]) .cf-search {
    box-shadow: 0px -3px 0px 0px rgba(0,0,0,0.30) inset, 0px 1px 0px 0px rgba(255,255,255,0.10) inset, 0px 2px 3px 0px rgba(0,0,0,0.18) !important;
}

/* FREE TOOLS (toolbox): filter pilule All/Design/PDF... (Gagi 2026-07-11) */
[data-theme="light"] .tools-pill {
    background: #F4F4F5 !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    color: #1C1C1E !important;
    font-family: var(--sc-font);
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.15s ease;
}
[data-theme="light"] .tools-pill:hover { background: #F4F4F5 !important; transform: translateY(-2px); }
[data-theme="light"] .tools-pill.active {
    background: var(--sc-dark-grad) !important;
    color: rgba(255,255,255,0.92) !important;
    box-shadow: var(--sc-shadow-chip) !important;
}
html:not([data-theme="light"]) .tools-pill {
    background: linear-gradient(0deg, #2F2F31, #2F2F31), radial-gradient(62% 62% at 28% -10%, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0) 100%) !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: 0px -3px 0px 0px rgba(0,0,0,0.30) inset, 0px 1px 0px 0px rgba(255,255,255,0.10) inset, 0px 2px 3px 0px rgba(0,0,0,0.18) !important;
    color: rgba(255,255,255,0.9) !important;
}
html:not([data-theme="light"]) .tools-pill.active {
    background: #FAFAFA !important;
    color: #1C1C1E !important;
    box-shadow: 0px -3px 0px 0px #E9E9E9 inset, 0px 1px 0px 0px rgba(255,255,255,0.70) inset, 0px 2px 3px 0px rgba(0,0,0,0.18) !important;
}
@media (prefers-reduced-motion: reduce) { [data-theme="light"] .tools-pill:hover { transform: none; } }

/* FREE TOOLS dark: podnaslov beo umesto plavog (Gagi 2026-07-11) */
html:not([data-theme="light"]) .tools-hero p { color: rgba(255,255,255,0.92) !important; }
html:not([data-theme="light"]) .tools-hero h1 { color: #FFFFFF !important; }

/* ============ BLOG: softcard fazon, obe teme (Gagi 2026-07-11) ============ */
/* Platno */
[data-theme="light"] .blog-content, [data-theme="light"] .blog-hero { background: #EDECEC !important; }
/* Kartice clanaka */
[data-theme="light"] .blog-card {
    background: #F4F4F5 !important;
    border: none !important;
    border-radius: 24px !important;
    box-shadow: var(--sc-shadow-card-light) !important;
    overflow: hidden;
    transition: transform 0.15s ease, box-shadow 0.2s ease;
}
[data-theme="light"] .blog-card:hover { transform: translateY(-4px); box-shadow: var(--sc-shadow-card-light) !important; }
html:not([data-theme="light"]) .blog-card {
    background: linear-gradient(0deg, #2F2F31, #2F2F31), radial-gradient(62% 62% at 28% -10%, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0) 100%) !important;
    border: none !important;
    border-radius: 24px !important;
    box-shadow: var(--sc-shadow-card-dark) !important;
    overflow: hidden;
}
/* Kategorije: pilule, aktivna tamni cip */
[data-theme="light"] .blog-cat-btn {
    background: #F4F4F5 !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    color: #1C1C1E !important;
    font-family: var(--sc-font);
    font-weight: 600;
}
[data-theme="light"] .blog-cat-btn:hover { transform: translateY(-2px); background: #F4F4F5 !important; }
[data-theme="light"] .blog-cat-btn.active {
    background: var(--sc-dark-grad) !important;
    color: rgba(255,255,255,0.92) !important;
    box-shadow: var(--sc-shadow-chip) !important;
}
html:not([data-theme="light"]) .blog-cat-btn {
    background: linear-gradient(0deg, #2F2F31, #2F2F31), radial-gradient(62% 62% at 28% -10%, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0) 100%) !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: 0px -3px 0px 0px rgba(0,0,0,0.30) inset, 0px 1px 0px 0px rgba(255,255,255,0.10) inset, 0px 2px 3px 0px rgba(0,0,0,0.18) !important;
    color: rgba(255,255,255,0.9) !important;
}
html:not([data-theme="light"]) .blog-cat-btn.active { background: #FAFAFA !important; color: #1C1C1E !important; }
/* Search polje */
[data-theme="light"] .blog-search-wrapper,
[data-theme="light"] .blog-search-wrapper input {
    background: #F4F4F5 !important;
    border: none !important;
    border-radius: 99px !important;
    color: #1C1C1E !important;
}
[data-theme="light"] .blog-search-wrapper { box-shadow: var(--sc-shadow-flat-light) !important; }
[data-theme="light"] .blog-search-wrapper input { box-shadow: none !important; background: transparent !important; }
/* Read more dugme u karticama: 3D svetla pilula */
[data-theme="light"] .blog-card-btn {
    background: #FAFAFA !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    color: #1C1C1E !important;
    font-family: var(--sc-font);
    font-weight: 600;
}
/* Tekstovi */
.blog-hero-title, .blog-card-title, .blog-card-excerpt { font-family: var(--sc-font); }
[data-theme="light"] .blog-hero-title { color: #1C1C1E !important; }
[data-theme="light"] .blog-hero-subtitle { color: #1C1C1E !important; opacity: 0.75; }
[data-theme="light"] .blog-card-title { color: #1C1C1E !important; }
[data-theme="light"] .blog-card-excerpt { color: #1C1C1E !important; opacity: 0.75; }
html:not([data-theme="light"]) .blog-hero-title { color: #FFFFFF !important; }
html:not([data-theme="light"]) .blog-hero-subtitle { color: rgba(255,255,255,0.85) !important; }
@media (prefers-reduced-motion: reduce) {
    [data-theme="light"] .blog-card:hover, [data-theme="light"] .blog-cat-btn:hover { transform: none; }
}

/* BLOG fix: wrapper providan, pilula je samo content-search (Gagi 2026-07-11) */
[data-theme="light"] .blog-search-wrapper {
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}
[data-theme="light"] .content-search {
    background: #F4F4F5 !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    color: #1C1C1E !important;
    font-family: var(--sc-font);
}

/* BLOG: slika uvucena u karticu kao uramljena, vidi se podignuta ivica (Gagi 2026-07-11) */
.blog-card .blog-card-image {
    margin: 12px 12px 0 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
}

/* ============ STOCK CATALOG: gornji bar (search + Orientation/Color/Relevance) (Gagi 2026-07-11) ============ */
[data-theme="light"] .sc-toolbar {
    background: #EDECEC !important;
    border-bottom: none !important;
}
[data-theme="light"] .sc-search-input {
    background: #F4F4F5 !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    color: #1C1C1E !important;
    font-family: var(--sc-font);
}
[data-theme="light"] .sc-search-input:focus { box-shadow: var(--sc-shadow-flat-light), 0 8px 18px rgba(0,0,0,0.10) !important; border: none !important; }
[data-theme="light"] .sc-filter-btn {
    background: #F4F4F5 !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    color: #1C1C1E !important;
    font-family: var(--sc-font);
    font-weight: 600;
}
[data-theme="light"] .sc-filter-btn:hover { background: #F4F4F5 !important; transform: translateY(-2px); }
[data-theme="light"] .sc-dropdown-menu {
    background: #F4F4F5 !important;
    border: none !important;
    border-radius: 20px !important;
    box-shadow: var(--sc-shadow-card-light), 0 18px 40px rgba(0,0,0,0.18) !important;
}
/* Dark tema */
html:not([data-theme="light"]) .sc-toolbar { background: #2c2c2e !important; border-bottom: none !important; }
html:not([data-theme="light"]) .sc-search-input,
html:not([data-theme="light"]) .sc-filter-btn {
    background: linear-gradient(0deg, #2F2F31, #2F2F31), radial-gradient(62% 62% at 28% -10%, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0) 100%) !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: 0px -3px 0px 0px rgba(0,0,0,0.30) inset, 0px 1px 0px 0px rgba(255,255,255,0.10) inset, 0px 2px 3px 0px rgba(0,0,0,0.18) !important;
    color: rgba(255,255,255,0.9) !important;
}
@media (prefers-reduced-motion: reduce) { [data-theme="light"] .sc-filter-btn:hover { transform: none; } }

/* STOCK CATALOG: celo platno #EDECEC, bez belih zona (Gagi 2026-07-11) */
[data-theme="light"] .sc-layout,
[data-theme="light"] .sc-main,
[data-theme="light"] .sc-hero,
[data-theme="light"] .sc-results {
    background: #EDECEC !important;
}

/* ============ COMMUNITY GALLERY: softcard fazon, obe teme (Gagi 2026-07-11) ============ */
/* Platno */
[data-theme="light"] .community-hero { background: #EDECEC !important; }
/* Filter pilule (All/Images/Featured): svetle, aktivna tamni cip */
[data-theme="light"] .community-filter-pill {
    background: #F4F4F5 !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    color: #1C1C1E !important;
    font-family: var(--sc-font);
    font-weight: 600;
}
[data-theme="light"] .community-filter-pill:hover { background: #F4F4F5 !important; transform: translateY(-2px); }
[data-theme="light"] .community-filter-pill.active {
    background: var(--sc-dark-grad) !important;
    color: rgba(255,255,255,0.92) !important;
    box-shadow: var(--sc-shadow-chip) !important;
}
/* Sort (Recent/Trending/Most Liked): iste pilule, manje */
[data-theme="light"] .community-sort-pill {
    background: #F4F4F5 !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    color: #1C1C1E !important;
    font-family: var(--sc-font);
    font-weight: 600;
    padding: 6px 14px !important;
    font-size: 13px !important;
}
[data-theme="light"] .community-sort-pill.active {
    background: var(--sc-dark-grad) !important;
    color: rgba(255,255,255,0.92) !important;
    box-shadow: var(--sc-shadow-chip) !important;
}
/* Kartice galerije */
[data-theme="light"] .community-card {
    background: #F4F4F5 !important;
    border: none !important;
    border-radius: 24px !important;
    box-shadow: var(--sc-shadow-card-light) !important;
    overflow: hidden;
    transition: transform 0.15s ease, box-shadow 0.2s ease;
}
[data-theme="light"] .community-card:hover { transform: translateY(-2px); box-shadow: var(--sc-shadow-card-light) !important; }
html:not([data-theme="light"]) .community-card {
    background: linear-gradient(0deg, #2F2F31, #2F2F31), radial-gradient(62% 62% at 28% -10%, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0) 100%) !important;
    border: none !important;
    border-radius: 24px !important;
    box-shadow: var(--sc-shadow-card-dark) !important;
    overflow: hidden;
}
/* Dark pilule */
html:not([data-theme="light"]) .community-filter-pill,
html:not([data-theme="light"]) .community-sort-pill {
    background: linear-gradient(0deg, #2F2F31, #2F2F31), radial-gradient(62% 62% at 28% -10%, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0) 100%) !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: 0px -3px 0px 0px rgba(0,0,0,0.30) inset, 0px 1px 0px 0px rgba(255,255,255,0.10) inset, 0px 2px 3px 0px rgba(0,0,0,0.18) !important;
    color: rgba(255,255,255,0.9) !important;
}
html:not([data-theme="light"]) .community-filter-pill.active,
html:not([data-theme="light"]) .community-sort-pill.active {
    background: #FAFAFA !important;
    color: #1C1C1E !important;
    box-shadow: 0px -3px 0px 0px #E9E9E9 inset, 0px 1px 0px 0px rgba(255,255,255,0.70) inset, 0px 2px 3px 0px rgba(0,0,0,0.18) !important;
}
/* Tekstovi */
[data-theme="light"] .community-hero h1 { color: #1C1C1E !important; font-family: var(--sc-font); }
[data-theme="light"] .community-hero p { color: #1C1C1E !important; opacity: 0.75; font-family: var(--sc-font); }
html:not([data-theme="light"]) .community-hero h1 { color: #FFFFFF !important; }
html:not([data-theme="light"]) .community-hero p { color: rgba(255,255,255,0.85) !important; }
@media (prefers-reduced-motion: reduce) {
    [data-theme="light"] .community-card:hover, [data-theme="light"] .community-filter-pill:hover { transform: none; }
}

/* ============ LUXORET TOOLS (/tools): softcard fazon, obe teme (Gagi 2026-07-11) ============ */
/* Platno */
[data-theme="light"] .lt-page { background: #EDECEC !important; }
/* Kartice alata (guste, 462 kom = lagana doza, manji hover) */
[data-theme="light"] .lt-card {
    background: #F4F4F5 !important;
    border: none !important;
    border-radius: 20px !important;
    box-shadow: var(--sc-shadow-card-light) !important;
    transition: transform 0.15s ease, box-shadow 0.2s ease;
}
[data-theme="light"] .lt-card:hover { transform: translateY(-2px); box-shadow: var(--sc-shadow-card-light) !important; }
html:not([data-theme="light"]) .lt-card {
    background: linear-gradient(0deg, #2F2F31, #2F2F31), radial-gradient(62% 62% at 28% -10%, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0) 100%) !important;
    border: none !important;
    border-radius: 20px !important;
    box-shadow: var(--sc-shadow-card-dark) !important;
}
/* Ikonica u kartici: tamni cip */
[data-theme="light"] .lt-card-icon {
    background: var(--sc-dark-grad) !important;
    border: none !important;
    border-radius: 14px !important;
    box-shadow: var(--sc-shadow-chip) !important;
    color: rgba(255,255,255,0.92) !important;
}
/* Filter pilule */
[data-theme="light"] .lt-pill {
    background: #F4F4F5 !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    color: #1C1C1E !important;
    font-family: var(--sc-font);
    font-weight: 600;
}
[data-theme="light"] .lt-pill:hover { background: #F4F4F5 !important; transform: translateY(-2px); }
[data-theme="light"] .lt-pill.active {
    background: var(--sc-dark-grad) !important;
    color: rgba(255,255,255,0.92) !important;
    box-shadow: var(--sc-shadow-chip) !important;
}
[data-theme="light"] .lt-pill.active .lt-pill-count { color: rgba(255,255,255,0.75) !important; }
/* Sort pilule: male */
[data-theme="light"] .lt-sort-pill {
    background: #F4F4F5 !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    color: #1C1C1E !important;
    font-family: var(--sc-font);
    font-weight: 600;
    padding: 6px 14px !important;
    font-size: 13px !important;
}
[data-theme="light"] .lt-sort-pill.active {
    background: var(--sc-dark-grad) !important;
    color: rgba(255,255,255,0.92) !important;
    box-shadow: var(--sc-shadow-chip) !important;
}
/* Search */
[data-theme="light"] .lt-search {
    background: #F4F4F5 !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    color: #1C1C1E !important;
    font-family: var(--sc-font);
}
/* Dark pilule */
html:not([data-theme="light"]) .lt-pill,
html:not([data-theme="light"]) .lt-sort-pill,
html:not([data-theme="light"]) .lt-search {
    background: linear-gradient(0deg, #2F2F31, #2F2F31), radial-gradient(62% 62% at 28% -10%, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0) 100%) !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: 0px -3px 0px 0px rgba(0,0,0,0.30) inset, 0px 1px 0px 0px rgba(255,255,255,0.10) inset, 0px 2px 3px 0px rgba(0,0,0,0.18) !important;
    color: rgba(255,255,255,0.9) !important;
}
html:not([data-theme="light"]) .lt-pill.active,
html:not([data-theme="light"]) .lt-sort-pill.active {
    background: #FAFAFA !important;
    color: #1C1C1E !important;
    box-shadow: 0px -3px 0px 0px #E9E9E9 inset, 0px 1px 0px 0px rgba(255,255,255,0.70) inset, 0px 2px 3px 0px rgba(0,0,0,0.18) !important;
}
/* Tekstovi */
[data-theme="light"] .lt-header h1, [data-theme="light"] .lt-card-name { color: #1C1C1E !important; font-family: var(--sc-font); }
[data-theme="light"] .lt-card-desc { color: #1C1C1E !important; opacity: 0.72; font-family: var(--sc-font); }
@media (prefers-reduced-motion: reduce) {
    [data-theme="light"] .lt-card:hover, [data-theme="light"] .lt-pill:hover { transform: none; }
}

/* LUXORET TOOLS fix: lt-search je wrapper, pilula je input unutra (Gagi 2026-07-11) */
[data-theme="light"] .lt-search,
html:not([data-theme="light"]) .lt-search {
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}
[data-theme="light"] .lt-search input {
    background: #F4F4F5 !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    color: #1C1C1E !important;
    font-family: var(--sc-font);
}
html:not([data-theme="light"]) .lt-search input {
    background: linear-gradient(0deg, #2F2F31, #2F2F31), radial-gradient(62% 62% at 28% -10%, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0) 100%) !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: 0px -3px 0px 0px rgba(0,0,0,0.30) inset, 0px 1px 0px 0px rgba(255,255,255,0.10) inset, 0px 2px 3px 0px rgba(0,0,0,0.18) !important;
    color: rgba(255,255,255,0.9) !important;
}

/* LUXORET TOOLS: ikonice svetle umesto crnih, previse crnila u gridu (Gagi 2026-07-11) */
[data-theme="light"] .lt-card-icon {
    background: #FAFAFA !important;
    color: #1C1C1E !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
}
[data-theme="light"] .lt-card-icon svg, [data-theme="light"] .lt-card-icon i { color: #1C1C1E !important; stroke: #1C1C1E; }

/* ============ TEMPLATES: softcard fazon, light + dark #2F2F31 standard (Gagi 2026-07-11) ============ */
/* Platno */
[data-theme="light"] .tpl-page, [data-theme="light"] .tpl-hero { background: #EDECEC !important; }
html:not([data-theme="light"]) .tpl-page, html:not([data-theme="light"]) .tpl-hero { background: #2c2c2e !important; }
/* Kartice templejta */
[data-theme="light"] .tpl-grid-card {
    background: #F4F4F5 !important;
    border: none !important;
    border-radius: 24px !important;
    box-shadow: var(--sc-shadow-card-light) !important;
    transition: transform 0.15s ease, box-shadow 0.2s ease;
}
[data-theme="light"] .tpl-grid-card:hover { transform: translateY(-2px); box-shadow: var(--sc-shadow-card-light) !important; }
html:not([data-theme="light"]) .tpl-grid-card {
    background: linear-gradient(0deg, #2F2F31, #2F2F31), radial-gradient(62% 62% at 28% -10%, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0) 100%) !important;
    border: none !important;
    border-radius: 24px !important;
    box-shadow: 0px -3px 0px 0px rgba(0,0,0,0.30) inset, 0px 1px 0px 0px rgba(255,255,255,0.10) inset, 0px 2px 3px 0px rgba(0,0,0,0.18) !important;
}
/* Featured kartica */
[data-theme="light"] .tpl-featured {
    background: #F4F4F5 !important;
    border: none !important;
    border-radius: 32px !important;
    box-shadow: var(--sc-shadow-card-light) !important;
}
html:not([data-theme="light"]) .tpl-featured {
    background: linear-gradient(0deg, #2F2F31, #2F2F31), radial-gradient(62% 62% at 28% -10%, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0) 100%) !important;
    border: none !important;
    border-radius: 32px !important;
    box-shadow: 0px -3px 0px 0px rgba(0,0,0,0.30) inset, 0px 1px 0px 0px rgba(255,255,255,0.10) inset, 0px 2px 3px 0px rgba(0,0,0,0.18) !important;
}
/* Ikonice u karticama: svetle plocice (ne crne, grid pravilo) */
[data-theme="light"] .tpl-grid-icon {
    background: #FAFAFA !important;
    color: #1C1C1E !important;
    border: none !important;
    border-radius: 14px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
}
/* Filteri: pilule, aktivna tamni cip */
[data-theme="light"] .tpl-filter {
    background: #F4F4F5 !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    color: #1C1C1E !important;
    font-family: var(--sc-font);
    font-weight: 600;
}
[data-theme="light"] .tpl-filter:hover { background: #F4F4F5 !important; transform: translateY(-2px); }
[data-theme="light"] .tpl-filter.active {
    background: var(--sc-dark-grad) !important;
    color: rgba(255,255,255,0.92) !important;
    box-shadow: var(--sc-shadow-chip) !important;
}
[data-theme="light"] .tpl-filter.active .tpl-filter-count { color: rgba(255,255,255,0.75) !important; }
html:not([data-theme="light"]) .tpl-filter {
    background: linear-gradient(0deg, #2F2F31, #2F2F31), radial-gradient(62% 62% at 28% -10%, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0) 100%) !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: 0px -3px 0px 0px rgba(0,0,0,0.30) inset, 0px 1px 0px 0px rgba(255,255,255,0.10) inset, 0px 2px 3px 0px rgba(0,0,0,0.18) !important;
    color: rgba(255,255,255,0.9) !important;
}
html:not([data-theme="light"]) .tpl-filter.active {
    background: #FAFAFA !important;
    color: #1C1C1E !important;
    box-shadow: 0px -3px 0px 0px #E9E9E9 inset, 0px 1px 0px 0px rgba(255,255,255,0.70) inset, 0px 2px 3px 0px rgba(0,0,0,0.18) !important;
}
/* Search: wrapper providan, input pilula */
[data-theme="light"] .tpl-search, html:not([data-theme="light"]) .tpl-search { background: transparent !important; box-shadow: none !important; }
[data-theme="light"] .tpl-search input {
    background: #F4F4F5 !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    color: #1C1C1E !important;
    font-family: var(--sc-font);
}
html:not([data-theme="light"]) .tpl-search input {
    background: linear-gradient(0deg, #2F2F31, #2F2F31), radial-gradient(62% 62% at 28% -10%, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0) 100%) !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: 0px -3px 0px 0px rgba(0,0,0,0.30) inset, 0px 1px 0px 0px rgba(255,255,255,0.10) inset, 0px 2px 3px 0px rgba(0,0,0,0.18) !important;
    color: rgba(255,255,255,0.9) !important;
}
/* Tekstovi */
[data-theme="light"] .tpl-hero h1, [data-theme="light"] .tpl-grid-name { color: #1C1C1E !important; font-family: var(--sc-font); }
[data-theme="light"] .tpl-hero-desc, [data-theme="light"] .tpl-grid-desc { color: #1C1C1E !important; opacity: 0.75; font-family: var(--sc-font); }
html:not([data-theme="light"]) .tpl-hero h1 { color: #FFFFFF !important; }
html:not([data-theme="light"]) .tpl-hero-desc { color: rgba(255,255,255,0.85) !important; }
@media (prefers-reduced-motion: reduce) {
    [data-theme="light"] .tpl-grid-card:hover, [data-theme="light"] .tpl-filter:hover { transform: none; }
}

/* TEMPLATES: placeholder primeri u formi sakriveni, obe teme (Gagi 2026-07-11) */
.tpl-field input::placeholder,
.tpl-field textarea::placeholder {
    color: transparent !important;
    opacity: 0 !important;
}

/* ============ EXPLORE: softcard fazon, light + dark #2F2F31 (Gagi 2026-07-11) ============ */
/* Filter pilule */
[data-theme="light"] .explore-filter-pill {
    background: #F4F4F5 !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    color: #1C1C1E !important;
    font-family: var(--sc-font);
    font-weight: 600;
}
[data-theme="light"] .explore-filter-pill:hover { background: #F4F4F5 !important; transform: translateY(-2px); }
[data-theme="light"] .explore-filter-pill.active {
    background: var(--sc-dark-grad) !important;
    color: rgba(255,255,255,0.92) !important;
    box-shadow: var(--sc-shadow-chip) !important;
}
html:not([data-theme="light"]) .explore-filter-pill {
    background: linear-gradient(0deg, #2F2F31, #2F2F31), radial-gradient(62% 62% at 28% -10%, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0) 100%) !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: 0px -3px 0px 0px rgba(0,0,0,0.30) inset, 0px 1px 0px 0px rgba(255,255,255,0.10) inset, 0px 2px 3px 0px rgba(0,0,0,0.18) !important;
    color: rgba(255,255,255,0.9) !important;
}
html:not([data-theme="light"]) .explore-filter-pill.active {
    background: #FAFAFA !important;
    color: #1C1C1E !important;
    box-shadow: 0px -3px 0px 0px #E9E9E9 inset, 0px 1px 0px 0px rgba(255,255,255,0.70) inset, 0px 2px 3px 0px rgba(0,0,0,0.18) !important;
}
/* Kruzici alata: svetla podignuta plocica */
[data-theme="light"] .tool-icon-circle {
    background: #F4F4F5 !important;
    border: none !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
}
html:not([data-theme="light"]) .tool-icon-circle {
    background: linear-gradient(0deg, #2F2F31, #2F2F31), radial-gradient(62% 62% at 28% -10%, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0) 100%) !important;
    border: none !important;
    box-shadow: 0px -3px 0px 0px rgba(0,0,0,0.30) inset, 0px 1px 0px 0px rgba(255,255,255,0.10) inset, 0px 2px 3px 0px rgba(0,0,0,0.18) !important;
}
/* Strelice za skrol: pilule */
[data-theme="light"] .scroll-arrow {
    background: #F4F4F5 !important;
    border: none !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    color: #1C1C1E !important;
}
html:not([data-theme="light"]) .scroll-arrow {
    background: linear-gradient(0deg, #2F2F31, #2F2F31), radial-gradient(62% 62% at 28% -10%, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0) 100%) !important;
    border: none !important;
    box-shadow: 0px -3px 0px 0px rgba(0,0,0,0.30) inset, 0px 1px 0px 0px rgba(255,255,255,0.10) inset, 0px 2px 3px 0px rgba(0,0,0,0.18) !important;
    color: rgba(255,255,255,0.9) !important;
}
/* Naslovi redova i imena */
[data-theme="light"] .tool-row-header, [data-theme="light"] .tool-row-header * { color: #1C1C1E !important; font-family: var(--sc-font); }
[data-theme="light"] .tool-icon-name { color: #1C1C1E !important; }
@media (prefers-reduced-motion: reduce) { [data-theme="light"] .explore-filter-pill:hover { transform: none; } }

/* ============ TRENDING: softcard fazon, light + dark #2F2F31 (Gagi 2026-07-11) ============ */
/* Platno */
[data-theme="light"] .trending-page { background: #EDECEC !important; }
/* Kartice liste */
[data-theme="light"] .trending-card {
    background: #F4F4F5 !important;
    border: none !important;
    border-radius: 24px !important;
    box-shadow: var(--sc-shadow-card-light) !important;
    transition: transform 0.15s ease, box-shadow 0.2s ease;
}
[data-theme="light"] .trending-card:hover { transform: translateY(-2px); box-shadow: var(--sc-shadow-card-light) !important; }
html:not([data-theme="light"]) .trending-card {
    background: linear-gradient(0deg, #2F2F31, #2F2F31), radial-gradient(62% 62% at 28% -10%, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0) 100%) !important;
    border: none !important;
    border-radius: 24px !important;
    box-shadow: 0px -3px 0px 0px rgba(0,0,0,0.30) inset, 0px 1px 0px 0px rgba(255,255,255,0.10) inset, 0px 2px 3px 0px rgba(0,0,0,0.18) !important;
}
/* Tabovi (Today/Week...): pilule, aktivan tamni cip */
[data-theme="light"] .trending-tab {
    background: #F4F4F5 !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    color: #1C1C1E !important;
    font-family: var(--sc-font);
    font-weight: 600;
}
[data-theme="light"] .trending-tab.active {
    background: var(--sc-dark-grad) !important;
    color: rgba(255,255,255,0.92) !important;
    box-shadow: var(--sc-shadow-chip) !important;
}
html:not([data-theme="light"]) .trending-tab {
    background: linear-gradient(0deg, #2F2F31, #2F2F31), radial-gradient(62% 62% at 28% -10%, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0) 100%) !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: 0px -3px 0px 0px rgba(0,0,0,0.30) inset, 0px 1px 0px 0px rgba(255,255,255,0.10) inset, 0px 2px 3px 0px rgba(0,0,0,0.18) !important;
    color: rgba(255,255,255,0.9) !important;
}
html:not([data-theme="light"]) .trending-tab.active {
    background: #FAFAFA !important;
    color: #1C1C1E !important;
    box-shadow: 0px -3px 0px 0px #E9E9E9 inset, 0px 1px 0px 0px rgba(255,255,255,0.70) inset, 0px 2px 3px 0px rgba(0,0,0,0.18) !important;
}
/* Rank broj: svetla plocica, top-three tamni cip */
[data-theme="light"] .trending-rank {
    background: #FAFAFA !important;
    color: #1C1C1E !important;
    border: none !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    font-family: var(--sc-font);
    font-weight: 800;
}
[data-theme="light"] .trending-rank.top-three {
    background: var(--sc-dark-grad) !important;
    color: rgba(255,255,255,0.92) !important;
    box-shadow: var(--sc-shadow-chip) !important;
}
/* Pricing bedz: 3D svetla pilula (standard) */
[data-theme="light"] .pricing-badge {
    background: #FAFAFA !important;
    color: #1C1C1E !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    font-family: var(--sc-font);
    font-weight: 700;
}
/* Tekstovi */
[data-theme="light"] .trending-page h1, [data-theme="light"] .trending-link { color: #1C1C1E !important; font-family: var(--sc-font); }
[data-theme="light"] .trending-meta, [data-theme="light"] .trending-category { color: #1C1C1E !important; opacity: 0.65; }
@media (prefers-reduced-motion: reduce) { [data-theme="light"] .trending-card:hover { transform: none; } }

/* ============ AGENTS: softcard fazon, light + dark #2F2F31 (Gagi 2026-07-11) ============ */
/* Kartice agenata */
[data-theme="light"] .agent-card {
    background: #F4F4F5 !important;
    border: none !important;
    border-radius: 24px !important;
    box-shadow: var(--sc-shadow-card-light) !important;
    transition: transform 0.15s ease, box-shadow 0.2s ease;
}
[data-theme="light"] .agent-card:hover { transform: translateY(-2px); box-shadow: var(--sc-shadow-card-light) !important; }
html:not([data-theme="light"]) .agent-card {
    background: linear-gradient(0deg, #2F2F31, #2F2F31), radial-gradient(62% 62% at 28% -10%, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0) 100%) !important;
    border: none !important;
    border-radius: 24px !important;
    box-shadow: 0px -3px 0px 0px rgba(0,0,0,0.30) inset, 0px 1px 0px 0px rgba(255,255,255,0.10) inset, 0px 2px 3px 0px rgba(0,0,0,0.18) !important;
}
/* Ikonica agenta: svetla plocica */
[data-theme="light"] .agent-icon, [data-theme="light"] .agent-icon-fallback {
    background: #FAFAFA !important;
    color: #1C1C1E !important;
    border: none !important;
    border-radius: 14px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
}
/* Kategorija pilule */
[data-theme="light"] .agent-category-pill {
    background: #F4F4F5 !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    color: #1C1C1E !important;
    font-family: var(--sc-font);
    font-weight: 600;
}
[data-theme="light"] .agent-category-pill:hover { background: #F4F4F5 !important; transform: translateY(-2px); }
[data-theme="light"] .agent-category-pill.active {
    background: var(--sc-dark-grad) !important;
    color: rgba(255,255,255,0.92) !important;
    box-shadow: var(--sc-shadow-chip) !important;
}
html:not([data-theme="light"]) .agent-category-pill {
    background: linear-gradient(0deg, #2F2F31, #2F2F31), radial-gradient(62% 62% at 28% -10%, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0) 100%) !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: 0px -3px 0px 0px rgba(0,0,0,0.30) inset, 0px 1px 0px 0px rgba(255,255,255,0.10) inset, 0px 2px 3px 0px rgba(0,0,0,0.18) !important;
    color: rgba(255,255,255,0.9) !important;
}
html:not([data-theme="light"]) .agent-category-pill.active {
    background: #FAFAFA !important;
    color: #1C1C1E !important;
    box-shadow: 0px -3px 0px 0px #E9E9E9 inset, 0px 1px 0px 0px rgba(255,255,255,0.70) inset, 0px 2px 3px 0px rgba(0,0,0,0.18) !important;
}
/* Featured bedz: 3D svetla pilula */
[data-theme="light"] .agent-badge {
    background: #FAFAFA !important;
    color: #1C1C1E !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    font-family: var(--sc-font);
    font-weight: 700;
}
/* Tekstovi */
[data-theme="light"] .agent-name, [data-theme="light"] .agents-section-title { color: #1C1C1E !important; font-family: var(--sc-font); }
[data-theme="light"] .agent-desc { color: #1C1C1E !important; opacity: 0.72; font-family: var(--sc-font); }
[data-theme="light"] .agent-meta, [data-theme="light"] .agent-size { color: #1C1C1E !important; opacity: 0.6; }
@media (prefers-reduced-motion: reduce) {
    [data-theme="light"] .agent-card:hover, [data-theme="light"] .agent-category-pill:hover { transform: none; }
}

/* ============ DARK UNIFIER: JEDNA ista kartica svuda (#2F2F31 + meka senka), Gagi 2026-07-11 ============ */
:root {
    --sc-dark-card-bg: linear-gradient(0deg, #2F2F31, #2F2F31), radial-gradient(62% 62% at 28% -10%, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0) 100%);
    --sc-dark-card-shadow: 0px -3px 0px 0px rgba(0,0,0,0.30) inset, 0px 1px 0px 0px rgba(255,255,255,0.10) inset, 0px 2px 3px 0px rgba(0,0,0,0.18);
}
html:not([data-theme="light"]) .sc-card,
html:not([data-theme="light"]) .lt-card,
html:not([data-theme="light"]) .tool-card,
html:not([data-theme="light"]) .tpl-grid-card,
html:not([data-theme="light"]) .tpl-featured,
html:not([data-theme="light"]) .agent-card,
html:not([data-theme="light"]) .trending-card,
html:not([data-theme="light"]) .blog-card,
html:not([data-theme="light"]) .community-card,
html:not([data-theme="light"]) .pl-card,
html:not([data-theme="light"]) .pc-feature-card,
html:not([data-theme="light"]) .pc-tech-card,
html:not([data-theme="light"]) .pc-faq-item,
html:not([data-theme="light"]) .pc-related-card,
html:not([data-theme="light"]) .pc-comparison-wrapper,
html:not([data-theme="light"]) .project-item,
html:not([data-theme="light"]) .project-card,
html:not([data-theme="light"]) .st-sidebar-card,
html:not([data-theme="light"]) .studio-sidebar-category,
html:not([data-theme="light"]) .sc-dd-menu,
html:not([data-theme="light"]) .studio-tool .ae-card,
html:not([data-theme="light"]) .studio-tool .af-gallery-card,
html:not([data-theme="light"]) .studio-tool .agf-card,
html:not([data-theme="light"]) .studio-tool .ag-gallery-card,
html:not([data-theme="light"]) .studio-tool .anc-card,
html:not([data-theme="light"]) .studio-tool .ar-card,
html:not([data-theme="light"]) .studio-tool .arl-card,
html:not([data-theme="light"]) .studio-tool .at-card,
html:not([data-theme="light"]) .studio-tool .auth-required-card,
html:not([data-theme="light"]) .studio-tool .avatar-info-card,
html:not([data-theme="light"]) .studio-tool .avg-card,
html:not([data-theme="light"]) .studio-tool .bf-result-card,
html:not([data-theme="light"]) .studio-tool .bgr-card,
html:not([data-theme="light"]) .studio-tool .bgrp-card,
html:not([data-theme="light"]) .studio-tool .br-canvas-wrapper,
html:not([data-theme="light"]) .studio-tool .br-card,
html:not([data-theme="light"]) .studio-tool .brs-canvas-wrapper,
html:not([data-theme="light"]) .studio-tool .brs-card,
html:not([data-theme="light"]) .studio-tool .brs-upload-area,
html:not([data-theme="light"]) .studio-tool .br-upload-area,
html:not([data-theme="light"]) .studio-tool .bte-card,
html:not([data-theme="light"]) .studio-tool .btts-card,
html:not([data-theme="light"]) .studio-tool .cc-gallery-card,
html:not([data-theme="light"]) .studio-tool .cchar-card,
html:not([data-theme="light"]) .studio-tool .cch-card,
html:not([data-theme="light"]) .studio-tool .cgpt-card,
html:not([data-theme="light"]) .studio-tool .chr-cs-feature-card,
html:not([data-theme="light"]) .studio-tool .chr-cs-related-card,
html:not([data-theme="light"]) .studio-tool .chr-gallery-card,
html:not([data-theme="light"]) .studio-tool .cost-info-card,
html:not([data-theme="light"]) .studio-tool .demo-card,
html:not([data-theme="light"]) .studio-tool .dv-video-card,
html:not([data-theme="light"]) .studio-tool .error-container,
html:not([data-theme="light"]) .studio-tool .example-card,
html:not([data-theme="light"]) .studio-tool .fe-card,
html:not([data-theme="light"]) .studio-tool .fmerge-gallery-card,
html:not([data-theme="light"]) .studio-tool .fmr-card,
html:not([data-theme="light"]) .studio-tool .gpg-gallery-card,
html:not([data-theme="light"]) .studio-tool .gs-gallery-card,
html:not([data-theme="light"]) .studio-tool .hsg-card,
html:not([data-theme="light"]) .studio-tool .ht-gallery-card,
html:not([data-theme="light"]) .studio-tool .hto-card,
html:not([data-theme="light"]) .studio-tool .hv-video-card,
html:not([data-theme="light"]) .studio-tool .ifc-card,
html:not([data-theme="light"]) .studio-tool .ima-card,
html:not([data-theme="light"]) .studio-tool .imc-card,
html:not([data-theme="light"]) .studio-tool .inp-card,
html:not([data-theme="light"]) .studio-tool .iu-card,
html:not([data-theme="light"]) .studio-tool .kv-video-card,
html:not([data-theme="light"]) .studio-tool .lgo-card,
html:not([data-theme="light"]) .studio-tool .meme-gallery-card,
html:not([data-theme="light"]) .studio-tool .memg-card,
html:not([data-theme="light"]) .studio-tool .merger-upload-zone,
html:not([data-theme="light"]) .studio-tool .obr-card,
html:not([data-theme="light"]) .studio-tool .ocr-card,
html:not([data-theme="light"]) .studio-tool .op-gallery-card,
html:not([data-theme="light"]) .studio-tool .or-gallery-card,
html:not([data-theme="light"]) .studio-tool .pcol-card,
html:not([data-theme="light"]) .studio-tool .pod-card,
html:not([data-theme="light"]) .studio-tool .ppho-card,
html:not([data-theme="light"]) .studio-tool .pres-card,
html:not([data-theme="light"]) .studio-tool .processing-container,
html:not([data-theme="light"]) .studio-tool .qra-card,
html:not([data-theme="light"]) .studio-tool .remover-container,
html:not([data-theme="light"]) .studio-tool .result-area,
html:not([data-theme="light"]) .studio-tool .results-container,
html:not([data-theme="light"]) .studio-tool .reye-canvas-wrapper,
html:not([data-theme="light"]) .studio-tool .reye-card,
html:not([data-theme="light"]) .studio-tool .rm-card,
html:not([data-theme="light"]) .studio-tool .sfx-card,
html:not([data-theme="light"]) .studio-tool .st-card,
html:not([data-theme="light"]) .studio-tool .stf-card,
html:not([data-theme="light"]) .studio-tool .sti-card,
html:not([data-theme="light"]) .studio-tool .t3d-card,
html:not([data-theme="light"]) .studio-tool .thg-card,
html:not([data-theme="light"]) .studio-tool .thumb-gallery-card,
html:not([data-theme="light"]) .studio-tool .tig-card,
html:not([data-theme="light"]) .studio-tool .trimmer-upload-zone,
html:not([data-theme="light"]) .studio-tool .tt-gallery-card,
html:not([data-theme="light"]) .studio-tool .tto-card,
html:not([data-theme="light"]) .studio-tool .tw-canvas-wrapper,
html:not([data-theme="light"]) .studio-tool .tw-card,
html:not([data-theme="light"]) .studio-tool .tw-upload-area,
html:not([data-theme="light"]) .studio-tool .uco-card,
html:not([data-theme="light"]) .studio-tool .upload-area,
html:not([data-theme="light"]) .studio-tool .upload-box,
html:not([data-theme="light"]) .studio-tool .upload-container,
html:not([data-theme="light"]) .studio-tool .upscaler-container,
html:not([data-theme="light"]) .studio-tool .vc-card,
html:not([data-theme="light"]) .studio-tool .vcg-clip-card,
html:not([data-theme="light"]) .studio-tool .vcg-upload-zone,
html:not([data-theme="light"]) .studio-tool .vch-card,
html:not([data-theme="light"]) .studio-tool .vg-demo-card,
html:not([data-theme="light"]) .studio-tool .video-card,
html:not([data-theme="light"]) .studio-tool .vt-card,
html:not([data-theme="light"]) .studio-tool .vto-card,
html:not([data-theme="light"]) .studio-tool .vto-gallery-card,
html:not([data-theme="light"]) .sidebar .sidebar-section-bordered,
html:not([data-theme="light"]) .sidebar .sidebar-section {
    background: var(--sc-dark-card-bg) !important;
    border: none !important;
    border-radius: 24px !important;
    box-shadow: var(--sc-dark-card-shadow) !important;
}

/* ============ CATEGORIES: softcard fazon, isti standard obe teme (Gagi 2026-07-11) ============ */
[data-theme="light"] .category-page-card {
    background: #F4F4F5 !important;
    border: none !important;
    border-radius: 24px !important;
    box-shadow: var(--sc-shadow-card-light) !important;
    transition: transform 0.15s ease, box-shadow 0.2s ease;
}
[data-theme="light"] .category-page-card:hover { transform: translateY(-2px); box-shadow: var(--sc-shadow-card-light) !important; }
html:not([data-theme="light"]) .category-page-card {
    background: var(--sc-dark-card-bg) !important;
    border: none !important;
    border-radius: 24px !important;
    box-shadow: var(--sc-dark-card-shadow) !important;
}
/* Brojac alata u kartici: 3D svetla pilula */
[data-theme="light"] .category-card-count {
    background: #FAFAFA !important;
    color: #1C1C1E !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    font-family: var(--sc-font);
    font-weight: 700;
}
/* Tekstovi */
[data-theme="light"] .category-card-title, [data-theme="light"] .page-title { color: #1C1C1E !important; font-family: var(--sc-font); }
[data-theme="light"] .category-card-desc, [data-theme="light"] .page-subtitle { color: #1C1C1E !important; opacity: 0.75; font-family: var(--sc-font); }
html:not([data-theme="light"]) .page-title { color: #FFFFFF !important; }
html:not([data-theme="light"]) .page-subtitle { color: rgba(255,255,255,0.85) !important; }
@media (prefers-reduced-motion: reduce) { [data-theme="light"] .category-page-card:hover { transform: none; } }

/* ============ BEST OF: softcard fazon, isti standard obe teme (Gagi 2026-07-11) ============ */
[data-theme="light"] .best-index-card {
    background: #F4F4F5 !important;
    border: none !important;
    border-radius: 24px !important;
    box-shadow: var(--sc-shadow-card-light) !important;
    transition: transform 0.15s ease, box-shadow 0.2s ease;
}
[data-theme="light"] .best-index-card:hover { transform: translateY(-2px); box-shadow: var(--sc-shadow-card-light) !important; }
html:not([data-theme="light"]) .best-index-card {
    background: var(--sc-dark-card-bg) !important;
    border: none !important;
    border-radius: 24px !important;
    box-shadow: var(--sc-dark-card-shadow) !important;
}
/* Emoji plocica: svetla podignuta */
[data-theme="light"] .best-index-card-emoji {
    background: #FAFAFA !important;
    border: none !important;
    border-radius: 14px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
}
/* Brojac: 3D svetla pilula */
[data-theme="light"] .best-index-card-count {
    background: #FAFAFA !important;
    color: #1C1C1E !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    font-family: var(--sc-font);
    font-weight: 700;
}
/* Tekstovi */
[data-theme="light"] .best-index-card-info, [data-theme="light"] .best-index-card-info * { color: #1C1C1E !important; font-family: var(--sc-font); }
@media (prefers-reduced-motion: reduce) { [data-theme="light"] .best-index-card:hover { transform: none; } }

/* BEST OF: brojac prosiren, tekst ne dodiruje ivicu (Gagi 2026-07-11) */
[data-theme="light"] .best-index-card-count,
html:not([data-theme="light"]) .best-index-card-count {
    padding: 6px 16px !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    display: inline-block !important;
    margin-top: 6px;
}

/* BEST OF: moderne crno-bele Lucide ikonice umesto emoji (Gagi 2026-07-11) */
.best-index-card-emoji i, .best-index-card-emoji svg {
    width: 28px !important;
    height: 28px !important;
    stroke-width: 1.8;
}
[data-theme="light"] .best-index-card-emoji { color: #1C1C1E !important; }
html:not([data-theme="light"]) .best-index-card-emoji { color: rgba(255,255,255,0.92) !important; }

/* BEST OF: razmak od dna strane (Gagi 2026-07-11) */
.best-index-page { padding-bottom: 72px !important; }

/* BEST OF: veci razmak od dna, i na gridu (Gagi 2026-07-11 v2) */
.best-index-page { padding-bottom: 140px !important; }
.best-index-grid { margin-bottom: 60px !important; }

/* BEST OF: jos veci razmak na dnu (Gagi 2026-07-11 v3) */
.best-index-grid { margin-bottom: 120px !important; }
body:has(.best-index-page) { padding-bottom: 80px; }

/* BEST OF: PRAVI FIX, flex roditelj je skupljao sekciju na 100vh pa je padding bio iza kartica (Playwright dijagnoza 2026-07-11) */
.best-index-page { flex-shrink: 0 !important; height: auto !important; }

/* BEST OF: normalizovan razmak posle pravog fixa (2026-07-11) */
.best-index-grid { margin-bottom: 0 !important; }
.best-index-page { padding-bottom: 80px !important; }
body:has(.best-index-page) { padding-bottom: 0; }

/* ============ BEST OF DETALJ (/best/<kategorija>): softcard fazon, obe teme (Gagi 2026-07-11) ============ */
/* Isti flex fix kao na indeksu */
.best-page { flex-shrink: 0 !important; height: auto !important; padding-bottom: 80px !important; }
[data-theme="light"] .best-page { background: #EDECEC !important; }
/* Kartice alata */
[data-theme="light"] .best-tool-card {
    background: #F4F4F5 !important;
    border: none !important;
    border-radius: 24px !important;
    box-shadow: var(--sc-shadow-card-light) !important;
    transition: transform 0.15s ease, box-shadow 0.2s ease;
}
[data-theme="light"] .best-tool-card:hover { transform: translateY(-2px); box-shadow: var(--sc-shadow-card-light) !important; }
html:not([data-theme="light"]) .best-tool-card {
    background: var(--sc-dark-card-bg) !important;
    border: none !important;
    border-radius: 24px !important;
    box-shadow: var(--sc-dark-card-shadow) !important;
}
/* Rank: svetla plocica, top 3 tamni cip */
[data-theme="light"] .best-tool-rank {
    background: #FAFAFA !important;
    color: #1C1C1E !important;
    border: none !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    font-family: var(--sc-font);
    font-weight: 800;
}
[data-theme="light"] .best-tool-rank.top-three {
    background: var(--sc-dark-grad) !important;
    color: rgba(255,255,255,0.92) !important;
    box-shadow: var(--sc-shadow-chip) !important;
}
/* Logo plocica */
[data-theme="light"] .best-tool-logo {
    background: #FAFAFA !important;
    border: none !important;
    border-radius: 14px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
}
[data-theme="light"] .best-tool-logo img { mix-blend-mode: multiply; }
/* Dugmad u karticama (Visit/Details): 3D svetle pilule, grid pravilo */
[data-theme="light"] .best-tool-actions .btn {
    background: #FAFAFA !important;
    color: #1C1C1E !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    font-family: var(--sc-font);
    font-weight: 600;
}
[data-theme="light"] .best-tool-actions .btn:hover { transform: translateY(-2px); background: #FAFAFA !important; }
/* Pricing bedz vec pokriven globalnim .pricing-badge pravilom */
/* Tekstovi */
[data-theme="light"] .best-header h1, [data-theme="light"] .best-tool-info h3, [data-theme="light"] .best-tool-link { color: #1C1C1E !important; font-family: var(--sc-font); }
[data-theme="light"] .best-intro, [data-theme="light"] .best-tool-info p { color: #1C1C1E !important; opacity: 0.75; font-family: var(--sc-font); }
[data-theme="light"] .best-meta, [data-theme="light"] .best-tool-meta { color: #1C1C1E !important; opacity: 0.6; }
html:not([data-theme="light"]) .best-header h1 { color: #FFFFFF !important; }
html:not([data-theme="light"]) .best-intro { color: rgba(255,255,255,0.85) !important; }
@media (prefers-reduced-motion: reduce) {
    [data-theme="light"] .best-tool-card:hover, [data-theme="light"] .best-tool-actions .btn:hover { transform: none; }
}

/* BEST OF DETALJ: gornji deo, breadcrumbs i meta bez ljubicaste (Gagi 2026-07-11) */
[data-theme="light"] .best-breadcrumbs, [data-theme="light"] .best-breadcrumbs a, [data-theme="light"] .best-breadcrumbs span {
    color: #1C1C1E !important;
    opacity: 0.85;
    font-family: var(--sc-font);
    font-weight: 500;
}
[data-theme="light"] .best-breadcrumbs a:hover { opacity: 1; text-decoration: underline; }
[data-theme="light"] .best-meta, [data-theme="light"] .best-meta span { color: #1C1C1E !important; opacity: 0.9; font-family: var(--sc-font); }
/* Category link: mala 3D svetla pilula umesto ljubicastog linka */
[data-theme="light"] .best-meta a {
    background: #FAFAFA !important;
    color: #1C1C1E !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    padding: 4px 12px;
    text-decoration: none !important;
    font-weight: 600;
    display: inline-block;
}
html:not([data-theme="light"]) .best-breadcrumbs, html:not([data-theme="light"]) .best-breadcrumbs a { color: rgba(255,255,255,0.85) !important; }
html:not([data-theme="light"]) .best-meta, html:not([data-theme="light"]) .best-meta span { color: rgba(255,255,255,0.85) !important; }
html:not([data-theme="light"]) .best-meta a {
    background: var(--sc-dark-card-bg) !important;
    color: rgba(255,255,255,0.92) !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-dark-card-shadow) !important;
    padding: 4px 12px;
    text-decoration: none !important;
}

/* BEST OF DETALJ: header i intro RAVNO na platnu, bez okvira (Gagi 2026-07-11) */
[data-theme="light"] .best-header,
[data-theme="light"] .best-intro,
html:not([data-theme="light"]) .best-header,
html:not([data-theme="light"]) .best-intro {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
[data-theme="light"] .best-intro p { color: #1C1C1E !important; opacity: 0.8; font-family: var(--sc-font); }
html:not([data-theme="light"]) .best-intro p { color: rgba(255,255,255,0.85) !important; }

/* BEST OF DETALJ: pun crni tekst u light, bez providnosti (Gagi 2026-07-11) */
[data-theme="light"] .best-intro p,
[data-theme="light"] .best-breadcrumbs, [data-theme="light"] .best-breadcrumbs a, [data-theme="light"] .best-breadcrumbs span,
[data-theme="light"] .best-meta, [data-theme="light"] .best-meta span {
    color: #1C1C1E !important;
    opacity: 1 !important;
}

/* ============ SUBMIT TOOL: softcard fazon, obe teme (Gagi 2026-07-11) ============ */
[data-theme="light"] .st-page { background: #EDECEC !important; }
/* Sekcije forme i info kartice desno: soft kartice */
[data-theme="light"] .st-section,
[data-theme="light"] .st-info-card {
    background: #F4F4F5 !important;
    border: none !important;
    border-radius: 24px !important;
    box-shadow: var(--sc-shadow-card-light) !important;
}
html:not([data-theme="light"]) .st-section,
html:not([data-theme="light"]) .st-info-card {
    background: var(--sc-dark-card-bg) !important;
    border: none !important;
    border-radius: 24px !important;
    box-shadow: var(--sc-dark-card-shadow) !important;
}
/* Polja: #FAFAFA podignute pilule unutar kartice */
[data-theme="light"] .st-field input,
[data-theme="light"] .st-field textarea,
[data-theme="light"] .st-field select {
    background: #FAFAFA !important;
    border: none !important;
    border-radius: 16px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    color: #1C1C1E !important;
    font-family: var(--sc-font);
}
[data-theme="light"] .st-field input:focus,
[data-theme="light"] .st-field textarea:focus,
[data-theme="light"] .st-field select:focus {
    border: none !important;
    box-shadow: var(--sc-shadow-flat-light), 0 8px 18px rgba(0,0,0,0.10) !important;
    outline: none !important;
}
/* Redni brojevi koraka: tamni cip ostaje, ikonice info kartica svetla plocica */
[data-theme="light"] .st-info-icon {
    background: #FAFAFA !important;
    color: #1C1C1E !important;
    border: none !important;
    border-radius: 14px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
}
/* Submit dugme: crna sjajna pilula (glavni CTA, jedan na strani) */
[data-theme="light"] .st-submit-btn, html:not([data-theme="light"]) .st-submit-btn {
    background: var(--sc-dark-grad) !important;
    color: rgba(255,255,255,0.92) !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-chip), 0 14px 26px rgba(0,0,0,0.30) !important;
    font-family: var(--sc-font);
    font-weight: 700;
    transition: transform 0.15s ease;
}
.st-submit-btn:hover { transform: translateY(-2px); }
/* Tekstovi: pun crni u light */
[data-theme="light"] .st-page h1, [data-theme="light"] .st-section-header, [data-theme="light"] .st-section-header *,
[data-theme="light"] .st-field label, [data-theme="light"] .st-info-card h3, [data-theme="light"] .st-info-card li,
[data-theme="light"] .st-info-card p, [data-theme="light"] .st-hint, [data-theme="light"] .st-page > .container > p {
    color: #1C1C1E !important;
    opacity: 1 !important;
    font-family: var(--sc-font);
}
/* Contact us link bez ljubicaste */
[data-theme="light"] .st-info-card a { color: #1C1C1E !important; font-weight: 700; text-decoration: underline !important; }
@media (prefers-reduced-motion: reduce) { .st-submit-btn:hover { transform: none; } }

/* SUBMIT TOOL: placeholder primeri sakriveni, obe teme (Gagi 2026-07-11) */
.st-field input::placeholder,
.st-field textarea::placeholder {
    color: transparent !important;
    opacity: 0 !important;
}

/* SC-DD: block varijanta za selecte u formama, puna sirina (Gagi 2026-07-11) */
.sc-dd-block { display: block; width: 100%; }
.sc-dd-block .sc-dd-btn { width: 100%; justify-content: space-between; }
.sc-dd-block .sc-dd-menu { width: 100%; min-width: 0; }

/* ============ ZETVA 2 (multiline fix): jos 116 tool kartica koje su prvi put promasene (Gagi 2026-07-11) ============ */
[data-theme="light"] .studio-tool .adcopy-card,
[data-theme="light"] .studio-tool .adcopy-result-area,
[data-theme="light"] .studio-tool .afc-card,
[data-theme="light"] .studio-tool .afc-modal-box,
[data-theme="light"] .studio-tool .anim-card,
[data-theme="light"] .studio-tool .appb-card,
[data-theme="light"] .studio-tool .appb-history-card,
[data-theme="light"] .studio-tool .audtr-related-card,
[data-theme="light"] .studio-tool .bf-container,
[data-theme="light"] .studio-tool .bgr-gallery-card,
[data-theme="light"] .studio-tool .blog-gen-card,
[data-theme="light"] .studio-tool .blog-gen-meta-box,
[data-theme="light"] .studio-tool .chat-input-area,
[data-theme="light"] .studio-tool .codegen-card,
[data-theme="light"] .studio-tool .converter-container,
[data-theme="light"] .studio-tool .detector-card,
[data-theme="light"] .studio-tool .dubbing-container,
[data-theme="light"] .studio-tool .dv-container,
[data-theme="light"] .studio-tool .effect-card,
[data-theme="light"] .studio-tool .error-card,
[data-theme="light"] .studio-tool .ew-card,
[data-theme="light"] .studio-tool .ew-result-area,
[data-theme="light"] .studio-tool .facerate-card,
[data-theme="light"] .studio-tool .fps-card,
[data-theme="light"] .studio-tool .gc-card,
[data-theme="light"] .studio-tool .generator-container,
[data-theme="light"] .studio-tool .gif-card,
[data-theme="light"] .studio-tool .gs-container,
[data-theme="light"] .studio-tool .guide-card,
[data-theme="light"] .studio-tool .humanizer-card,
[data-theme="light"] .studio-tool .hv-container,
[data-theme="light"] .studio-tool .ic-gallery-card,
[data-theme="light"] .studio-tool .ifc-gallery-card,
[data-theme="light"] .studio-tool .image-animator-gallery-card,
[data-theme="light"] .studio-tool .imganalyze-card,
[data-theme="light"] .studio-tool .interpolation-container,
[data-theme="light"] .studio-tool .kv-container,
[data-theme="light"] .studio-tool .locid-card,
[data-theme="light"] .studio-tool .merger-card,
[data-theme="light"] .studio-tool .mg-card,
[data-theme="light"] .studio-tool .mode-card,
[data-theme="light"] .studio-tool .musicvis-container,
[data-theme="light"] .studio-tool .musicvis-gallery-card,
[data-theme="light"] .studio-tool .objid-card,
[data-theme="light"] .studio-tool .pdf-card,
[data-theme="light"] .studio-tool .pdfc-gallery-card,
[data-theme="light"] .studio-tool .pfc-card,
[data-theme="light"] .studio-tool .plg-card,
[data-theme="light"] .studio-tool .preset-card,
[data-theme="light"] .studio-tool .product-card,
[data-theme="light"] .studio-tool .prvg-container,
[data-theme="light"] .studio-tool .prvg-gallery-card,
[data-theme="light"] .studio-tool .pxv-container,
[data-theme="light"] .studio-tool .pxv-gallery-card,
[data-theme="light"] .studio-tool .rb-card,
[data-theme="light"] .studio-tool .rb-result-area,
[data-theme="light"] .studio-tool .results-card,
[data-theme="light"] .studio-tool .screc-card,
[data-theme="light"] .studio-tool .settings-panel,
[data-theme="light"] .studio-tool .simulator-card,
[data-theme="light"] .studio-tool .sketch-to-image-gallery-card,
[data-theme="light"] .studio-tool .smg-card,
[data-theme="light"] .studio-tool .speed-container,
[data-theme="light"] .studio-tool .st-sidebar-card,
[data-theme="light"] .studio-tool .stt-card,
[data-theme="light"] .studio-tool .style-card,
[data-theme="light"] .studio-tool .subtitles-container,
[data-theme="light"] .studio-tool .swap-container,
[data-theme="light"] .studio-tool .sync-container,
[data-theme="light"] .studio-tool .t3d-gallery-card,
[data-theme="light"] .studio-tool .tg-card,
[data-theme="light"] .studio-tool .tiktok-container,
[data-theme="light"] .studio-tool .tiktok-gallery-card,
[data-theme="light"] .studio-tool .toggle-card,
[data-theme="light"] .studio-tool .translator-card,
[data-theme="light"] .studio-tool .trimmer-card,
[data-theme="light"] .studio-tool .tts-card,
[data-theme="light"] .studio-tool .txs-card,
[data-theme="light"] .studio-tool .txs-result-area,
[data-theme="light"] .studio-tool .ugc-container,
[data-theme="light"] .studio-tool .ugc-feature-card,
[data-theme="light"] .studio-tool .ugc-gallery-card,
[data-theme="light"] .studio-tool .ugc-related-card,
[data-theme="light"] .studio-tool .ugc-tech-card,
[data-theme="light"] .studio-tool .vad-container,
[data-theme="light"] .studio-tool .vad-gallery-card,
[data-theme="light"] .studio-tool .vcg-card,
[data-theme="light"] .studio-tool .vcg-result-area,
[data-theme="light"] .studio-tool .vc-modal-box,
[data-theme="light"] .studio-tool .vfc-card,
[data-theme="light"] .studio-tool .vfc-modal-box,
[data-theme="light"] .studio-tool .vfx-container,
[data-theme="light"] .studio-tool .vfx-gallery-card,
[data-theme="light"] .studio-tool .vidanalyze-card,
[data-theme="light"] .studio-tool .voice-card,
[data-theme="light"] .studio-tool .vr-card,
[data-theme="light"] .studio-tool .vr-formats-card,
[data-theme="light"] .studio-tool .vst-card,
[data-theme="light"] .studio-tool .vst-result-area,
[data-theme="light"] .studio-tool .vta-card,
[data-theme="light"] .studio-tool .writing-card,
[data-theme="light"] .studio-tool .ytsummary-card {
    background: #F4F4F5 !important;
    border-color: transparent !important;
    border-radius: 24px !important;
    box-shadow: var(--sc-shadow-card-light) !important;
}
html:not([data-theme="light"]) .studio-tool .adcopy-card,
html:not([data-theme="light"]) .studio-tool .adcopy-result-area,
html:not([data-theme="light"]) .studio-tool .afc-card,
html:not([data-theme="light"]) .studio-tool .afc-modal-box,
html:not([data-theme="light"]) .studio-tool .anim-card,
html:not([data-theme="light"]) .studio-tool .appb-card,
html:not([data-theme="light"]) .studio-tool .appb-history-card,
html:not([data-theme="light"]) .studio-tool .audtr-related-card,
html:not([data-theme="light"]) .studio-tool .bf-container,
html:not([data-theme="light"]) .studio-tool .bgr-gallery-card,
html:not([data-theme="light"]) .studio-tool .blog-gen-card,
html:not([data-theme="light"]) .studio-tool .blog-gen-meta-box,
html:not([data-theme="light"]) .studio-tool .chat-input-area,
html:not([data-theme="light"]) .studio-tool .codegen-card,
html:not([data-theme="light"]) .studio-tool .converter-container,
html:not([data-theme="light"]) .studio-tool .detector-card,
html:not([data-theme="light"]) .studio-tool .dubbing-container,
html:not([data-theme="light"]) .studio-tool .dv-container,
html:not([data-theme="light"]) .studio-tool .effect-card,
html:not([data-theme="light"]) .studio-tool .error-card,
html:not([data-theme="light"]) .studio-tool .ew-card,
html:not([data-theme="light"]) .studio-tool .ew-result-area,
html:not([data-theme="light"]) .studio-tool .facerate-card,
html:not([data-theme="light"]) .studio-tool .fps-card,
html:not([data-theme="light"]) .studio-tool .gc-card,
html:not([data-theme="light"]) .studio-tool .generator-container,
html:not([data-theme="light"]) .studio-tool .gif-card,
html:not([data-theme="light"]) .studio-tool .gs-container,
html:not([data-theme="light"]) .studio-tool .guide-card,
html:not([data-theme="light"]) .studio-tool .humanizer-card,
html:not([data-theme="light"]) .studio-tool .hv-container,
html:not([data-theme="light"]) .studio-tool .ic-gallery-card,
html:not([data-theme="light"]) .studio-tool .ifc-gallery-card,
html:not([data-theme="light"]) .studio-tool .image-animator-gallery-card,
html:not([data-theme="light"]) .studio-tool .imganalyze-card,
html:not([data-theme="light"]) .studio-tool .interpolation-container,
html:not([data-theme="light"]) .studio-tool .kv-container,
html:not([data-theme="light"]) .studio-tool .locid-card,
html:not([data-theme="light"]) .studio-tool .merger-card,
html:not([data-theme="light"]) .studio-tool .mg-card,
html:not([data-theme="light"]) .studio-tool .mode-card,
html:not([data-theme="light"]) .studio-tool .musicvis-container,
html:not([data-theme="light"]) .studio-tool .musicvis-gallery-card,
html:not([data-theme="light"]) .studio-tool .objid-card,
html:not([data-theme="light"]) .studio-tool .pdf-card,
html:not([data-theme="light"]) .studio-tool .pdfc-gallery-card,
html:not([data-theme="light"]) .studio-tool .pfc-card,
html:not([data-theme="light"]) .studio-tool .plg-card,
html:not([data-theme="light"]) .studio-tool .preset-card,
html:not([data-theme="light"]) .studio-tool .product-card,
html:not([data-theme="light"]) .studio-tool .prvg-container,
html:not([data-theme="light"]) .studio-tool .prvg-gallery-card,
html:not([data-theme="light"]) .studio-tool .pxv-container,
html:not([data-theme="light"]) .studio-tool .pxv-gallery-card,
html:not([data-theme="light"]) .studio-tool .rb-card,
html:not([data-theme="light"]) .studio-tool .rb-result-area,
html:not([data-theme="light"]) .studio-tool .results-card,
html:not([data-theme="light"]) .studio-tool .screc-card,
html:not([data-theme="light"]) .studio-tool .settings-panel,
html:not([data-theme="light"]) .studio-tool .simulator-card,
html:not([data-theme="light"]) .studio-tool .sketch-to-image-gallery-card,
html:not([data-theme="light"]) .studio-tool .smg-card,
html:not([data-theme="light"]) .studio-tool .speed-container,
html:not([data-theme="light"]) .studio-tool .st-sidebar-card,
html:not([data-theme="light"]) .studio-tool .stt-card,
html:not([data-theme="light"]) .studio-tool .style-card,
html:not([data-theme="light"]) .studio-tool .subtitles-container,
html:not([data-theme="light"]) .studio-tool .swap-container,
html:not([data-theme="light"]) .studio-tool .sync-container,
html:not([data-theme="light"]) .studio-tool .t3d-gallery-card,
html:not([data-theme="light"]) .studio-tool .tg-card,
html:not([data-theme="light"]) .studio-tool .tiktok-container,
html:not([data-theme="light"]) .studio-tool .tiktok-gallery-card,
html:not([data-theme="light"]) .studio-tool .toggle-card,
html:not([data-theme="light"]) .studio-tool .translator-card,
html:not([data-theme="light"]) .studio-tool .trimmer-card,
html:not([data-theme="light"]) .studio-tool .tts-card,
html:not([data-theme="light"]) .studio-tool .txs-card,
html:not([data-theme="light"]) .studio-tool .txs-result-area,
html:not([data-theme="light"]) .studio-tool .ugc-container,
html:not([data-theme="light"]) .studio-tool .ugc-feature-card,
html:not([data-theme="light"]) .studio-tool .ugc-gallery-card,
html:not([data-theme="light"]) .studio-tool .ugc-related-card,
html:not([data-theme="light"]) .studio-tool .ugc-tech-card,
html:not([data-theme="light"]) .studio-tool .vad-container,
html:not([data-theme="light"]) .studio-tool .vad-gallery-card,
html:not([data-theme="light"]) .studio-tool .vcg-card,
html:not([data-theme="light"]) .studio-tool .vcg-result-area,
html:not([data-theme="light"]) .studio-tool .vc-modal-box,
html:not([data-theme="light"]) .studio-tool .vfc-card,
html:not([data-theme="light"]) .studio-tool .vfc-modal-box,
html:not([data-theme="light"]) .studio-tool .vfx-container,
html:not([data-theme="light"]) .studio-tool .vfx-gallery-card,
html:not([data-theme="light"]) .studio-tool .vidanalyze-card,
html:not([data-theme="light"]) .studio-tool .voice-card,
html:not([data-theme="light"]) .studio-tool .vr-card,
html:not([data-theme="light"]) .studio-tool .vr-formats-card,
html:not([data-theme="light"]) .studio-tool .vst-card,
html:not([data-theme="light"]) .studio-tool .vst-result-area,
html:not([data-theme="light"]) .studio-tool .vta-card,
html:not([data-theme="light"]) .studio-tool .writing-card,
html:not([data-theme="light"]) .studio-tool .ytsummary-card {
    background: var(--sc-dark-card-bg) !important;
    border-color: transparent !important;
    border-radius: 24px !important;
    box-shadow: var(--sc-dark-card-shadow) !important;
}
/* Upload zone ostaju #FAFAFA pilule (pravilo od ranije se ponavlja da ostane iznad) */
[data-theme="light"] .studio-tool [class*="upload-area"],
[data-theme="light"] .studio-tool [class*="upload-box"],
[data-theme="light"] .studio-tool [class*="upload-zone"],
[data-theme="light"] .studio-tool [class*="dropzone"],
[data-theme="light"] .studio-tool [class*="drop-zone"],
[data-theme="light"] .studio-tool [class*="drop-area"] {
    background: #FAFAFA !important;
    border: 1.5px dashed rgba(0,0,0,0.15) !important;
    border-radius: 24px !important;
}

/* DUPLA KARTICA fix: kontejner koji direktno drzi karticu postaje providan, obe teme (Gagi 2026-07-11) */
[data-theme="light"] .studio-tool [class*="-container"]:has(> [class*="-card"]),
html:not([data-theme="light"]) .studio-tool [class*="-container"]:has(> [class*="-card"]) {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* UPLOAD CONTAINER: omotac upload zone i Generate dugmeta NIJE kartica, providan (Gagi 2026-07-11) */
[data-theme="light"] .studio-tool [class*="upload-container"],
html:not([data-theme="light"]) .studio-tool [class*="upload-container"] {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* ============ STUDIO FORME GLOBALNO: polja, preset pilule, slajderi, hintovi (Gagi 2026-07-11, povod QR Code Art) ============ */
/* Tekstualna polja: #FAFAFA podignute plocice */
[data-theme="light"] .studio-tool input[type="text"],
[data-theme="light"] .studio-tool input[type="url"],
[data-theme="light"] .studio-tool input[type="number"],
[data-theme="light"] .studio-tool input[type="email"],
[data-theme="light"] .studio-tool textarea {
    background: #FAFAFA !important;
    border: none !important;
    border-radius: 16px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    color: #1C1C1E !important;
    font-family: var(--sc-font);
}
[data-theme="light"] .studio-tool input[type="text"]:focus,
[data-theme="light"] .studio-tool input[type="url"]:focus,
[data-theme="light"] .studio-tool input[type="number"]:focus,
[data-theme="light"] .studio-tool input[type="email"]:focus,
[data-theme="light"] .studio-tool textarea:focus {
    border: none !important;
    outline: none !important;
    box-shadow: var(--sc-shadow-flat-light), 0 8px 18px rgba(0,0,0,0.10) !important;
}
html:not([data-theme="light"]) .studio-tool input[type="text"],
html:not([data-theme="light"]) .studio-tool input[type="url"],
html:not([data-theme="light"]) .studio-tool input[type="number"],
html:not([data-theme="light"]) .studio-tool input[type="email"],
html:not([data-theme="light"]) .studio-tool textarea {
    background: var(--sc-dark-card-bg) !important;
    border: none !important;
    border-radius: 16px !important;
    box-shadow: var(--sc-dark-card-shadow) !important;
    color: rgba(255,255,255,0.92) !important;
}
/* Placeholderi sakriveni na SVIM studio alatima (Gagino pravilo) */
.studio-tool input::placeholder,
.studio-tool textarea::placeholder { color: transparent !important; opacity: 0 !important; }
/* Preset / style pilule */
[data-theme="light"] .studio-tool .preset-option,
[data-theme="light"] .studio-tool .style-option {
    background: #FAFAFA !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    color: #1C1C1E !important;
    font-family: var(--sc-font);
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.15s ease;
}
[data-theme="light"] .studio-tool .preset-option:hover,
[data-theme="light"] .studio-tool .style-option:hover { transform: translateY(-2px); background: #FAFAFA !important; }
[data-theme="light"] .studio-tool .preset-option.active,
[data-theme="light"] .studio-tool .preset-option.selected,
[data-theme="light"] .studio-tool .style-option.active,
[data-theme="light"] .studio-tool .style-option.selected {
    background: var(--sc-dark-grad) !important;
    color: rgba(255,255,255,0.92) !important;
    box-shadow: var(--sc-shadow-chip) !important;
}
[data-theme="light"] .studio-tool .preset-option.active *, [data-theme="light"] .studio-tool .style-option.active *,
[data-theme="light"] .studio-tool .preset-option.selected *, [data-theme="light"] .studio-tool .style-option.selected * { color: rgba(255,255,255,0.92) !important; }
html:not([data-theme="light"]) .studio-tool .preset-option,
html:not([data-theme="light"]) .studio-tool .style-option {
    background: var(--sc-dark-card-bg) !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-dark-card-shadow) !important;
    color: rgba(255,255,255,0.9) !important;
}
html:not([data-theme="light"]) .studio-tool .preset-option.active,
html:not([data-theme="light"]) .studio-tool .style-option.active,
html:not([data-theme="light"]) .studio-tool .preset-option.selected,
html:not([data-theme="light"]) .studio-tool .style-option.selected {
    background: #FAFAFA !important;
    color: #1C1C1E !important;
}
/* Slajderi: mekana traka + crni cip klizac */
.studio-tool input[type="range"] { -webkit-appearance: none; appearance: none; height: 8px; border-radius: 99px; background: #E2E1E1; outline: none; }
html:not([data-theme="light"]) .studio-tool input[type="range"] { background: #4A4A4D; }
.studio-tool input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none; appearance: none;
    width: 22px; height: 22px; border-radius: 50%;
    background: linear-gradient(0deg, #18181B, #18181B), radial-gradient(62% 62% at 28% -10%, rgba(255,255,255,0.14), transparent);
    box-shadow: var(--sc-shadow-chip);
    cursor: pointer; border: none;
}
.studio-tool input[type="range"]::-moz-range-thumb {
    width: 22px; height: 22px; border-radius: 50%;
    background: #18181B; box-shadow: var(--sc-shadow-chip); cursor: pointer; border: none;
}
/* Hint tekstovi: bez plavog i bledog */
[data-theme="light"] .studio-tool .input-hint,
[data-theme="light"] .studio-tool .slider-hint,
[data-theme="light"] .studio-tool .scan-note { color: #1C1C1E !important; opacity: 0.65; font-family: var(--sc-font); }
html:not([data-theme="light"]) .studio-tool .input-hint,
html:not([data-theme="light"]) .studio-tool .slider-hint,
html:not([data-theme="light"]) .studio-tool .scan-note { color: rgba(255,255,255,0.7) !important; }
@media (prefers-reduced-motion: reduce) { [data-theme="light"] .studio-tool .preset-option:hover, [data-theme="light"] .studio-tool .style-option:hover { transform: none; } }

/* ============ LOGO GENERATOR + srodni: format kartice i tips cipovi (Gagi 2026-07-11) ============ */
/* Format opcije (SVG/PNG): svetle podignute kartice, izabrana tamni cip */
[data-theme="light"] .studio-tool .type-option {
    background: #FAFAFA !important;
    border: none !important;
    border-radius: 18px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    cursor: pointer;
    transition: transform 0.15s ease;
}
[data-theme="light"] .studio-tool .type-option:hover { transform: translateY(-2px); }
[data-theme="light"] .studio-tool .type-option.selected,
[data-theme="light"] .studio-tool .type-option.active {
    background: var(--sc-dark-grad) !important;
    box-shadow: var(--sc-shadow-chip) !important;
}
[data-theme="light"] .studio-tool .type-option.selected *,
[data-theme="light"] .studio-tool .type-option.active * { color: rgba(255,255,255,0.92) !important; }
[data-theme="light"] .studio-tool .type-option * { color: #1C1C1E; font-family: var(--sc-font); }
html:not([data-theme="light"]) .studio-tool .type-option {
    background: var(--sc-dark-card-bg) !important;
    border: none !important;
    border-radius: 18px !important;
    box-shadow: var(--sc-dark-card-shadow) !important;
}
html:not([data-theme="light"]) .studio-tool .type-option.selected,
html:not([data-theme="light"]) .studio-tool .type-option.active { background: #FAFAFA !important; }
html:not([data-theme="light"]) .studio-tool .type-option.selected *,
html:not([data-theme="light"]) .studio-tool .type-option.active * { color: #1C1C1E !important; }
/* Tips cipovi: male svetle pilule */
[data-theme="light"] .studio-tool .tip,
[data-theme="light"] .studio-tool .prompt-tips .tip {
    background: #FAFAFA !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    color: #1C1C1E !important;
    font-family: var(--sc-font);
}
html:not([data-theme="light"]) .studio-tool .tip {
    background: var(--sc-dark-card-bg) !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-dark-card-shadow) !important;
    color: rgba(255,255,255,0.9) !important;
}
[data-theme="light"] .studio-tool .tip-label { color: #1C1C1E !important; opacity: 0.7; }
@media (prefers-reduced-motion: reduce) { [data-theme="light"] .studio-tool .type-option:hover { transform: none; } }

/* In Favorites (is-fav): tamni cip sa belim tekstom, vidljiv na svetloj pozadini (Gagi 2026-07-11) */
[data-theme="light"] .studio-fav-btn.is-fav {
    background: var(--sc-dark-grad) !important;
    color: rgba(255,255,255,0.92) !important;
    box-shadow: var(--sc-shadow-chip) !important;
}
[data-theme="light"] .studio-fav-btn.is-fav * { color: rgba(255,255,255,0.92) !important; }
/* Upload zona: pokrivena i st-upload-area varijanta (watermark i slicni) */
[data-theme="light"] .studio-tool .st-upload-area,
[data-theme="light"] .studio-tool [class*="st-upload"] {
    background: #FAFAFA !important;
    border: 1.5px dashed rgba(0,0,0,0.18) !important;
    border-radius: 24px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
}
html:not([data-theme="light"]) .studio-tool .st-upload-area {
    background: var(--sc-dark-card-bg) !important;
    border: 1.5px dashed rgba(255,255,255,0.2) !important;
    border-radius: 24px !important;
}

/* Ispravka: In Favorites je CRVEN (brend), pilula sa belim tekstom (Gagi pravilo: Favorites uvek crven) */
[data-theme="light"] .studio-fav-btn.is-fav {
    background: #dc2626 !important;
    color: #fff !important;
    box-shadow: var(--sc-shadow-chip) !important;
}
[data-theme="light"] .studio-fav-btn.is-fav * { color: #fff !important; }

/* ============ STUDIO DARK dorada: selecti fallback + Generate dugme (Gagi 2026-07-11) ============ */
/* Native select fallback, ako JS meni jos nije zamenio */
[data-theme="light"] .studio-tool select {
    background-color: #FAFAFA !important;
    border: none !important;
    border-radius: 16px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    color: #1C1C1E !important;
    font-family: var(--sc-font);
}
html:not([data-theme="light"]) .studio-tool select {
    background-color: #2F2F31 !important;
    border: none !important;
    border-radius: 16px !important;
    box-shadow: var(--sc-dark-card-shadow) !important;
    color: rgba(255,255,255,0.92) !important;
    font-family: var(--sc-font);
}
/* Glavno Generate dugme u dark: bela sjajna pilula da iskoci */
html:not([data-theme="light"]) .studio-tool .btn-generate,
html:not([data-theme="light"]) .studio-tool button[class*="generate"] {
    background: #FAFAFA !important;
    color: #1C1C1E !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: 0px -3px 0px 0px #E9E9E9 inset, 0px 1px 0px 0px rgba(255,255,255,0.70) inset, 0px 4px 10px rgba(0,0,0,0.35) !important;
    font-family: var(--sc-font);
    font-weight: 700;
}
html:not([data-theme="light"]) .studio-tool .btn-generate * { color: #1C1C1E !important; }

/* DARK: izabrana format kartica i Generate dugme NISU beli, nego crni sjajni cip (Gagi 2026-07-11) */
html:not([data-theme="light"]) .studio-tool .type-option.selected,
html:not([data-theme="light"]) .studio-tool .type-option.active {
    background: var(--sc-dark-grad) !important;
    box-shadow: var(--sc-shadow-chip) !important;
}
html:not([data-theme="light"]) .studio-tool .type-option.selected *,
html:not([data-theme="light"]) .studio-tool .type-option.active * { color: rgba(255,255,255,0.95) !important; }
html:not([data-theme="light"]) .studio-tool .btn-generate,
html:not([data-theme="light"]) .studio-tool button[class*="generate"] {
    background: var(--sc-dark-grad) !important;
    color: rgba(255,255,255,0.95) !important;
    box-shadow: var(--sc-shadow-chip), 0 14px 26px rgba(0,0,0,0.45) !important;
}
html:not([data-theme="light"]) .studio-tool .btn-generate * { color: rgba(255,255,255,0.95) !important; }

/* ============ IMAGE ANIMATOR (+ tiktok-speed toggle sablon): light + dark (Gagi 2026-07-11) ============ */
/* FPS opcije: svetle pilule, aktivna crni cip */
[data-theme="light"] .image-animator-fps-btn {
    background: #FAFAFA !important;
    border: none !important;
    border-radius: 18px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    color: #1C1C1E !important;
    font-family: var(--sc-font);
    cursor: pointer;
    transition: transform 0.15s ease;
}
[data-theme="light"] .image-animator-fps-btn:hover { transform: translateY(-2px); }
[data-theme="light"] .image-animator-fps-btn.active {
    background: var(--sc-dark-grad) !important;
    box-shadow: var(--sc-shadow-chip) !important;
}
[data-theme="light"] .image-animator-fps-btn.active * { color: rgba(255,255,255,0.95) !important; }
[data-theme="light"] .image-animator-fps-btn * { color: #1C1C1E; font-family: var(--sc-font); }
html:not([data-theme="light"]) .image-animator-fps-btn {
    background: var(--sc-dark-card-bg) !important;
    border: none !important;
    border-radius: 18px !important;
    box-shadow: var(--sc-dark-card-shadow) !important;
    color: rgba(255,255,255,0.9) !important;
}
html:not([data-theme="light"]) .image-animator-fps-btn.active {
    background: var(--sc-dark-grad) !important;
    box-shadow: var(--sc-shadow-chip) !important;
}
html:not([data-theme="light"]) .image-animator-fps-btn.active * { color: rgba(255,255,255,0.95) !important; }
/* Speed toggle traka (Turbo/Quality): pilula traka, aktivan crni cip */
[data-theme="light"] .tiktok-speed-options {
    background: #F4F4F5 !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    padding: 4px !important;
}
[data-theme="light"] .tiktok-speed-btn { background: transparent !important; border: none !important; border-radius: 99px !important; color: #1C1C1E !important; }
[data-theme="light"] .tiktok-speed-btn.active { background: var(--sc-dark-grad) !important; box-shadow: var(--sc-shadow-chip) !important; }
[data-theme="light"] .tiktok-speed-btn.active * { color: rgba(255,255,255,0.95) !important; }
html:not([data-theme="light"]) .tiktok-speed-options {
    background: var(--sc-dark-card-bg) !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-dark-card-shadow) !important;
    padding: 4px !important;
}
html:not([data-theme="light"]) .tiktok-speed-btn { background: transparent !important; border: none !important; border-radius: 99px !important; color: rgba(255,255,255,0.9) !important; }
html:not([data-theme="light"]) .tiktok-speed-btn.active { background: var(--sc-dark-grad) !important; box-shadow: var(--sc-shadow-chip) !important; }
/* Labeli i hintovi: bez plavog/bledog */
[data-theme="light"] .image-animator-option-label,
[data-theme="light"] .image-animator-slider-label,
[data-theme="light"] .image-animator-slider-value,
[data-theme="light"] .image-animator-upload-hint,
[data-theme="light"] .ima-stat-label { color: #1C1C1E !important; font-family: var(--sc-font); }
html:not([data-theme="light"]) .image-animator-option-label,
html:not([data-theme="light"]) .image-animator-slider-label,
html:not([data-theme="light"]) .image-animator-slider-value,
html:not([data-theme="light"]) .image-animator-upload-hint { color: rgba(255,255,255,0.85) !important; }
/* Header podnaslov na ovom alatu (plavkast) */
[data-theme="light"] .studio-tool .vr-main-header p { color: #1C1C1E !important; opacity: 0.8; }
html:not([data-theme="light"]) .studio-tool .vr-main-header p { color: rgba(255,255,255,0.85) !important; }
@media (prefers-reduced-motion: reduce) { [data-theme="light"] .image-animator-fps-btn:hover { transform: none; } }

/* IMAGE ANIMATOR: Animate dugme crni cip u OBE teme + toggle track ujednacen (Gagi 2026-07-11) */
[data-theme="light"] .image-animator-process-btn,
[data-theme="light"] .image-animator-btn-primary,
html:not([data-theme="light"]) .image-animator-process-btn,
html:not([data-theme="light"]) .image-animator-btn-primary {
    background: var(--sc-dark-grad) !important;
    color: rgba(255,255,255,0.95) !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-chip), 0 14px 26px rgba(0,0,0,0.35) !important;
    font-family: var(--sc-font);
    font-weight: 700;
}
.image-animator-process-btn *, .image-animator-btn-primary * { color: rgba(255,255,255,0.95) !important; }
/* Speed toggle track: isti ton kao FPS kartice u obe teme */
html:not([data-theme="light"]) .tiktok-speed-options { background: var(--sc-dark-card-bg) !important; }
html:not([data-theme="light"]) .tiktok-speed-btn:not(.active) * { color: rgba(255,255,255,0.75) !important; }
[data-theme="light"] .tiktok-speed-options { background: #FAFAFA !important; }
[data-theme="light"] .tiktok-speed-btn:not(.active) * { color: #1C1C1E !important; }

/* SPEED TOGGLE: sakriven stari crni klizni indikator ispod pilule (Gagi 2026-07-11) */
.tiktok-speed-slider { display: none !important; }

/* ============ AGING FILTER: light + dark (Gagi 2026-07-11) ============ */
/* Age pilule: 3D svetle, izabrana crni cip */
[data-theme="light"] .af-age-pill {
    background: #FAFAFA !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    color: #1C1C1E !important;
    font-family: var(--sc-font);
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.15s ease;
}
[data-theme="light"] .af-age-pill:hover { transform: translateY(-2px); }
[data-theme="light"] .af-age-pill.active, [data-theme="light"] .af-age-pill.selected {
    background: var(--sc-dark-grad) !important;
    color: rgba(255,255,255,0.95) !important;
    box-shadow: var(--sc-shadow-chip) !important;
}
html:not([data-theme="light"]) .af-age-pill {
    background: var(--sc-dark-card-bg) !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-dark-card-shadow) !important;
    color: rgba(255,255,255,0.9) !important;
    font-family: var(--sc-font);
}
html:not([data-theme="light"]) .af-age-pill.active, html:not([data-theme="light"]) .af-age-pill.selected {
    background: var(--sc-dark-grad) !important;
    color: rgba(255,255,255,0.95) !important;
    box-shadow: var(--sc-shadow-chip) !important;
}
/* YOUNGER/OLDER labeli: tihi natpis recept */
[data-theme="light"] .af-age-group-label, [data-theme="light"] .af-gallery-label {
    color: #1C1C1E !important;
    font-family: var(--sc-font);
    font-weight: 700;
    letter-spacing: 0.14em;
}
html:not([data-theme="light"]) .af-age-group-label, html:not([data-theme="light"]) .af-gallery-label { color: rgba(255,255,255,0.85) !important; }
/* Step badge (1, 2): crni cip */
[data-theme="light"] .af-step-badge, html:not([data-theme="light"]) .af-step-badge {
    background: var(--sc-dark-grad) !important;
    color: rgba(255,255,255,0.95) !important;
    border: none !important;
    box-shadow: var(--sc-shadow-chip) !important;
    font-family: var(--sc-font);
    font-weight: 700;
}
@media (prefers-reduced-motion: reduce) { [data-theme="light"] .af-age-pill:hover { transform: none; } }

/* ============ HAIRSTYLE TRY-ON: light + dark (Gagi 2026-07-11) ============ */
[data-theme="light"] .ht-pill {
    background: #FAFAFA !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    color: #1C1C1E !important;
    font-family: var(--sc-font);
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.15s ease;
}
[data-theme="light"] .ht-pill:hover { transform: translateY(-2px); }
[data-theme="light"] .ht-pill.active {
    background: var(--sc-dark-grad) !important;
    color: rgba(255,255,255,0.95) !important;
    box-shadow: var(--sc-shadow-chip) !important;
}
html:not([data-theme="light"]) .ht-pill {
    background: var(--sc-dark-card-bg) !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-dark-card-shadow) !important;
    color: rgba(255,255,255,0.9) !important;
    font-family: var(--sc-font);
}
html:not([data-theme="light"]) .ht-pill.active {
    background: var(--sc-dark-grad) !important;
    color: rgba(255,255,255,0.95) !important;
    box-shadow: var(--sc-shadow-chip) !important;
}
[data-theme="light"] .ht-step-badge, html:not([data-theme="light"]) .ht-step-badge {
    background: var(--sc-dark-grad) !important;
    color: rgba(255,255,255,0.95) !important;
    border: none !important;
    box-shadow: var(--sc-shadow-chip) !important;
    font-family: var(--sc-font);
    font-weight: 700;
}
[data-theme="light"] .ht-gallery-label { color: #1C1C1E !important; font-family: var(--sc-font); font-weight: 700; }
html:not([data-theme="light"]) .ht-gallery-label { color: rgba(255,255,255,0.85) !important; }
@media (prefers-reduced-motion: reduce) { [data-theme="light"] .ht-pill:hover { transform: none; } }

/* ============ GALERIJE GENERACIJA: max 6 slika u redu na svim alatima (Gagi 2026-07-11) ============ */
.studio-tool .projects-grid,
.studio-tool .images-grid,
.studio-tool .videos-grid,
.studio-tool [class*="gallery-grid"],
.my-projects-section .projects-grid {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
    gap: 16px !important;
}
@media (max-width: 1400px) {
    .studio-tool .projects-grid, .studio-tool .images-grid, .studio-tool .videos-grid, .studio-tool [class*="gallery-grid"] {
        grid-template-columns: repeat(4, 1fr) !important;
    }
}
@media (max-width: 768px) {
    .studio-tool .projects-grid, .studio-tool .images-grid, .studio-tool .videos-grid, .studio-tool [class*="gallery-grid"] {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* GALERIJE: ispravka na 5 u redu (Gagi 2026-07-11) */
.studio-tool .projects-grid,
.studio-tool .images-grid,
.studio-tool .videos-grid,
.studio-tool [class*="gallery-grid"],
.my-projects-section .projects-grid {
    grid-template-columns: repeat(5, 1fr) !important;
}
@media (max-width: 1400px) {
    .studio-tool .projects-grid, .studio-tool .images-grid, .studio-tool .videos-grid, .studio-tool [class*="gallery-grid"] {
        grid-template-columns: repeat(4, 1fr) !important;
    }
}
@media (max-width: 768px) {
    .studio-tool .projects-grid, .studio-tool .images-grid, .studio-tool .videos-grid, .studio-tool [class*="gallery-grid"] {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* ============ GALERIJE: jedinstvenih 5 akcionih tastera na svim alatima (Gagi 2026-07-11) ============ */
/* Traka ispod slike: providna, dugmad ujednacena */
.studio-tool [class*="image-actions"],
.studio-tool [class*="project-actions"],
.studio-tool [class*="gallery-actions"],
.studio-tool [class*="card-actions"] {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 8px 6px !important;
}
/* Svaki taster: okrugla podignuta plocica */
[data-theme="light"] .studio-tool [class*="image-actions"] > button,
[data-theme="light"] .studio-tool [class*="image-actions"] > a,
[data-theme="light"] .studio-tool [class*="project-actions"] > button,
[data-theme="light"] .studio-tool [class*="project-actions"] > a,
[data-theme="light"] .studio-tool [class*="gallery-actions"] > button,
[data-theme="light"] .studio-tool [class*="gallery-actions"] > a,
[data-theme="light"] .studio-tool [class*="card-actions"] > button,
[data-theme="light"] .studio-tool [class*="card-actions"] > a {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #FAFAFA !important;
    border: none !important;
    border-radius: 50% !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    color: #1C1C1E !important;
    padding: 0 !important;
    cursor: pointer;
    transition: transform 0.15s ease;
}
[data-theme="light"] .studio-tool [class*="image-actions"] > *:hover,
[data-theme="light"] .studio-tool [class*="project-actions"] > *:hover,
[data-theme="light"] .studio-tool [class*="gallery-actions"] > *:hover,
[data-theme="light"] .studio-tool [class*="card-actions"] > *:hover { transform: translateY(-2px); }
html:not([data-theme="light"]) .studio-tool [class*="image-actions"] > button,
html:not([data-theme="light"]) .studio-tool [class*="image-actions"] > a,
html:not([data-theme="light"]) .studio-tool [class*="project-actions"] > button,
html:not([data-theme="light"]) .studio-tool [class*="project-actions"] > a,
html:not([data-theme="light"]) .studio-tool [class*="gallery-actions"] > button,
html:not([data-theme="light"]) .studio-tool [class*="gallery-actions"] > a,
html:not([data-theme="light"]) .studio-tool [class*="card-actions"] > button,
html:not([data-theme="light"]) .studio-tool [class*="card-actions"] > a {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--sc-dark-card-bg) !important;
    border: none !important;
    border-radius: 50% !important;
    box-shadow: var(--sc-dark-card-shadow) !important;
    color: rgba(255,255,255,0.9) !important;
    padding: 0 !important;
}
/* Ikonice ujednacene */
.studio-tool [class*="image-actions"] svg, .studio-tool [class*="project-actions"] svg,
.studio-tool [class*="gallery-actions"] svg, .studio-tool [class*="card-actions"] svg {
    width: 16px !important; height: 16px !important;
}
/* Delete: crvena ikonica (brend upozorenje) */
.studio-tool [class*="-actions"] [class*="delete"] { color: #dc2626 !important; }
.studio-tool [class*="-actions"] [class*="delete"] svg { stroke: #dc2626; }
@media (prefers-reduced-motion: reduce) { .studio-tool [class*="-actions"] > *:hover { transform: none !important; } }

/* AKCIONI TASTERI: sve iste plocice, bez izuzetaka (Gagi 2026-07-11) */
[data-theme="light"] .studio-tool [class*="-actions"] > button,
[data-theme="light"] .studio-tool [class*="-actions"] > a {
    background: #FAFAFA !important;
    border: none !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    color: #1C1C1E !important;
}
html:not([data-theme="light"]) .studio-tool [class*="-actions"] > button,
html:not([data-theme="light"]) .studio-tool [class*="-actions"] > a {
    background: var(--sc-dark-card-bg) !important;
    border: none !important;
    box-shadow: var(--sc-dark-card-shadow) !important;
    color: rgba(255,255,255,0.9) !important;
}
/* Delete: ISTA plocica, samo ikonica crvena */
.studio-tool [class*="-actions"] [data-sc-icon="del"],
.studio-tool [class*="-actions"] [class*="delete"] {
    background: inherit;
    color: #dc2626 !important;
}
[data-theme="light"] .studio-tool [class*="-actions"] [data-sc-icon="del"] { background: #FAFAFA !important; }
html:not([data-theme="light"]) .studio-tool [class*="-actions"] [data-sc-icon="del"] { background: var(--sc-dark-card-bg) !important; }

/* AKCIONI TASTERI v2: hvata i ugnjezdene (ht-gallery-btns i slicne), ne samo direktnu decu (Gagi 2026-07-11) */
[data-theme="light"] .studio-tool [class*="image-actions"] button,
[data-theme="light"] .studio-tool [class*="image-actions"] a,
[data-theme="light"] .studio-tool [class*="project-actions"] button,
[data-theme="light"] .studio-tool [class*="project-actions"] a,
[data-theme="light"] .studio-tool [class*="gallery-actions"] button,
[data-theme="light"] .studio-tool [class*="gallery-actions"] a,
[data-theme="light"] .studio-tool [class*="gallery-btns"] button,
[data-theme="light"] .studio-tool [class*="gallery-btns"] a,
[data-theme="light"] .studio-tool .ht-icon-btn {
    width: 34px !important; height: 34px !important; min-width: 34px;
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    background: #FAFAFA !important;
    border: none !important;
    border-radius: 50% !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    color: #1C1C1E !important;
    padding: 0 !important;
    transition: transform 0.15s ease;
}
html:not([data-theme="light"]) .studio-tool [class*="image-actions"] button,
html:not([data-theme="light"]) .studio-tool [class*="image-actions"] a,
html:not([data-theme="light"]) .studio-tool [class*="project-actions"] button,
html:not([data-theme="light"]) .studio-tool [class*="project-actions"] a,
html:not([data-theme="light"]) .studio-tool [class*="gallery-actions"] button,
html:not([data-theme="light"]) .studio-tool [class*="gallery-actions"] a,
html:not([data-theme="light"]) .studio-tool [class*="gallery-btns"] button,
html:not([data-theme="light"]) .studio-tool [class*="gallery-btns"] a,
html:not([data-theme="light"]) .studio-tool .ht-icon-btn {
    width: 34px !important; height: 34px !important; min-width: 34px;
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    background: var(--sc-dark-card-bg) !important;
    border: none !important;
    border-radius: 50% !important;
    box-shadow: var(--sc-dark-card-shadow) !important;
    color: rgba(255,255,255,0.9) !important;
    padding: 0 !important;
}
.studio-tool [data-sc-icon="del"], .studio-tool [class*="gallery-btns"] [class*="delete"] { color: #dc2626 !important; }

/* AKCIONI TASTERI v3: pokrivene SVE varijante traka + svi *-icon-btn tasteri (Gagi 2026-07-11) */
[data-theme="light"] .studio-tool [class*="icon-btn"],
[data-theme="light"] .studio-tool [class*="history-actions"] button,
[data-theme="light"] .studio-tool [class*="history-actions"] a,
[data-theme="light"] .studio-tool [class*="video-actions"] button,
[data-theme="light"] .studio-tool [class*="video-actions"] a,
[data-theme="light"] .studio-tool [class*="st-gallery-actions"] button,
[data-theme="light"] .studio-tool [class*="st-gallery-actions"] a {
    width: 34px !important; height: 34px !important; min-width: 34px;
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    background: #FAFAFA !important;
    border: none !important;
    border-radius: 50% !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    color: #1C1C1E !important;
    padding: 0 !important;
    transition: transform 0.15s ease;
}
html:not([data-theme="light"]) .studio-tool [class*="icon-btn"],
html:not([data-theme="light"]) .studio-tool [class*="history-actions"] button,
html:not([data-theme="light"]) .studio-tool [class*="history-actions"] a,
html:not([data-theme="light"]) .studio-tool [class*="video-actions"] button,
html:not([data-theme="light"]) .studio-tool [class*="video-actions"] a,
html:not([data-theme="light"]) .studio-tool [class*="st-gallery-actions"] button,
html:not([data-theme="light"]) .studio-tool [class*="st-gallery-actions"] a {
    width: 34px !important; height: 34px !important; min-width: 34px;
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    background: var(--sc-dark-card-bg) !important;
    border: none !important;
    border-radius: 50% !important;
    box-shadow: var(--sc-dark-card-shadow) !important;
    color: rgba(255,255,255,0.9) !important;
    padding: 0 !important;
}

/* SC-LIGHTBOX: pop-up pregled slika (Gagi 2026-07-11) */
.sc-lightbox {
    display: none;
    position: fixed; inset: 0; z-index: 100000;
    background: rgba(0,0,0,0.82);
    align-items: center; justify-content: center;
    padding: 32px;
}
.sc-lightbox.open { display: flex; }
.sc-lightbox img {
    max-width: 92vw; max-height: 90vh;
    border-radius: 24px;
    box-shadow: 0 30px 80px rgba(0,0,0,0.6);
}
.sc-lightbox-close {
    position: absolute; top: 22px; right: 26px;
    width: 44px; height: 44px;
    border: none; border-radius: 50%;
    background: #FAFAFA; color: #1C1C1E;
    font-size: 17px; cursor: pointer;
    box-shadow: var(--sc-shadow-flat-light);
}
/* Slike u galerijama: kursor ruka */
.studio-tool [class*="gallery"] img,
.studio-tool [class*="grid"] img,
.studio-tool [class*="image-item"] img,
.studio-tool [class*="project-card"] img,
.studio-tool [class*="thumb"] img { cursor: pointer; }

/* ============ LISTE REZULTATA (history/extraction redovi): 3D soft kartice svuda (Gagi 2026-07-11) ============ */
[data-theme="light"] .studio-tool .adcopy-item,
[data-theme="light"] .studio-tool .afc-gallery-item,
[data-theme="light"] .studio-tool .aj-file-item,
[data-theme="light"] .studio-tool .audtr-faq-item,
[data-theme="light"] .studio-tool .audtr-gallery-item,
[data-theme="light"] .studio-tool .blog-gen-history-item,
[data-theme="light"] .studio-tool .chr-cs-faq-item,
[data-theme="light"] .studio-tool .codegen-history-item,
[data-theme="light"] .studio-tool .comparison-item,
[data-theme="light"] .studio-tool .demo-item,
[data-theme="light"] .studio-tool .detector-scan-item,
[data-theme="light"] .studio-tool .doc-item,
[data-theme="light"] .studio-tool .ew-item,
[data-theme="light"] .studio-tool .facerate-history-item,
[data-theme="light"] .studio-tool .gc-correction-item,
[data-theme="light"] .studio-tool .gc-job-item,
[data-theme="light"] .studio-tool .gpg-thumb-item,
[data-theme="light"] .studio-tool .guide-history-item,
[data-theme="light"] .studio-tool .humanizer-job-item,
[data-theme="light"] .studio-tool .imganalyze-job-item,
[data-theme="light"] .studio-tool .job-item,
[data-theme="light"] .studio-tool .locid-job-item,
[data-theme="light"] .studio-tool .merger-file-item,
[data-theme="light"] .studio-tool .objid-job-item,
[data-theme="light"] .studio-tool .ocr-job-item,
[data-theme="light"] .studio-tool .op-slider-row,
[data-theme="light"] .studio-tool .plg-check-item,
[data-theme="light"] .studio-tool .plg-stats-row,
[data-theme="light"] .studio-tool .podcast-item,
[data-theme="light"] .studio-tool .post-item,
[data-theme="light"] .studio-tool .rb-item,
[data-theme="light"] .studio-tool .rl-gallery-item,
[data-theme="light"] .studio-tool .rtm-item,
[data-theme="light"] .studio-tool .screc-gallery-item,
[data-theme="light"] .studio-tool .sim-item,
[data-theme="light"] .studio-tool .st-gallery-item,
[data-theme="light"] .studio-tool .tg-history-item,
[data-theme="light"] .studio-tool .translator-history-item,
[data-theme="light"] .studio-tool .txs-item,
[data-theme="light"] .studio-tool .ugc-faq-item,
[data-theme="light"] .studio-tool .vc-gallery-item,
[data-theme="light"] .studio-tool .vfc-gallery-item,
[data-theme="light"] .studio-tool .vidanalyze-job-item,
[data-theme="light"] .studio-tool .vta-gallery-item,
[data-theme="light"] .studio-tool .writing-item,
[data-theme="light"] .studio-tool .ytsummary-history-item {
    background: #F4F4F5 !important;
    border: none !important;
    border-radius: 20px !important;
    box-shadow: var(--sc-shadow-card-light) !important;
    transition: transform 0.15s ease;
}
html:not([data-theme="light"]) .studio-tool .adcopy-item,
html:not([data-theme="light"]) .studio-tool .afc-gallery-item,
html:not([data-theme="light"]) .studio-tool .aj-file-item,
html:not([data-theme="light"]) .studio-tool .audtr-faq-item,
html:not([data-theme="light"]) .studio-tool .audtr-gallery-item,
html:not([data-theme="light"]) .studio-tool .blog-gen-history-item,
html:not([data-theme="light"]) .studio-tool .chr-cs-faq-item,
html:not([data-theme="light"]) .studio-tool .codegen-history-item,
html:not([data-theme="light"]) .studio-tool .comparison-item,
html:not([data-theme="light"]) .studio-tool .demo-item,
html:not([data-theme="light"]) .studio-tool .detector-scan-item,
html:not([data-theme="light"]) .studio-tool .doc-item,
html:not([data-theme="light"]) .studio-tool .ew-item,
html:not([data-theme="light"]) .studio-tool .facerate-history-item,
html:not([data-theme="light"]) .studio-tool .gc-correction-item,
html:not([data-theme="light"]) .studio-tool .gc-job-item,
html:not([data-theme="light"]) .studio-tool .gpg-thumb-item,
html:not([data-theme="light"]) .studio-tool .guide-history-item,
html:not([data-theme="light"]) .studio-tool .humanizer-job-item,
html:not([data-theme="light"]) .studio-tool .imganalyze-job-item,
html:not([data-theme="light"]) .studio-tool .job-item,
html:not([data-theme="light"]) .studio-tool .locid-job-item,
html:not([data-theme="light"]) .studio-tool .merger-file-item,
html:not([data-theme="light"]) .studio-tool .objid-job-item,
html:not([data-theme="light"]) .studio-tool .ocr-job-item,
html:not([data-theme="light"]) .studio-tool .op-slider-row,
html:not([data-theme="light"]) .studio-tool .plg-check-item,
html:not([data-theme="light"]) .studio-tool .plg-stats-row,
html:not([data-theme="light"]) .studio-tool .podcast-item,
html:not([data-theme="light"]) .studio-tool .post-item,
html:not([data-theme="light"]) .studio-tool .rb-item,
html:not([data-theme="light"]) .studio-tool .rl-gallery-item,
html:not([data-theme="light"]) .studio-tool .rtm-item,
html:not([data-theme="light"]) .studio-tool .screc-gallery-item,
html:not([data-theme="light"]) .studio-tool .sim-item,
html:not([data-theme="light"]) .studio-tool .st-gallery-item,
html:not([data-theme="light"]) .studio-tool .tg-history-item,
html:not([data-theme="light"]) .studio-tool .translator-history-item,
html:not([data-theme="light"]) .studio-tool .txs-item,
html:not([data-theme="light"]) .studio-tool .ugc-faq-item,
html:not([data-theme="light"]) .studio-tool .vc-gallery-item,
html:not([data-theme="light"]) .studio-tool .vfc-gallery-item,
html:not([data-theme="light"]) .studio-tool .vidanalyze-job-item,
html:not([data-theme="light"]) .studio-tool .vta-gallery-item,
html:not([data-theme="light"]) .studio-tool .writing-item,
html:not([data-theme="light"]) .studio-tool .ytsummary-history-item {
    background: var(--sc-dark-card-bg) !important;
    border: none !important;
    border-radius: 20px !important;
    box-shadow: var(--sc-dark-card-shadow) !important;
}

/* GALERIJE dopuna: i -gallery/-history grid kontejneri na 5 u redu (Gagi 2026-07-11) */
.studio-tool .anim-gallery,
.studio-tool .meme-gallery,
.studio-tool .merger-gallery,
.studio-tool .rl-gallery,
.studio-tool .screc-gallery,
.studio-tool .thumb-gallery,
.studio-tool .trimmer-gallery,
.studio-tool .vcg-gallery,
.studio-tool .vst-gallery {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 16px !important;
}
@media (max-width: 1400px) {
    .studio-tool .anim-gallery,
    .studio-tool .meme-gallery,
    .studio-tool .merger-gallery,
    .studio-tool .rl-gallery,
    .studio-tool .screc-gallery,
    .studio-tool .thumb-gallery,
    .studio-tool .trimmer-gallery,
    .studio-tool .vcg-gallery,
    .studio-tool .vst-gallery {
        grid-template-columns: repeat(4, 1fr) !important; }
}
@media (max-width: 768px) {
    .studio-tool .anim-gallery,
    .studio-tool .meme-gallery,
    .studio-tool .merger-gallery,
    .studio-tool .rl-gallery,
    .studio-tool .screc-gallery,
    .studio-tool .thumb-gallery,
    .studio-tool .trimmer-gallery,
    .studio-tool .vcg-gallery,
    .studio-tool .vst-gallery {
        grid-template-columns: repeat(2, 1fr) !important; }
}

/* UPLOAD ZONE 3D: sve upload zone dobijaju ispupcenje, ne samo boju (Gagi 2026-07-11) */
[data-theme="light"] .studio-tool [class*="upload-area"],
[data-theme="light"] .studio-tool [class*="upload-box"],
[data-theme="light"] .studio-tool [class*="upload-zone"],
[data-theme="light"] .studio-tool [class*="dropzone"],
[data-theme="light"] .studio-tool [class*="drop-zone"],
[data-theme="light"] .studio-tool [class*="drop-area"],
[data-theme="light"] .studio-tool [class*="st-upload"] {
    background: #FAFAFA !important;
    border: 1.5px dashed rgba(0,0,0,0.15) !important;
    border-radius: 24px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
}
html:not([data-theme="light"]) .studio-tool [class*="upload-area"],
html:not([data-theme="light"]) .studio-tool [class*="upload-box"],
html:not([data-theme="light"]) .studio-tool [class*="upload-zone"],
html:not([data-theme="light"]) .studio-tool [class*="dropzone"],
html:not([data-theme="light"]) .studio-tool [class*="drop-zone"],
html:not([data-theme="light"]) .studio-tool [class*="drop-area"],
html:not([data-theme="light"]) .studio-tool [class*="st-upload"] {
    background: var(--sc-dark-card-bg) !important;
    border: 1.5px dashed rgba(255,255,255,0.2) !important;
    border-radius: 24px !important;
    box-shadow: var(--sc-dark-card-shadow) !important;
}

/* GALERIJE dopuna 2: prefiksovane varijante (tw-images-grid i slicne) + btn-icon tasteri (Gagi 2026-07-11) */
.studio-tool [class*="images-grid"]:not(.pc-features-grid):not(.pc-related-grid),
.studio-tool [class*="projects-grid"],
.studio-tool [class*="videos-grid"] {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 16px !important;
}
@media (max-width: 1400px) {
    .studio-tool [class*="images-grid"]:not(.pc-features-grid):not(.pc-related-grid),
    .studio-tool [class*="projects-grid"],
    .studio-tool [class*="videos-grid"] { grid-template-columns: repeat(4, 1fr) !important; }
}
@media (max-width: 768px) {
    .studio-tool [class*="images-grid"]:not(.pc-features-grid):not(.pc-related-grid),
    .studio-tool [class*="projects-grid"],
    .studio-tool [class*="videos-grid"] { grid-template-columns: repeat(2, 1fr) !important; }
}
/* btn-icon varijanta tastera (tw-btn-icon, btn-icon...) ista okrugla plocica */
[data-theme="light"] .studio-tool [class*="btn-icon"] {
    width: 34px !important; height: 34px !important; min-width: 34px;
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    background: #FAFAFA !important;
    border: none !important;
    border-radius: 50% !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    color: #1C1C1E !important;
    padding: 0 !important;
}
html:not([data-theme="light"]) .studio-tool [class*="btn-icon"] {
    width: 34px !important; height: 34px !important; min-width: 34px;
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    background: var(--sc-dark-card-bg) !important;
    border: none !important;
    border-radius: 50% !important;
    box-shadow: var(--sc-dark-card-shadow) !important;
    color: rgba(255,255,255,0.9) !important;
    padding: 0 !important;
}
.studio-tool [class*="btn-icon"][class*="delete"] { color: #dc2626 !important; }

/* ============ GALERIJSKA KARTICA STANDARD: isti izgled na SVIM alatima kao Face Merge (Gagi 2026-07-11) ============ */
[data-theme="light"] .studio-tool [class*="image-item"],
[data-theme="light"] .studio-tool [class*="gallery-card"],
[data-theme="light"] .studio-tool [class*="gallery-item"],
[data-theme="light"] .studio-tool .project-card {
    background: #F4F4F5 !important;
    border: none !important;
    border-radius: 20px !important;
    box-shadow: var(--sc-shadow-card-light) !important;
    padding: 10px !important;
    overflow: hidden;
}
html:not([data-theme="light"]) .studio-tool [class*="image-item"],
html:not([data-theme="light"]) .studio-tool [class*="gallery-card"],
html:not([data-theme="light"]) .studio-tool [class*="gallery-item"],
html:not([data-theme="light"]) .studio-tool .project-card {
    background: var(--sc-dark-card-bg) !important;
    border: none !important;
    border-radius: 20px !important;
    box-shadow: var(--sc-dark-card-shadow) !important;
    padding: 10px !important;
    overflow: hidden;
}
/* Slika uvucena i zaobljena unutar kartice */
.studio-tool [class*="image-item"] img,
.studio-tool [class*="gallery-card"] img,
.studio-tool [class*="gallery-item"] img,
.studio-tool .project-card img {
    border-radius: 14px !important;
    width: 100% !important;
    display: block;
}
/* Thumb omotaci providni da ne prave duplu boju */
.studio-tool [class*="gallery-thumb"],
.studio-tool [class*="image-thumb"] {
    background: transparent !important;
    border: none !important;
    border-radius: 14px !important;
    overflow: hidden;
}

/* GALERIJE dopuna 3: results-grid varijante na 5 u redu (Gagi 2026-07-11, povod Baby Face) */
.studio-tool [class*="results-grid"] {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 16px !important;
}
@media (max-width: 1400px) { .studio-tool [class*="results-grid"] { grid-template-columns: repeat(4, 1fr) !important; } }
@media (max-width: 768px) { .studio-tool [class*="results-grid"] { grid-template-columns: repeat(2, 1fr) !important; } }

/* GALERIJE dopuna 4: poslednje varijante (gifs, photos, gpg-thumb) na 5 u redu (Gagi 2026-07-11) */
.studio-tool [class*="gifs-grid"],
.studio-tool [class*="photos-grid"],
.studio-tool .gpg-thumb-grid {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 16px !important;
}
@media (max-width: 1400px) {
    .studio-tool [class*="gifs-grid"], .studio-tool [class*="photos-grid"], .studio-tool .gpg-thumb-grid { grid-template-columns: repeat(4, 1fr) !important; }
}
@media (max-width: 768px) {
    .studio-tool [class*="gifs-grid"], .studio-tool [class*="photos-grid"], .studio-tool .gpg-thumb-grid { grid-template-columns: repeat(2, 1fr) !important; }
}

/* AKCIONI TASTERI: ikonice tvrdo 16px u SVIM okruglim tasterima, nista ne sme da strci (Gagi 2026-07-11) */
.studio-tool [class*="-actions"] button svg, .studio-tool [class*="-actions"] a svg,
.studio-tool [class*="btn-icon"] svg, .studio-tool [class*="icon-btn"] svg,
.studio-tool [class*="gallery-btns"] svg, .studio-tool [data-sc-icon] svg {
    width: 16px !important;
    height: 16px !important;
    max-width: 16px !important;
    max-height: 16px !important;
    fill: none !important;
    stroke-width: 2 !important;
}
/* I sami tasteri tvrdo 34px, gaze inline stilove injektovanih dugmadi */
.studio-tool [class*="-actions"] button, .studio-tool [class*="-actions"] a {
    width: 34px !important; height: 34px !important;
    min-width: 34px !important; max-width: 34px !important;
    overflow: hidden;
}

/* GALERIJSKA KARTICA dopuna: result-card varijante (bf-result-card i slicne) isti standard (Gagi 2026-07-11) */
[data-theme="light"] .studio-tool [class*="result-card"] {
    background: #F4F4F5 !important;
    border: none !important;
    border-radius: 20px !important;
    box-shadow: var(--sc-shadow-card-light) !important;
    padding: 10px !important;
    overflow: hidden;
}
html:not([data-theme="light"]) .studio-tool [class*="result-card"] {
    background: var(--sc-dark-card-bg) !important;
    border: none !important;
    border-radius: 20px !important;
    box-shadow: var(--sc-dark-card-shadow) !important;
    padding: 10px !important;
    overflow: hidden;
}
.studio-tool [class*="result-card"] img { border-radius: 14px !important; width: 100% !important; display: block; }
.studio-tool [class*="result-thumbnail"], .studio-tool [class*="result-thumb"] {
    background: transparent !important; border: none !important; border-radius: 14px !important; overflow: hidden;
}

/* UPLOAD ZONE: browse link bez plavog + zona puni celu plocu po visini (Gagi 2026-07-11) */
.studio-tool .st-upload-link, .studio-tool [class*="upload-link"] {
    color: #1C1C1E !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    text-decoration: underline !important;
    font-weight: 700;
    cursor: pointer;
    font-family: var(--sc-font);
}
html:not([data-theme="light"]) .studio-tool .st-upload-link,
html:not([data-theme="light"]) .studio-tool [class*="upload-link"] { color: rgba(255,255,255,0.92) !important; }
/* Upload zone: minimalna visina da napune karticu */
.studio-tool [class*="upload-area"],
.studio-tool [class*="upload-zone"],
.studio-tool [class*="dropzone"],
.studio-tool [class*="drop-zone"] {
    min-height: 420px !important;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* UPLOAD ZONE: punija visina kao na Image to 3D (Gagi 2026-07-11) */
.studio-tool [class*="upload-area"],
.studio-tool [class*="upload-zone"],
.studio-tool [class*="dropzone"],
.studio-tool [class*="drop-zone"] {
    min-height: 580px !important;
}
@media (max-width: 900px) {
    .studio-tool [class*="upload-area"],
    .studio-tool [class*="upload-zone"],
    .studio-tool [class*="dropzone"],
    .studio-tool [class*="drop-zone"] { min-height: 380px !important; }
}

/* UPLOAD ZONE: nema dupli isprekidani okvir, unutrasnji se skida (Gagi 2026-07-11) */
.studio-tool [class*="upload-area"] [class*="upload-area"],
.studio-tool [class*="upload-area"] [class*="dropzone"],
.studio-tool [class*="upload-area"] [class*="drop-zone"],
.studio-tool [class*="upload-area"] [class*="upload-box"],
.studio-tool [class*="dropzone"] [class*="upload-area"],
.studio-tool [class*="dropzone"] [class*="dropzone"],
.studio-tool [class*="drop-zone"] [class*="drop-zone"],
.studio-tool [class*="upload-zone"] [class*="upload-area"],
.studio-tool [class*="upload-area"] [class*="upload-inner"],
.studio-tool [class*="upload-area"] [class*="drop-inner"],
.studio-tool [class*="upload-area"] [class*="upload-content"] {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    min-height: 0 !important;
}

/* ============ VIDEO GENERATOR: Mode/Speed/Duration toggle grupe u 3D (Gagi 2026-07-11) ============ */
/* Trake: pilula sa 4px paddingom i flat senkom */
[data-theme="light"] .studio-tool .mode-tabs,
[data-theme="light"] .studio-tool .duration-options,
[data-theme="light"] .studio-tool .model-options {
    background: #F4F4F5 !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    padding: 4px !important;
}
html:not([data-theme="light"]) .studio-tool .mode-tabs,
html:not([data-theme="light"]) .studio-tool .duration-options,
html:not([data-theme="light"]) .studio-tool .model-options {
    background: var(--sc-dark-card-bg) !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-dark-card-shadow) !important;
    padding: 4px !important;
}
/* Segmenti: providni, aktivan crni cip */
.studio-tool .mode-tab, .studio-tool .duration-option, .studio-tool .model-option {
    background: transparent !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: none !important;
    font-family: var(--sc-font);
    cursor: pointer;
}
[data-theme="light"] .studio-tool .mode-tab, [data-theme="light"] .studio-tool .duration-option, [data-theme="light"] .studio-tool .model-option { color: #1C1C1E !important; }
[data-theme="light"] .studio-tool .mode-tab *, [data-theme="light"] .studio-tool .duration-option *, [data-theme="light"] .studio-tool .model-option * { color: #1C1C1E; }
html:not([data-theme="light"]) .studio-tool .mode-tab, html:not([data-theme="light"]) .studio-tool .duration-option, html:not([data-theme="light"]) .studio-tool .model-option { color: rgba(255,255,255,0.75) !important; }
.studio-tool .mode-tab.active, .studio-tool .duration-option.active, .studio-tool .model-option.active {
    background: var(--sc-dark-grad) !important;
    color: rgba(255,255,255,0.95) !important;
    box-shadow: var(--sc-shadow-chip) !important;
}
.studio-tool .mode-tab.active *, .studio-tool .duration-option.active *, .studio-tool .model-option.active * { color: rgba(255,255,255,0.95) !important; }
/* Stari klizni indikatori: sakriveni */
.studio-tool .mode-tabs-slider, .studio-tool .duration-options-slider { display: none !important; }
/* Variations cipovi: 3D svetle pilule */
[data-theme="light"] .studio-tool .prompt-suggestions button,
[data-theme="light"] .studio-tool .jm-variations button {
    background: #FAFAFA !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    color: #1C1C1E !important;
    font-family: var(--sc-font);
}
html:not([data-theme="light"]) .studio-tool .prompt-suggestions button,
html:not([data-theme="light"]) .studio-tool .jm-variations button {
    background: var(--sc-dark-card-bg) !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-dark-card-shadow) !important;
    color: rgba(255,255,255,0.9) !important;
}

/* TIKTOK VIDEO GENERATOR: manja upload zona samo ovde, referenca je opciona (Gagi 2026-07-11) */
.studio-tool .tiktok-upload-area,
.studio-tool [class*="tiktok"][class*="upload"] {
    min-height: 260px !important;
}

/* VIDEO AD GENERATOR: manja upload zona (Gagi 2026-07-11) */
.studio-tool .vad-upload-area { min-height: 300px !important; }

/* TALKING AVATAR: vracena podloga, njegov upload-container JE glavna kartica (Gagi 2026-07-11) */
[data-theme="light"] .studio-tool.talking-avatar .upload-container {
    background: #F4F4F5 !important;
    border: none !important;
    border-radius: 32px !important;
    box-shadow: var(--sc-shadow-card-light) !important;
    padding: 24px !important;
}
html:not([data-theme="light"]) .studio-tool.talking-avatar .upload-container {
    background: var(--sc-dark-card-bg) !important;
    border: none !important;
    border-radius: 32px !important;
    box-shadow: var(--sc-dark-card-shadow) !important;
    padding: 24px !important;
}

/* VIDEO SPEED: sakriven 2.00x bedz u galeriji, rusio je red tastera (Gagi 2026-07-11) */
.studio-tool .video-info .video-speed { display: none !important; }

/* AKCIONI TASTERI ispravka: tekstualna dugmad (Play/Delete pilule) se NE steze na 34px (Gagi 2026-07-11, povod Video Dubbing) */
.studio-tool [class*="-actions"] button:not(:has(svg)),
.studio-tool [class*="-actions"] a:not(:has(svg)) {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    padding: 8px 18px !important;
    border-radius: 99px !important;
    overflow: visible;
}

/* SC-LIGHTBOX v2: podrska za video (Gagi 2026-07-11) */
.sc-lightbox-body { display: flex; align-items: center; justify-content: center; max-width: 92vw; max-height: 90vh; }
.sc-lightbox-body img, .sc-lightbox-body video {
    max-width: 92vw; max-height: 90vh;
    border-radius: 24px;
    box-shadow: 0 30px 80px rgba(0,0,0,0.6);
}
.studio-tool [class*="video-card"] img, .studio-tool [class*="video-thumbnail"] img,
.studio-tool [class*="video-card"] video, .studio-tool [class*="gallery"] video { cursor: pointer; }

/* ============ DANCING VIDEO: modernizacija (Gagi 2026-07-11) ============ */
/* Style kartice: 3D svetle, aktivna crni cip */
[data-theme="light"] .studio-tool .dv-style-btn {
    background: #FAFAFA !important;
    border: none !important;
    border-radius: 18px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    color: #1C1C1E !important;
    font-family: var(--sc-font);
    cursor: pointer;
    transition: transform 0.15s ease;
}
[data-theme="light"] .studio-tool .dv-style-btn:hover { transform: translateY(-2px); }
[data-theme="light"] .studio-tool .dv-style-btn.active {
    background: var(--sc-dark-grad) !important;
    box-shadow: var(--sc-shadow-chip) !important;
}
[data-theme="light"] .studio-tool .dv-style-btn.active * { color: rgba(255,255,255,0.95) !important; }
[data-theme="light"] .studio-tool .dv-style-btn * { color: #1C1C1E; font-family: var(--sc-font); }
html:not([data-theme="light"]) .studio-tool .dv-style-btn {
    background: var(--sc-dark-card-bg) !important;
    border: none !important;
    border-radius: 18px !important;
    box-shadow: var(--sc-dark-card-shadow) !important;
    color: rgba(255,255,255,0.9) !important;
}
html:not([data-theme="light"]) .studio-tool .dv-style-btn.active {
    background: var(--sc-dark-grad) !important;
    box-shadow: var(--sc-shadow-chip) !important;
}
html:not([data-theme="light"]) .studio-tool .dv-style-btn.active * { color: rgba(255,255,255,0.95) !important; }
/* Generate: crni sjajni cip u obe teme */
[data-theme="light"] .studio-tool .dv-generate-btn,
html:not([data-theme="light"]) .studio-tool .dv-generate-btn {
    background: var(--sc-dark-grad) !important;
    color: rgba(255,255,255,0.95) !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-chip), 0 14px 26px rgba(0,0,0,0.35) !important;
    font-family: var(--sc-font);
    font-weight: 700;
}
.studio-tool .dv-generate-btn * { color: rgba(255,255,255,0.95) !important; }
@media (prefers-reduced-motion: reduce) { [data-theme="light"] .studio-tool .dv-style-btn:hover { transform: none; } }

/* Tekstualna dugmad (i sa ikonicom i bez): puna sirina pilule, ne 34px krug (Gagi 2026-07-11) */
.studio-tool [class*="-actions"] button[data-sc-text],
.studio-tool [class*="-actions"] a[data-sc-text] {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    padding: 8px 18px !important;
    border-radius: 99px !important;
    overflow: visible !important;
}
/* I razmak u traci da se ne lepe */
.studio-tool [class*="-actions"] { gap: 8px !important; }

/* PROMPT GENERATOR: vise polje za unos ideje da napuni karticu (Gagi 2026-07-11) */
.studio-tool #taskDesc { min-height: 320px !important; resize: vertical; }

/* TG alati (blog/content generatori): My Content sekcija bez bele podloge, redovi kao 3D kartice (Gagi 2026-07-11) */
[data-theme="light"] .studio-tool .tg-history,
html:not([data-theme="light"]) .studio-tool .tg-history {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
[data-theme="light"] .studio-tool .tg-history-item {
    background: #F4F4F5 !important;
    border: none !important;
    border-radius: 20px !important;
    box-shadow: var(--sc-shadow-card-light) !important;
}
html:not([data-theme="light"]) .studio-tool .tg-history-item {
    background: var(--sc-dark-card-bg) !important;
    border: none !important;
    border-radius: 20px !important;
    box-shadow: var(--sc-dark-card-shadow) !important;
}

/* FACE RATER: rating style pilule u 3D (Gagi 2026-07-11) */
[data-theme="light"] .studio-tool .facerate-pill {
    background: #FAFAFA !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
    color: #1C1C1E !important;
    font-family: var(--sc-font);
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.15s ease;
}
[data-theme="light"] .studio-tool .facerate-pill:hover { transform: translateY(-2px); }
[data-theme="light"] .studio-tool .facerate-pill.active {
    background: var(--sc-dark-grad) !important;
    color: rgba(255,255,255,0.95) !important;
    box-shadow: var(--sc-shadow-chip) !important;
}
[data-theme="light"] .studio-tool .facerate-pill.active * { color: rgba(255,255,255,0.95) !important; }
html:not([data-theme="light"]) .studio-tool .facerate-pill {
    background: var(--sc-dark-card-bg) !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-dark-card-shadow) !important;
    color: rgba(255,255,255,0.9) !important;
}
html:not([data-theme="light"]) .studio-tool .facerate-pill.active {
    background: var(--sc-dark-grad) !important;
    box-shadow: var(--sc-shadow-chip) !important;
    color: rgba(255,255,255,0.95) !important;
}
@media (prefers-reduced-motion: reduce) { [data-theme="light"] .studio-tool .facerate-pill:hover { transform: none; } }

/* CUSTOM GPTS: empty stanje puni visinu kartice (Gagi 2026-07-11) */
.studio-tool .cgpt-empty-state {
    min-height: 560px !important;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
[data-theme="light"] .studio-tool .cgpt-empty-state {
    background: #FAFAFA !important;
    border: none !important;
    border-radius: 24px !important;
    box-shadow: var(--sc-shadow-flat-light) !important;
}
html:not([data-theme="light"]) .studio-tool .cgpt-empty-state {
    background: var(--sc-dark-card-bg) !important;
    border: none !important;
    border-radius: 24px !important;
    box-shadow: var(--sc-dark-card-shadow) !important;
}

/* STYLE/PRESET OPCIJE: cist jedan shadow, bez duple senke i bordera koji strci dole (Gagi 2026-07-11) */
[data-theme="light"] .studio-tool .style-option,
[data-theme="light"] .studio-tool .preset-option,
[data-theme="light"] .studio-tool .style-option.selected,
[data-theme="light"] .studio-tool .style-option.active,
[data-theme="light"] .studio-tool .preset-option.selected,
[data-theme="light"] .studio-tool .preset-option.active {
    border: none !important;
    outline: none !important;
}
[data-theme="light"] .studio-tool .style-option,
[data-theme="light"] .studio-tool .preset-option {
    box-shadow: var(--sc-shadow-flat-light) !important;
}
[data-theme="light"] .studio-tool .style-option.selected,
[data-theme="light"] .studio-tool .style-option.active,
[data-theme="light"] .studio-tool .preset-option.selected,
[data-theme="light"] .studio-tool .preset-option.active {
    box-shadow: var(--sc-shadow-chip) !important;
}
html:not([data-theme="light"]) .studio-tool .style-option,
html:not([data-theme="light"]) .studio-tool .preset-option {
    border: none !important;
    outline: none !important;
    box-shadow: var(--sc-dark-card-shadow) !important;
}
html:not([data-theme="light"]) .studio-tool .style-option.selected,
html:not([data-theme="light"]) .studio-tool .style-option.active,
html:not([data-theme="light"]) .studio-tool .preset-option.selected,
html:not([data-theme="light"]) .studio-tool .preset-option.active {
    box-shadow: var(--sc-shadow-chip) !important;
}

/* LIFE SIMULATOR i slicni: unutrasnji style-card sloj providan, on je virio ispod (Gagi 2026-07-11) */
[data-theme="light"] .studio-tool .style-option .style-card,
html:not([data-theme="light"]) .studio-tool .style-option .style-card {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* VIDEO GENERATOR fix: segmenti toggle grupa ne smeju da se stegnu u kruzice (Playwright audit 2026-07-11) */
.studio-tool .mode-tab, .studio-tool .duration-option, .studio-tool .model-option {
    min-width: max-content !important;
    padding: 8px 16px !important;
    white-space: nowrap;
}
.studio-tool .mode-tabs, .studio-tool .duration-options, .studio-tool .model-options {
    width: fit-content;
    flex-wrap: nowrap;
}

/* VIDEO GENERATOR: red toggle grupa sme da se prelomi, ne preklapa Examples (audit 2026-07-11) */
.studio-tool .vidgen-controls-row { flex-wrap: wrap !important; gap: 12px 24px !important; }

/* PRICING fix (Playwright audit 2026-07-11): dupla kvacica + sivo Downgrade dugme */
.pricing-features li::before { display: none !important; content: none !important; }
[data-theme="light"] .pricing .btn-secondary,
[data-theme="light"] .pricing-card .btn-secondary {
    background: var(--sc-dark-grad) !important;
    color: rgba(255,255,255,0.92) !important;
    border: none !important;
    border-radius: 99px !important;
    box-shadow: var(--sc-shadow-chip) !important;
    opacity: 1 !important;
    font-family: var(--sc-font);
    font-weight: 700;
}