html.has-token body:not(.app-ready) main { opacity: 0; pointer-events: none; }
        html.has-token body.app-ready main { opacity: 1; transition: opacity 0.15s ease; }
        
        html.has-token body:not(.app-ready) #mobile-header, html.has-token body:not(.app-ready) #top-nav, html.has-token body:not(.app-ready) nav.mobile-nav { visibility: hidden; }
        
        html.is-en body:not(.app-ready) { opacity: 0; }
        html.is-en body.app-ready { opacity: 1; transition: opacity 0.14s ease-out; }
        
        html.is-pixcloud:not(.en-tr-done) body { opacity: 0 !important; }
        
        #page-loader { position: fixed; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, #00f2ff, #bc13fe); z-index: 9999; transform: scaleX(0); transform-origin: left; transition: transform 0.3s; }
        body:not(.loaded) #page-loader { transform: scaleX(0.3); animation: loader-pulse 1s ease-in-out infinite; }
        body.loaded #page-loader { transform: scaleX(1); opacity: 0; transition: transform 0.2s, opacity 0.3s 0.2s; }
        
        html.boot-cel #section-landing { display: none !important; }
        @keyframes loader-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.7; } }
        @keyframes slideUp { from { transform: translateX(-50%) translateY(20px); opacity: 0; } to { transform: translateX(-50%) translateY(0); opacity: 1; } }
        @keyframes eggFloat1 { 0%,100% { transform: rotate(-8deg) translateY(12px); } 50% { transform: rotate(-5deg) translateY(0px); } }
        @keyframes eggFloat2 { 0%,100% { transform: translateY(0px); } 50% { transform: translateY(-10px); } }
        @keyframes eggFloat3 { 0%,100% { transform: rotate(8deg) translateY(12px); } 50% { transform: rotate(5deg) translateY(0px); } }
        .easter-egg-1 { animation: eggFloat1 3s ease-in-out infinite; }
        .easter-egg-2 { animation: eggFloat2 3s ease-in-out infinite 0.3s; }
        .easter-egg-3 { animation: eggFloat3 3s ease-in-out infinite 0.6s; }
        @keyframes bunnyHop { 0%,100% { transform: translateY(0) scaleX(1); } 30% { transform: translateY(-20px) scaleX(1); } 50% { transform: translateY(0) scaleX(1.05); } 70% { transform: translateY(-12px) scaleX(1); } }
        .easter-bunny { animation: bunnyHop 2s ease-in-out infinite; }

        
        @keyframes hdrSlideLeft {
            from { opacity: 0; transform: translateX(-120px) skewX(-4deg); }
            to   { opacity: 1; transform: translateX(0) skewX(0deg); }
        }
        @keyframes hdrSlideRight {
            from { opacity: 0; transform: translateX(120px) skewX(4deg); }
            to   { opacity: 1; transform: translateX(0) skewX(0deg); }
        }
        @keyframes hdrFadeDown {
            from { opacity: 0; transform: translateY(-24px); }
            to   { opacity: 1; transform: translateY(0); }
        }
        @keyframes hdrGlow {
            0%, 100% { text-shadow: 0 0 20px rgba(0,242,255,0.4), 0 0 40px rgba(0,242,255,0.2); }
            50%       { text-shadow: 0 0 40px rgba(0,242,255,0.7), 0 0 80px rgba(0,242,255,0.3); }
        }
        .hdr-badge  { animation: hdrFadeDown  0.55s cubic-bezier(0.16,1,0.3,1) 0.05s both; }
        .hdr-title  { animation: hdrSlideLeft  0.75s cubic-bezier(0.16,1,0.3,1) 0.20s both; }
        .hdr-title .hdr-glow { animation: hdrGlow 3s ease-in-out 1s infinite; }
        .hdr-sub    { animation: hdrSlideRight 0.75s cubic-bezier(0.16,1,0.3,1) 0.40s both; }

        .dark-select { background-color: #000; color: #fff; border: 1px solid rgba(255,255,255,0.1); }
        .dark-select option { background-color: #000; color: #fff; }
        :root { --neon: #00f2ff; --purple: #bc13fe; }
        html { background-color: #050508; height: 100%; }
        body { font-family: 'Inter', sans-serif; font-weight: 400; background-color: transparent; color: #f5f5f5; overflow-x: hidden; overflow-y: scroll; min-height: 100%; -webkit-overflow-scrolling: touch; }
        @media (min-width: 1024px) { body { zoom: 0.9; } }
        #app-wrapper, #app-wrapper > main { overflow: visible !important; }
        
        @media (max-width: 767px) {
            
            .animate-pulse { animation: none !important; }
            
            [style*="bmOrbFloat"] { animation: none !important; display: none !important; }
            
            .cta-banner { animation: none !important; }
            .cta-btn-pulse { animation: none !important; }
            
            [data-aos] { transform: none !important; opacity: 1 !important; transition: none !important; }
            .reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
            
            .atropos, .atropos-inner, .atropos-scale { transform: none !important; }
            
            video { touch-action: pan-y !important; pointer-events: none !important; }
            
            #beginner-tiles-section, #main-cat-tiles, #main-cat-tiles > div,
            .create-card, #banners-track, #banners-track > div,
            #section-landing, #section-landing *, #section-templates, #section-templates * { touch-action: manipulation; }
        }
        
        h1, h2, h3, h4, h5, h6, .heading { font-family: 'Space Grotesk', sans-serif; font-weight: 600; letter-spacing: 0.02em; }
        * { -webkit-font-smoothing: antialiased; }
        .text-slate-400, .text-slate-500, .text-slate-600, .text-slate-700, .text-gray-400, .text-gray-500, .text-gray-600, .text-gray-700 { color: #e2e2e2 !important; }
        .text-white\/10, .text-white\/20 { color: rgba(255,255,255,0.55) !important; }
        .text-white\/30 { color: rgba(255,255,255,0.65) !important; }
        .text-white\/40 { color: rgba(255,255,255,0.7) !important; }
        .text-white\/50 { color: rgba(255,255,255,0.8) !important; }
        .text-white\/60 { color: rgba(255,255,255,0.85) !important; }
        .placeholder\:text-white\/20::placeholder { color: rgba(255,255,255,0.45) !important; }
        .placeholder\:text-slate-500::placeholder { color: rgba(255,255,255,0.5) !important; }
        .sidebar button, #mobile-menu button, #mobile-menu span { color: #e8e8e8 !important; }
        .sidebar button:hover, #mobile-menu button:hover { color: #fff !important; }
        
        .grid-bg { background-color: transparent; }

        
        .cmk-bg-aurora {
            position: fixed;
            top: -10vh;
            left: 50%;
            transform: translateX(-50%);
            width: 150vw;
            height: 130vh;
            z-index: 0;
            background: conic-gradient(
                from 220deg at 50% 40%,
                #00f2ff 0deg,
                transparent 70deg,
                #0066ff 140deg,
                transparent 210deg,
                #00f2ff 290deg,
                transparent 360deg
            );
            filter: blur(90px);
            opacity: 0.22;
            animation: cmkAuroraRot 32s linear infinite;
            pointer-events: none;
            will-change: transform;
        }
        @keyframes cmkAuroraRot { to { transform: translateX(-50%) rotate(360deg); } }
        
        @media (max-width: 768px) {
            .cmk-bg-aurora { animation: none !important; filter: blur(64px); }
            [style*="bmOrbFloat"] { animation: none !important; }
            
            * { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
            
            #announcement-bar { background: #060a12 !important; }
            
            #showcase-section { content-visibility: auto; contain-intrinsic-size: auto 1400px; }
        }
        
        html.eco-mode * { animation-play-state: paused !important; transition: none !important; }
        .cmk-bg-dots {
            position: fixed;
            inset: 0;
            z-index: 1;
            background-image: radial-gradient(circle, rgba(255,255,255,0.03) 1px, transparent 1px);
            background-size: 22px 22px;
            mask-image: radial-gradient(ellipse 90% 70% at center 30%, #000 40%, transparent 85%);
            -webkit-mask-image: radial-gradient(ellipse 90% 70% at center 30%, #000 40%, transparent 85%);
            pointer-events: none;
        }
        
        @media (prefers-reduced-motion: reduce) {
            .cmk-bg-aurora { animation: none; }
        }
        .glass-ui { background: rgba(255,255,255,0.02); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.06); }
        .magic-btn { background: linear-gradient(135deg, rgba(124,58,237,0.85) 0%, rgba(188,19,254,0.85) 100%); font-weight: 800; text-transform: uppercase; transition: all 0.25s ease; border: 1px solid rgba(255,255,255,0.15); }
        .magic-btn:hover { box-shadow: 0 0 25px rgba(188,19,254,0.3), 0 8px 20px rgba(0,0,0,0.3); transform: translateY(-2px); }
        .magic-btn:disabled { opacity: 0.5; cursor: not-allowed; transform: none; box-shadow: none; }
        
        @keyframes shimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }
        
        .fa-spinner.fa-spin::before { content: '' !important; display: inline-block; width: 0.6em; height: 0.6em; border-radius: 50%; background: currentColor; animation: pulse-dot 1.2s ease-in-out infinite !important; }
        .fa-spinner.fa-spin { animation: none !important; }
        @keyframes pulse-dot { 0%,100% { opacity: 0.25; transform: scale(0.85); } 50% { opacity: 0.8; transform: scale(1); } }
        @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } }
        @keyframes fade-out { from { opacity: 1; } to { opacity: 0; } }
        @keyframes scale-in { from { opacity: 0; transform: scale(0.9); } to { opacity: 1; transform: scale(1); } }
        .animate-fade-in { animation: fade-in 0.2s ease-out forwards; }
        .animate-fade-out { animation: fade-out 0.2s ease-out forwards; }
        .animate-scale-in { animation: scale-in 0.25s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; }
        .nav-active { background: rgba(0,242,255,0.1) !important; border-left: 3px solid #00f2ff !important; }
        .nav-active span { color: #00f2ff !important; }
        .nav-active .w-8 { background: rgba(0,242,255,0.2) !important; }
        .nav-active i { color: #00f2ff !important; }
        
        .sidebar-btn {
            border: 1px solid transparent;
            border-radius: 12px;
            transition: all 0.25s ease;
        }
        .sidebar-btn:hover {
            background: rgba(255,255,255,0.04) !important;
            border-color: rgba(0,242,255,0.15);
        }
        .sidebar-btn:hover span { color: #00f2ff !important; }
        .sidebar-btn:hover i { color: #00f2ff !important; }
        
        .sidebar-btn .w-7 {
            border-radius: 50% !important;
            background: rgba(0,242,255,0.06) !important;
            border: 1px solid rgba(0,242,255,0.12) !important;
            transition: all 0.25s ease;
        }
        .sidebar-btn:hover .w-7 {
            background: rgba(0,242,255,0.12) !important;
            border-color: rgba(0,242,255,0.25) !important;
            box-shadow: 0 0 12px rgba(0,242,255,0.15);
        }
        
        .nav-active {
            background: rgba(0,242,255,0.08) !important;
            border-left: none !important;
            border-color: rgba(0,242,255,0.2) !important;
            box-shadow: inset 0 0 20px rgba(0,242,255,0.05);
        }
        .nav-active .w-7 {
            background: rgba(0,242,255,0.2) !important;
            border-color: rgba(0,242,255,0.35) !important;
            box-shadow: 0 0 15px rgba(0,242,255,0.2);
        }
        .mobile-nav .nav-active { background: transparent !important; border-left: none !important; }
        .mobile-nav .nav-active i, .mobile-nav .nav-active span { color: #fff !important; }

        
        .sidebar {
            width: 260px;
            transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            background: #000 !important;
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            border-right: 1px solid rgba(255,255,255,0.05);
        }
        .sidebar::after {
            content: '';
            position: absolute;
            top: 15%;
            right: 0;
            width: 1px;
            height: 70%;
            background: linear-gradient(180deg, transparent, rgba(0,242,255,0.25), rgba(188,19,254,0.15), transparent);
            pointer-events: none;
        }
        .sidebar.collapsed { width: 72px; }
        @media (min-width: 768px) {
            .main-content { margin-left: 260px; transition: margin-left 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
            .sidebar.collapsed ~ .main-content { margin-left: 72px; }
            .sidebar.hover-mode.collapsed:hover ~ .main-content { margin-left: 260px; }
        }
        .sidebar .sidebar-text { opacity: 1; white-space: nowrap; transition: opacity 0.2s ease 0.1s; }
        
        
        .tn-ecommerce-cta { background: transparent; border-color: transparent !important; }
        .tn-ecommerce-cta:hover { background: rgba(255,255,255,0.05); border-color: transparent !important; }
        
        .nav-ecommerce-cta {
            background: linear-gradient(90deg, rgba(0,242,255,0.12), rgba(0,242,255,0.04));
            border: 1px solid rgba(0,242,255,0.4);
            box-shadow: 0 0 12px rgba(0,242,255,0.15), inset 0 0 0 1px rgba(0,242,255,0.05);
            animation: ecomCtaGlow 2.4s ease-in-out infinite;
        }
        .nav-ecommerce-cta:hover {
            border-color: rgba(0,242,255,0.7);
            background: linear-gradient(90deg, rgba(0,242,255,0.2), rgba(0,242,255,0.08));
            transform: translateX(2px);
        }
        @keyframes ecomCtaGlow {
            0%,100% { box-shadow: 0 0 12px rgba(0,242,255,0.15), inset 0 0 0 1px rgba(0,242,255,0.05); border-color: rgba(0,242,255,0.4); }
            50%     { box-shadow: 0 0 24px rgba(0,242,255,0.4), inset 0 0 0 1px rgba(0,242,255,0.15); border-color: rgba(0,242,255,0.65); }
        }
        
        @media (max-width: 767px) {
            #ecommerce-banner img { transform: none !important; transition: none !important; }
            #ecommerce-banner .group-hover\:scale-\[1\.03\] { transform: none !important; }
            .ecom-pill-position { left: 12px; right: auto; }
        }
        @media (min-width: 768px) {
            .ecom-pill-position { right: 12px; left: auto; }
        }
        .sidebar.collapsed .sidebar-text { opacity: 0; transition-delay: 0s; }
        .sidebar .sidebar-hide { display: flex; }
        .sidebar.collapsed .sidebar-hide { display: none; }
        .sidebar .sidebar-show { display: none; }
        .sidebar.collapsed .sidebar-show { display: flex; }
        .sidebar .logo-full { opacity: 1; width: auto; overflow: hidden; transition: opacity 0.2s 0.1s, width 0.2s; }
        .sidebar.collapsed .logo-full { opacity: 0; width: 0; transition-delay: 0s; }
        .sidebar .collapse-btn { transition: transform 0.3s; }
        .sidebar.collapsed .collapse-btn { transform: rotate(180deg); }
        
        .sidebar.hover-mode.collapsed:hover { width: 260px; }
        .sidebar.hover-mode.collapsed:hover .sidebar-text { opacity: 1; }
        .sidebar.hover-mode.collapsed:hover .sidebar-hide { display: flex; }
        .sidebar.hover-mode.collapsed:hover .sidebar-show { display: none; }
        .sidebar.hover-mode.collapsed:hover .logo-full { opacity: 1; width: auto; }

        
        .lektor-slider {
            -webkit-appearance: none;
            appearance: none;
            height: 3px;
            border-radius: 99px;
            background: rgba(255,255,255,0.08);
            outline: none;
            cursor: pointer;
        }
        .lektor-slider::-webkit-slider-thumb {
            -webkit-appearance: none;
            appearance: none;
            width: 12px; height: 12px;
            border-radius: 50%;
            background: #00f2ff;
            cursor: pointer;
            box-shadow: 0 0 8px rgba(0,242,255,0.5);
            transition: box-shadow 0.2s;
        }
        .lektor-slider::-webkit-slider-thumb:hover {
            box-shadow: 0 0 14px rgba(0,242,255,0.9);
        }
        .lektor-slider::-moz-range-thumb {
            width: 12px; height: 12px;
            border-radius: 50%;
            background: #00f2ff;
            cursor: pointer;
            border: none;
            box-shadow: 0 0 8px rgba(0,242,255,0.5);
        }

        
        .lektor-model-active {
            background: rgba(0,242,255,0.12);
            color: #00f2ff;
        }
        .lektor-model-inactive {
            background: transparent;
            color: rgba(255,255,255,0.3);
        }
        .lektor-model-inactive:hover {
            background: rgba(255,255,255,0.05);
            color: rgba(255,255,255,0.6);
        }

        
        .lektor-voice-row {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 7px 12px;
            cursor: pointer;
            transition: background 0.12s, border-left-color 0.12s;
            border-left: 2px solid transparent;
        }
        .lektor-voice-row:hover {
            background: rgba(0,242,255,0.04);
            border-left-color: rgba(0,242,255,0.3);
        }
        .lektor-voice-row.lv-active {
            background: rgba(0,242,255,0.08);
            border-left-color: #00f2ff;
        }
        .lektor-group-hdr {
            padding: 12px 12px 5px;
            font-size: 8.5px;
            font-weight: 800;
            letter-spacing: 0.16em;
            text-transform: uppercase;
            color: rgba(255,255,255,0.3);
        }
        #lektor-voices-grid {
            max-height: 220px;
        }
        @media (min-width: 768px) {
            #lektor-voices-grid {
                max-height: 52vh;
            }
        }

        
        
        #delete-account-confirm { background-color: rgba(0, 0, 0, 0.5) !important; }
        #av-voice-search        { background-color: rgba(0, 0, 0, 0.3) !important; }
        #chat-temperature,
        #chat-temperature-25    { background-color: rgba(0, 0, 0, 0.4) !important; }
        #referral-code-input    { background-color: rgba(255, 255, 255, 0.05) !important; }

        .lektor-gallery-scroll::-webkit-scrollbar { height: 6px; width: 6px; }
        .lektor-gallery-scroll::-webkit-scrollbar-thumb { background: rgba(0,242,255,0.2); border-radius: 3px; }
        .lektor-gallery-scroll::-webkit-scrollbar-track { background: transparent; }
        .lektor-gallery-card {
            flex: 0 0 auto; width: 230px; padding: 13px 14px; border-radius: 16px;
            background: rgba(12,16,22,0.6); border: 1px solid rgba(255,255,255,0.07);
            backdrop-filter: blur(16px); transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
        }
        .lektor-gallery-card:hover { border-color: rgba(0,242,255,0.35); transform: translateY(-2px); box-shadow: 0 10px 30px rgba(0,0,0,0.4), 0 0 24px rgba(0,242,255,0.08); }
        
        @media (min-width: 1024px) {
            .tool-modal-wide { max-width: 1240px; }
            
            .tool-modal-2col {
                display: grid; grid-template-columns: minmax(0,1.55fr) minmax(0,1fr);
                gap: 32px; align-items: start;
            }
            
            .tool-modal-2col > * + * { margin-top: 0; }
            
            #animate-gallery-grid .mg-grid,
            #upscale-gallery-grid .mg-grid,
            #bgremove-gallery-grid .mg-grid {
                grid-template-columns: repeat(4, minmax(0, 1fr));
                max-height: 56vh;
            }
        }

        
        .tm-czytelny { background: transparent !important; }
        
        .tm-czytelny > .tm-tlo { position: fixed !important; }
        .tm-czytelny > .tm-tlo { background: rgba(4,5,8,0.84) !important; -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
        .tm-czytelny .tm-karta {
            background: linear-gradient(180deg, rgba(0,242,255,0.07), rgba(0,242,255,0) 200px), #14161c;
            border: 1px solid rgba(255,255,255,0.16); border-radius: 20px; padding: 18px 16px;
            box-shadow: 0 30px 90px rgba(0,0,0,0.7), 0 0 0 1px rgba(0,0,0,0.5), 0 0 40px rgba(0,242,255,0.05);
        }
        @media (min-width: 768px) { .tm-czytelny .tm-karta { padding: 28px 32px; } }
        
        .tm-czytelny .tm-wgraj { border: 1.5px dashed rgba(255,255,255,0.42) !important; background-color: rgba(255,255,255,0.04) !important; }
        .tm-czytelny .tm-wgraj:hover, .tm-czytelny .group:hover > .tm-wgraj { border-color: rgba(0,242,255,0.8) !important; background-color: rgba(0,242,255,0.06) !important; }
        .tm-czytelny .tm-wgraj > [class*="border-l-2"], .tm-czytelny .tm-wgraj > [class*="border-r-2"] { border-color: rgba(255,255,255,0.35); }
        
        .tm-czytelny textarea, .tm-czytelny select, .tm-czytelny input[type="text"], .tm-czytelny input[type="number"] {
            border-color: rgba(255,255,255,0.4) !important; background-color: #0b0c10 !important;
        }
        .tm-czytelny textarea:focus, .tm-czytelny select:focus, .tm-czytelny input[type="text"]:focus, .tm-czytelny input[type="number"]:focus {
            border-color: rgba(0,242,255,0.8) !important; outline: none;
        }
        .tm-czytelny button[class*="border-white"] { border-color: rgba(255,255,255,0.4); }
        
        .tm-czytelny [class*="border-white/[0.06]"], .tm-czytelny [class*="border-white/[0.08]"], .tm-czytelny div[class*="border-white/10"] { border-color: rgba(255,255,255,0.22); }
        .tm-czytelny [class*="hover:border-[#00f2ff]"]:hover, .tm-czytelny .group:hover [class*="group-hover:border-[#00f2ff]"] { border-color: rgba(0,242,255,0.65); }
        
        .tm-czytelny button:disabled[class*="bg-[#00f2ff]"] {
            opacity: 1 !important; background: #262830 !important; color: rgba(255,255,255,0.72) !important;
            box-shadow: inset 0 0 0 1px rgba(255,255,255,0.16) !important;
        }
        
        .tm-czytelny .text-white\/15, .tm-czytelny .text-white\/25, .tm-czytelny .text-white\/35 { color: rgba(255,255,255,0.64) !important; }
        .tm-czytelny p[class*="text-[9px]"], .tm-czytelny p[class*="text-[10px]"], .tm-czytelny p[class*="text-[11px]"] { font-size: 12px !important; }

        
        @media (min-width: 1280px) {
            .lk-studio-row { flex-direction: row; align-items: flex-start; }
            .lk-studio-row > .lk-studio-main { order: 1; flex: 1 1 auto; min-width: 0; }
            .lk-studio-row > .lk-gal-col { order: 2; width: 340px; flex: 0 0 340px; }
            #lektor-gallery, #sfx-gallery {
                flex-direction: column; overflow-x: hidden; overflow-y: auto;
                max-height: min(660px, calc(100vh - 290px)); padding-right: 4px;
            }
            #lektor-gallery .lektor-gallery-card, #sfx-gallery .lektor-gallery-card { width: 100%; }
        }
        .lk-gal-play {
            width: 34px; height: 34px; border-radius: 50%; flex-shrink: 0;
            background: linear-gradient(135deg,#00f2ff,#0099ff); color: #06080e; border: none; cursor: pointer;
            display: flex; align-items: center; justify-content: center; box-shadow: 0 0 14px rgba(0,242,255,0.4); transition: transform .15s;
        }
        .lk-gal-play:hover { transform: scale(1.08); }
        .lk-gal-dl {
            width: 28px; height: 28px; border-radius: 8px; flex-shrink: 0;
            background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.6);
            display: flex; align-items: center; justify-content: center; transition: all .15s; text-decoration: none;
        }
        .lk-gal-dl:hover { background: rgba(0,242,255,0.12); color: #00f2ff; border-color: rgba(0,242,255,0.3); }

        
        @keyframes lkReveal {
            0%   { opacity: 0; transform: translateY(30px) scale(0.96); filter: blur(8px); }
            100% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }
        }
        #section-lektor .lk-reveal { opacity: 0; animation: lkReveal 0.95s cubic-bezier(0.16,1,0.3,1) forwards; }
        #section-lektor .lk-d1 { animation-delay: 0.04s; }
        #section-lektor .lk-d2 { animation-delay: 0.16s; }
        #section-lektor .lk-d3 { animation-delay: 0.30s; }
        #section-lektor .lk-d4 { animation-delay: 0.44s; }
        @keyframes lkTitleGlow {
            0%,100% { text-shadow: 0 0 30px rgba(0,242,255,0.25); }
            50%     { text-shadow: 0 0 55px rgba(139,92,246,0.45); }
        }
        #section-lektor .lk-hero-title { animation: lkReveal 0.95s cubic-bezier(0.16,1,0.3,1) forwards, lkTitleGlow 6s ease-in-out infinite 1s; }

        
        .lk-voice {
            display: flex; align-items: center; gap: 10px; padding: 9px 11px; margin: 2px 4px; border-radius: 12px;
            cursor: pointer; position: relative; border: 1px solid transparent;
            transition: background .18s ease, border-color .18s ease, transform .18s cubic-bezier(.16,1,.3,1);
        }
        .lk-voice:hover { background: rgba(255,255,255,0.04); transform: translateX(2px); }
        .lk-voice-on { background: rgba(0,242,255,0.08); border-color: rgba(0,242,255,0.35); box-shadow: 0 0 0 1px rgba(0,242,255,0.12), 0 4px 16px rgba(0,242,255,0.08); }
        .lk-voice-av {
            width: 32px; height: 32px; border-radius: 50%; flex-shrink: 0; display: flex; align-items: center; justify-content: center;
            font-size: 10px; font-weight: 900; font-family: 'Space Grotesk', sans-serif; color: #fff;
            background: linear-gradient(135deg, rgba(0,242,255,0.22), rgba(139,92,246,0.22)); border: 1px solid rgba(255,255,255,0.1);
        }
        .lk-voice-on .lk-voice-av { background: linear-gradient(135deg, #00f2ff, #8b5cf6); color: #06080e; box-shadow: 0 0 14px rgba(0,242,255,0.4); }
        .lk-voice-name { font-size: 12px; font-weight: 700; color: #fff; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
        .lk-voice-tag {
            display: inline-block; margin-top: 2px; font-size: 8.5px; font-weight: 600; letter-spacing: .04em; text-transform: capitalize;
            color: rgba(0,242,255,0.7); background: rgba(0,242,255,0.08); padding: 1px 6px; border-radius: 5px;
        }
        .lk-voice-play {
            width: 26px; height: 26px; border-radius: 50%; flex-shrink: 0; display: flex; align-items: center; justify-content: center;
            background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.08); color: rgba(255,255,255,0.5);
            font-size: 8px; cursor: pointer; transition: all .15s; opacity: 0.35;
        }
        .lk-voice:hover .lk-voice-play, .lk-voice-on .lk-voice-play { opacity: 1; }
        .lk-voice-play:hover { background: rgba(0,242,255,0.15); color: #00f2ff; border-color: rgba(0,242,255,0.3); transform: scale(1.1); }
        .lk-voice-check { color: #00f2ff; font-size: 13px; flex-shrink: 0; filter: drop-shadow(0 0 6px rgba(0,242,255,0.6)); }

        
        .lk-composer {
            border-radius: 26px; padding: 22px;
            background: linear-gradient(180deg, rgba(14,18,26,0.78), rgba(9,11,17,0.72));
            border: 1px solid rgba(0,242,255,0.14); backdrop-filter: blur(28px);
            box-shadow: 0 30px 80px rgba(0,0,0,0.5), 0 0 80px rgba(0,242,255,0.05), inset 0 1px 0 rgba(255,255,255,0.05);
        }
        .lk-voices-panel { border-radius: 22px; padding: 14px; background: rgba(12,16,22,0.55); border: 1px solid rgba(255,255,255,0.06); backdrop-filter: blur(20px); width: 100%; }
        @media (min-width: 768px) { .lk-voices-panel { width: 280px; flex: 0 0 280px; } }
        .lk-voices-head { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 2px; background: none; border: none; cursor: pointer; }
        .lk-voices-chev { transition: transform .2s ease; }
        .lk-voices-inner { display: none; }
        .lk-voices-panel.open .lk-voices-inner { display: block; }
        .lk-voices-panel.open .lk-voices-chev { transform: rotate(180deg); }
        @media (min-width: 768px) {
            .lk-voices-inner { display: block !important; }
            .lk-voices-head { cursor: default; padding-bottom: 8px; }
        }
        .lk-voice-chip { display: flex; align-items: center; gap: 11px; padding: 7px 14px 7px 7px; border-radius: 14px; cursor: pointer; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); transition: all .2s; }
        .lk-voice-chip:hover { border-color: rgba(0,242,255,0.4); background: rgba(0,242,255,0.06); }
        .lk-chip-av { width: 38px; height: 38px; border-radius: 11px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-family: 'Space Grotesk', sans-serif; font-weight: 900; font-size: 12px; color: #06080e; background: linear-gradient(135deg,#00f2ff,#8b5cf6); box-shadow: 0 0 16px rgba(0,242,255,0.35); }
        .lk-model-seg { display: flex; border-radius: 11px; overflow: hidden; border: 1px solid rgba(255,255,255,0.08); background: rgba(255,255,255,0.02); }
        .lk-model-seg button { padding: 8px 14px; font-size: 11px; font-weight: 800; display: flex; align-items: center; gap: 5px; cursor: pointer; border: none; transition: all .2s; }
        .lk-model-seg button i { font-size: 9px; }
        .lk-model-seg .lk-new { font-size: 8px; letter-spacing: .12em; padding: 2px 5px; border-radius: 5px; background: #00f2ff; color: #000; font-weight: 900; line-height: 1; margin-left: 2px; }
        .lk-model-seg .lektor-model-active .lk-new { background: #fff; }
        .lk-hero-new { display: inline-flex; align-items: center; gap: 6px; margin-top: 12px; padding: 4px 11px; border-radius: 999px; font-size: 10px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: #00f2ff; border: 1px solid rgba(0,242,255,0.35); background: rgba(0,242,255,0.08); }
        .lk-hero-new i { font-size: 9px; }
        .lk-prompt { width: 100%; resize: none; border-radius: 16px; font-size: 15px; line-height: 1.6; color: #fff; outline: none; min-height: 150px; height: 150px; padding: 16px 16px 38px; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.07); transition: border-color .2s, background .2s; }
        .lk-prompt::placeholder { color: rgba(255,255,255,0.25); }
        .lk-prompt:focus { border-color: rgba(0,242,255,0.35); background: rgba(0,242,255,0.025); }
        .lk-slider-pill { display: flex; align-items: center; gap: 9px; padding: 7px 13px; border-radius: 11px; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06); }
        .lk-slider-pill > span:first-child { font-size: 10px; text-transform: uppercase; letter-spacing: .1em; font-weight: 800; color: rgba(255,255,255,0.45); }
        .lk-slider-pill .lektor-slider { width: 90px; }
        .lk-slider-pill > span:last-child { font-size: 11px; font-family: monospace; font-weight: 700; color: #00f2ff; min-width: 32px; text-align: right; }
        .lk-generate { display: flex; align-items: center; gap: 9px; padding: 13px 22px; border-radius: 14px; cursor: pointer; border: none; font-family: 'Space Grotesk', sans-serif; font-weight: 800; font-size: 14px; color: #06080e; background: linear-gradient(135deg,#00f2ff,#0aa6ff); box-shadow: 0 8px 28px rgba(0,242,255,0.4); transition: transform .2s, box-shadow .2s; }
        .lk-generate:hover { transform: translateY(-2px); box-shadow: 0 12px 36px rgba(0,242,255,0.55); }
        .lk-generate:active { transform: translateY(0) scale(0.98); }
        .lk-generate .lektor-btn-cost { padding: 2px 8px; border-radius: 7px; font-size: 11px; font-weight: 800; background: rgba(0,0,0,0.22); }
        
        .lk-player { display: flex; align-items: center; gap: 14px; padding: 14px 16px; border-radius: 18px; background: linear-gradient(135deg, rgba(0,242,255,0.08), rgba(139,92,246,0.05)); border: 1px solid rgba(0,242,255,0.22); }
        .lk-player-btn { width: 46px; height: 46px; border-radius: 50%; flex-shrink: 0; border: none; cursor: pointer; background: linear-gradient(135deg,#00f2ff,#0aa6ff); color: #06080e; font-size: 14px; box-shadow: 0 0 20px rgba(0,242,255,0.5); display: flex; align-items: center; justify-content: center; transition: transform .15s; }
        .lk-player-btn:hover { transform: scale(1.07); }
        .lk-player-track { height: 6px; border-radius: 3px; background: rgba(255,255,255,0.1); cursor: pointer; position: relative; overflow: hidden; }
        .lk-player-fill { height: 100%; width: 0%; border-radius: 3px; background: linear-gradient(90deg,#00f2ff,#8b5cf6); box-shadow: 0 0 10px rgba(0,242,255,0.6); }
        .lk-player-dl { width: 38px; height: 38px; border-radius: 11px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.6); text-decoration: none; transition: all .15s; }
        .lk-player-dl:hover { background: rgba(0,242,255,0.14); color: #00f2ff; border-color: rgba(0,242,255,0.3); }
        
        .lk-voice-modal-card { width: min(94vw,420px); max-height: 86vh; display: flex; flex-direction: column; border-radius: 24px; background: linear-gradient(180deg,#10131c,#0a0c12); border: 1px solid rgba(0,242,255,0.16); box-shadow: 0 40px 110px rgba(0,0,0,0.7), 0 0 90px rgba(0,242,255,0.06); overflow: hidden; animation: lkModalIn .35s cubic-bezier(0.16,1,0.3,1); }
        @keyframes lkModalIn { 0% { opacity: 0; transform: translateY(20px) scale(0.96); } 100% { opacity: 1; transform: translateY(0) scale(1); } }

        
        .sfx-slider {
            -webkit-appearance: none; appearance: none;
            height: 3px; border-radius: 99px;
            background: rgba(255,255,255,0.08); outline: none; cursor: pointer;
        }
        .sfx-slider::-webkit-slider-thumb {
            -webkit-appearance: none; appearance: none;
            width: 12px; height: 12px; border-radius: 50%;
            background: #00f2ff; cursor: pointer;
            box-shadow: 0 0 8px rgba(0,242,255,0.5); transition: box-shadow 0.2s;
        }
        .sfx-slider::-webkit-slider-thumb:hover { box-shadow: 0 0 14px rgba(0,242,255,0.9); }
        .sfx-slider::-moz-range-thumb {
            width: 12px; height: 12px; border-radius: 50%;
            background: #00f2ff; cursor: pointer; border: none;
            box-shadow: 0 0 8px rgba(0,242,255,0.5);
        }
        @keyframes sfx-eq {
            from { transform: scaleY(0.2); opacity: 0.4; }
            to   { transform: scaleY(1);   opacity: 0.9; }
        }
        #lektor-nav-sub { max-height: 0; overflow: hidden; transition: max-height 0.28s cubic-bezier(0.4,0,0.2,1); }

        
        #nav-image-studio, #nav-video-studio, #nav-music-studio {
            background: rgba(255,255,255,0.02) !important;
            border: 1px solid rgba(255,255,255,0.08) !important;
            border-radius: 14px !important;
            backdrop-filter: blur(10px);
        }
        #nav-image-studio:hover {
            background: rgba(0,242,255,0.06) !important;
            border-color: rgba(0,242,255,0.25) !important;
            box-shadow: 0 0 20px rgba(0,242,255,0.1);
        }
        #nav-video-studio:hover {
            background: rgba(188,19,254,0.06) !important;
            border-color: rgba(188,19,254,0.25) !important;
            box-shadow: 0 0 20px rgba(188,19,254,0.1);
        }
        #nav-music-studio:hover {
            background: rgba(16,185,129,0.06) !important;
            border-color: rgba(16,185,129,0.25) !important;
            box-shadow: 0 0 20px rgba(16,185,129,0.1);
        }
        
        #nav-image-studio .w-7, #nav-video-studio .w-7, #nav-music-studio .w-7 {
            border-radius: 50% !important;
        }

        
        .sidebar nav > div:first-of-type .bg-gradient-to-r {
            background: rgba(255,255,255,0.03) !important;
            border: 1px solid rgba(255,255,255,0.08) !important;
            border-radius: 10px !important;
        }

        
        .sidebar > div:last-child {
            background: rgba(0,0,0,0.3) !important;
            border-top: 1px solid rgba(255,255,255,0.05) !important;
        }
        .sidebar #user-info .bg-white\/5 {
            background: rgba(255,255,255,0.03) !important;
            border: 1px solid rgba(255,255,255,0.06) !important;
            border-radius: 12px !important;
        }

        .cat-active { color: rgba(255,255,255,0.9) !important; background: rgba(255,255,255,0.07) !important; box-shadow: none; border: none; }
        .model-card { background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.05); transition: 0.15s; cursor: pointer; text-align: center; border-radius: 10px; }
        .model-card:hover { background: rgba(255,255,255,0.04); border-color: rgba(255,255,255,0.08); }
        .model-card.active { border-color: rgba(255,255,255,0.15); background: rgba(255,255,255,0.06); box-shadow: none; }

        

        
        .glass-btn-primary {
            background: rgba(255,255,255,0.9);
            border: none;
            border-radius: 10px;
            color: #0a0a0a;
            font-weight: 700;
            letter-spacing: -0.01em;
            transition: all 0.15s ease;
        }
        .glass-btn-primary:hover {
            background: #fff;
            box-shadow: 0 4px 16px rgba(255,255,255,0.1);
            transform: none;
        }
        .glass-btn-primary:disabled {
            opacity: 0.3;
            cursor: not-allowed;
            transform: none;
            box-shadow: none;
        }

        
        .glass-btn-secondary {
            background: rgba(255,255,255,0.03);
            border: 1px solid rgba(255,255,255,0.06);
            border-radius: 10px;
            color: rgba(255,255,255,0.55);
            font-weight: 600;
            transition: all 0.15s ease;
        }
        .glass-btn-secondary:hover {
            background: rgba(255,255,255,0.05);
            border-color: rgba(255,255,255,0.1);
            color: rgba(255,255,255,0.8);
        }

        
        .glass-btn-cyan {
            background: rgba(255,255,255,0.04);
            border: 1px solid rgba(255,255,255,0.06);
            border-radius: 10px;
            color: rgba(255,255,255,0.6);
            font-weight: 600;
            transition: all 0.15s ease;
        }
        .glass-btn-cyan:hover {
            background: rgba(255,255,255,0.06);
            border-color: rgba(255,255,255,0.1);
            color: rgba(255,255,255,0.8);
        }

        
        .glass-card {
            background: rgba(255,255,255,0.02);
            border: 1px solid rgba(255,255,255,0.05);
            border-radius: 10px;
        }
        .glass-card-hover:hover {
            background: rgba(255,255,255,0.04);
            border-color: rgba(255,255,255,0.08);
        }

        
        .glass-input {
            background: rgba(255,255,255,0.02);
            border: 1px solid rgba(255,255,255,0.06);
            border-radius: 10px;
            color: rgba(255,255,255,0.9);
            transition: all 0.15s ease;
        }
        .glass-input:focus {
            outline: none;
            border-color: rgba(255,255,255,0.14);
            box-shadow: none;
        }
        .glass-input::placeholder {
            color: rgba(255,255,255,0.2);
        }

        
        #auth-modal input[type="text"],
        #auth-modal input[type="email"],
        #auth-modal input[type="password"] {
            background-color: rgba(255,255,255,0.05) !important;
            color: #fff !important;
            -webkit-text-fill-color: #fff;
        }
        
        input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus,
        textarea:-webkit-autofill, select:-webkit-autofill {
            -webkit-text-fill-color: #fff !important;
            -webkit-box-shadow: 0 0 0 1000px #0a0e14 inset !important;
            box-shadow: 0 0 0 1000px #0a0e14 inset !important;
            caret-color: #fff;
            transition: background-color 9999s ease-in-out 0s;
        }
        #auth-modal input:-webkit-autofill,
        #auth-modal input:-webkit-autofill:hover,
        #auth-modal input:-webkit-autofill:focus {
            -webkit-box-shadow: 0 0 0 1000px rgba(0,0,0,0.95) inset !important;
            -webkit-text-fill-color: #fff !important;
            transition: background-color 5000s ease-in-out 0s;
        }

        
        #profile-tab-settings input,
        #profile-tab-settings textarea {
            background-color: rgba(255,255,255,0.05) !important;
            color: #fff !important;
            -webkit-text-fill-color: #fff;
        }
        #profile-tab-settings input:-webkit-autofill,
        #profile-tab-settings input:-webkit-autofill:hover,
        #profile-tab-settings input:-webkit-autofill:focus {
            -webkit-box-shadow: 0 0 0 1000px #0d0d0d inset !important;
            -webkit-text-fill-color: #fff !important;
            transition: background-color 5000s ease-in-out 0s;
        }

        
        #ceff-gen-prompt {
            background-color: rgba(255,255,255,0.04) !important;
            color: #fff !important;
            -webkit-text-fill-color: #fff;
        }
        #ceff-gen-prompt:-webkit-autofill,
        #ceff-gen-prompt:-webkit-autofill:hover,
        #ceff-gen-prompt:-webkit-autofill:focus {
            -webkit-box-shadow: 0 0 0 1000px #0d0d0d inset !important;
            -webkit-text-fill-color: #fff !important;
            transition: background-color 5000s ease-in-out 0s;
        }

        
        .glass-select {
            background: rgba(0,0,0,0.3);
            border: 1px solid rgba(255,255,255,0.08);
            border-radius: 12px;
            color: #fff;
            transition: all 0.25s ease;
            cursor: pointer;
        }
        .glass-select:focus {
            outline: none;
            border-color: rgba(0,242,255,0.4);
        }
        .glass-select option {
            background: #0a0a0f;
            color: #fff;
        }

        
        .glass-panel {
            background: rgba(10,10,15,0.97);
            border: 1px solid rgba(255,255,255,0.06);
            border-radius: 12px;
            backdrop-filter: blur(24px);
            -webkit-backdrop-filter: blur(24px);
            box-shadow: 0 8px 32px rgba(0,0,0,0.4);
        }

        
        .glass-icon {
            border-radius: 50%;
            background: rgba(255,255,255,0.04);
            border: 1px solid rgba(255,255,255,0.06);
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.15s ease;
        }
        .glass-icon:hover {
            background: rgba(0,242,255,0.12);
            border-color: rgba(0,242,255,0.25);
            box-shadow: 0 0 15px rgba(0,242,255,0.15);
        }
        .glass-icon-purple {
            background: rgba(188,19,254,0.08);
            border-color: rgba(188,19,254,0.15);
        }
        .glass-icon-purple:hover {
            background: rgba(188,19,254,0.12);
            border-color: rgba(188,19,254,0.25);
            box-shadow: 0 0 15px rgba(188,19,254,0.15);
        }

        
        .glass-divider {
            height: 1px;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);
        }

        
        .glass-tab {
            background: transparent;
            border: 1px solid transparent;
            border-radius: 10px;
            color: rgba(255,255,255,0.5);
            font-weight: 600;
            transition: all 0.25s ease;
        }
        .glass-tab:hover {
            background: rgba(255,255,255,0.04);
            color: rgba(255,255,255,0.8);
        }
        .glass-tab.active {
            background: rgba(0,242,255,0.1);
            border-color: rgba(0,242,255,0.2);
            color: #00f2ff;
        }

        

        
        #dropzone-empty,
        #tail-dropzone-empty,
        #multi-image-add,
        #image1-empty, #image2-empty, #image3-empty,
        #animate-upload-placeholder,
        #base-image-upload-area,
        .veo-upload-slot > div[id$="-empty"] {
            
            border: 1.5px dashed rgba(255,255,255,0.14) !important;
            border-radius: 12px !important;
            background: rgba(255,255,255,0.02) !important;
            transition: all 0.22s ease !important;
            cursor: pointer;
            position: relative;
            
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 6px !important;
            padding: 12px 10px !important;
            min-height: 78px !important;
            box-shadow: none !important;
        }
        
        #multi-image-add,
        #image1-empty, #image2-empty, #image3-empty,
        .veo-upload-slot > div[id$="-empty"] {
            aspect-ratio: 1 / 1 !important;
            min-height: 90px !important;
        }
        
        #image1-empty.hidden, #image2-empty.hidden, #image3-empty.hidden,
        #dropzone-empty.hidden, #tail-dropzone-empty.hidden,
        #multi-image-add.hidden,
        #animate-upload-placeholder.hidden, #base-image-upload-area.hidden,
        .veo-upload-slot > div[id$="-empty"].hidden { display: none !important; }
        
        #dropzone-empty,
        #tail-dropzone-empty,
        #animate-upload-placeholder,
        #base-image-upload-area {
            aspect-ratio: auto !important;
        }
        
        .studio-sidebar:has(#base-image-box:not(.hidden)):has(#tail-image-box:not(.hidden)) #base-image-box {
            float: left;
            width: calc(50% - 6px);
            margin-right: 12px;
            clear: none;
        }
        .studio-sidebar:has(#base-image-box:not(.hidden)):has(#tail-image-box:not(.hidden)) #tail-image-box {
            float: left;
            width: calc(50% - 6px);
            clear: none;
        }
        
        .studio-sidebar:has(#base-image-box:not(.hidden)):has(#tail-image-box:not(.hidden)) #tail-image-box::after {
            content: "";
            display: block;
            clear: both;
        }
        
        #dual-frames-wrap {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 12px;
            order: 35;
            width: 100%;
            min-width: 0;
        }
        #dual-frames-wrap > #base-image-box,
        #dual-frames-wrap > #tail-image-box {
            min-width: 0;
            width: 100%;
            order: 0 !important;
        }
        
        @media (min-width: 768px) {
            button[onclick^="openGalleryPicker"],
            button[onclick^="openVideoGalleryPicker"] {
                display: none !important;
            }
        }
        
        #dual-frames-wrap #dropzone-empty,
        #dual-frames-wrap #tail-dropzone-empty {
            aspect-ratio: 3 / 4 !important;
            min-height: 0 !important;
            padding: 10px 6px !important;
            gap: 4px !important;
        }
        
        #dual-frames-wrap #dropzone-empty p.text-\[9px\],
        #dual-frames-wrap #tail-dropzone-empty p.text-\[9px\] {
            display: none !important;
        }
        
        #dual-frames-wrap #dropzone-empty p.text-xs,
        #dual-frames-wrap #tail-dropzone-empty p.text-xs {
            font-size: 10px !important;
            line-height: 1.25 !important;
            text-align: center !important;
            word-break: break-word !important;
        }
        
        #dual-frames-wrap #dropzone-preview,
        #dual-frames-wrap #tail-dropzone-preview {
            aspect-ratio: 3 / 4 !important;
        }
        #dual-frames-wrap #dropzone-preview img,
        #dual-frames-wrap #tail-dropzone-preview img {
            width: 100% !important;
            height: 100% !important;
            object-fit: cover !important;
        }
        
        #dual-frames-wrap > div > p.text-\[8px\]:first-child {
            font-size: 8px !important;
            line-height: 1.2 !important;
        }
        
        #dropzone-empty:hover,
        #tail-dropzone-empty:hover,
        #multi-image-add:hover,
        #image1-empty:hover, #image2-empty:hover, #image3-empty:hover,
        #animate-upload-placeholder:hover,
        #base-image-upload-area:hover,
        .veo-upload-slot > div[id$="-empty"]:hover {
            border-color: rgba(0,242,255,0.45) !important;
            background: rgba(0,242,255,0.05) !important;
            box-shadow: 0 0 0 1px rgba(0,242,255,0.12) inset, 0 6px 20px rgba(0,242,255,0.10) !important;
        }
        
        #tail-dropzone-empty:hover {
            border-color: rgba(251,146,60,0.5) !important;
            background: rgba(251,146,60,0.05) !important;
            box-shadow: 0 0 0 1px rgba(251,146,60,0.14) inset, 0 6px 20px rgba(251,146,60,0.10) !important;
        }
        
        #dropzone-empty i, #dropzone-empty svg,
        #tail-dropzone-empty i, #tail-dropzone-empty svg,
        #multi-image-add i,
        #image1-empty i, #image2-empty i, #image3-empty i,
        #animate-upload-placeholder i,
        .veo-upload-slot > div[id$="-empty"] i {
            font-size: 22px !important;
            color: rgba(255,255,255,0.35) !important;
            transition: color 0.22s ease !important;
            margin: 0 !important;
        }
        #dropzone-empty:hover i, #tail-dropzone-empty:hover i,
        #multi-image-add:hover i,
        #image1-empty:hover i, #image2-empty:hover i, #image3-empty:hover i,
        #animate-upload-placeholder:hover i { color: #00f2ff !important; }
        #tail-dropzone-empty:hover i { color: #fb923c !important; }
        
        #dropzone-empty p, #dropzone-empty span,
        #tail-dropzone-empty p, #tail-dropzone-empty span,
        #multi-image-add span,
        #image1-empty p, #image2-empty p, #image3-empty p,
        #animate-upload-placeholder p {
            font-size: 10px !important;
            font-weight: 600 !important;
            color: rgba(255,255,255,0.5) !important;
            margin: 0 !important;
            text-align: center !important;
            line-height: 1.3 !important;
        }
        
        #dropzone-empty > div:first-child,
        #tail-dropzone-empty > div:first-child {
            background: transparent !important;
            width: auto !important;
            height: auto !important;
            border: none !important;
            padding: 0 !important;
        }
        
        #dropzone-preview > div,
        #tail-dropzone-preview > div,
        #multi-image-grid > div:not(#multi-image-add),
        .veo-upload-slot > div[id$="-preview"],
        #animate-preview {
            border-radius: 12px !important;
            border: 1px solid rgba(255,255,255,0.1) !important;
            overflow: hidden;
            aspect-ratio: 1 / 1;
        }
        
        #preview-image,
        #tail-preview-image,
        .veo-upload-slot img,
        #animate-preview-img {
            width: 100% !important;
            height: 100% !important;
            object-fit: cover !important;
        }
        
        #preview_imageFile img {
            max-width: 100% !important;
            max-height: 96px !important;
            object-fit: contain !important;
            width: auto !important;
            height: auto !important;
        }
        
        #multi-image-grid {
            grid-template-columns: repeat(4, 1fr) !important;
            gap: 8px !important;
        }

        
        .cy-toggle-wrap {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            padding: 8px 12px;
            background: rgba(255,255,255,0.025);
            border: 1px solid rgba(255,255,255,0.06);
            border-radius: 10px;
            cursor: pointer;
            transition: all .18s ease;
        }
        .cy-toggle-wrap:hover { background: rgba(255,255,255,0.04); border-color: rgba(255,255,255,0.1); }
        .cy-toggle-wrap.on { background: rgba(0,242,255,0.06); border-color: rgba(0,242,255,0.3); box-shadow: 0 0 0 1px rgba(0,242,255,0.1) inset, 0 0 16px rgba(0,242,255,0.08); }
        .cy-toggle-label { font-size: 11px; font-weight: 600; color: rgba(255,255,255,0.7); user-select: none; flex: 1; }
        .cy-toggle-wrap.on .cy-toggle-label { color: #00f2ff; }
        .cy-toggle {
            position: relative;
            width: 38px;
            height: 21px;
            background: rgba(255,255,255,0.08);
            border: 1px solid rgba(255,255,255,0.1);
            border-radius: 11px;
            transition: all .22s ease;
            flex-shrink: 0;
        }
        .cy-toggle-knob {
            position: absolute;
            top: 2px;
            left: 2px;
            width: 15px;
            height: 15px;
            border-radius: 50%;
            background: rgba(255,255,255,0.5);
            transition: all .25s cubic-bezier(.4,0,.2,1);
        }
        .cy-toggle-wrap.on .cy-toggle {
            background: rgba(0,242,255,0.25);
            border-color: #00f2ff;
            box-shadow: 0 0 12px rgba(0,242,255,0.45);
        }
        .cy-toggle-wrap.on .cy-toggle-knob {
            left: 20px;
            background: #00f2ff;
            box-shadow: 0 0 8px rgba(0,242,255,0.8);
        }

        
        .sg-chip {
            padding: 6px 14px;
            border-radius: 9px;
            font-size: 11px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.6px;
            color: rgba(255,255,255,0.45);
            background: rgba(255,255,255,0.02);
            border: 1px solid rgba(255,255,255,0.06);
            cursor: pointer;
            transition: all .15s;
        }
        .sg-chip:hover { color: #fff; background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.1); }
        .sg-chip-active {
            color: #00f2ff !important;
            background: rgba(0,242,255,0.08) !important;
            border-color: rgba(0,242,255,0.3) !important;
            box-shadow: 0 0 12px rgba(0,242,255,0.12);
        }
        .sg-tile {
            position: relative;
            border-radius: 14px;
            overflow: hidden;
            background: rgba(255,255,255,0.025);
            border: 1px solid rgba(255,255,255,0.06);
            aspect-ratio: 1 / 1;
            cursor: pointer;
            transition: all .2s ease;
        }
        .sg-tile:hover { border-color: rgba(0,242,255,0.35); transform: translateY(-2px); box-shadow: 0 12px 30px rgba(0,0,0,0.35); }
        .sg-tile-media { width: 100%; height: 100%; object-fit: cover; display: block; background: #0a0a0e; aspect-ratio: 1 / 1; }
        
        .mg-tile { position: relative; height: 0; padding-bottom: 100%; }
        .mg-tile > img, .mg-tile > video, .mg-tile > .h-full { position: absolute; inset: 0; width: 100%; height: 100%; }
        .mg-tile > img, .mg-tile > video { object-fit: cover; }
        .mg-tile > .mg-fill { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; }
        
        .sg-tile-media.sg-loading {
            background:
                linear-gradient(110deg,
                    transparent 30%,
                    rgba(0,242,255,0.12) 50%,
                    transparent 70%),
                linear-gradient(135deg, rgba(255,255,255,0.025), rgba(0,242,255,0.04));
            background-size: 250% 100%, 100% 100%;
            background-repeat: no-repeat;
            animation: sgShimmer 1.6s ease-in-out infinite;
        }
        @keyframes sgShimmer {
            0%   { background-position: 250% 0, 0 0; }
            100% { background-position: -150% 0, 0 0; }
        }
        .sg-tile-video-overlay { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: none; }
        .sg-tile-video-overlay i { color: rgba(255,255,255,0.85); font-size: 28px; filter: drop-shadow(0 4px 12px rgba(0,0,0,0.6)); }
        .sg-tile-badge { position: absolute; top: 8px; left: 8px; padding: 3px 8px; border-radius: 6px; font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; background: rgba(0,0,0,0.6); color: #fff; backdrop-filter: blur(4px); }
        .sg-tile-pending { background: #0a0a0e; border-color: rgba(0,242,255,0.35); box-shadow: 0 0 0 1px rgba(0,242,255,0.12) inset, 0 0 20px rgba(0,242,255,0.06); }
        .sg-tile-pending .sg-shimmer-bg { position: absolute; inset: 0; background: linear-gradient(110deg, #0f0f14 25%, #1f1f2a 50%, #0f0f14 75%); background-size: 200% 100%; animation: sgShimmer 1.4s ease-in-out infinite; }
        @keyframes sgShimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }
        @keyframes sgProShimmer { 0% { background-position: 220% 0; } 100% { background-position: -120% 0; } }
        @keyframes sgProPulse { 0% { transform: scale(1); opacity: 0.7; } 70% { transform: scale(2.5); opacity: 0; } 100% { transform: scale(2.5); opacity: 0; } }
        #sg-pro-cta { animation: sgProGlowPulse 2.4s ease-in-out infinite; }
        @keyframes sgProGlowPulse {
          0%, 100% { box-shadow: 0 0 18px rgba(0,242,255,0.25), 0 0 36px rgba(188,19,254,0.15), inset 0 1px 0 rgba(255,255,255,0.08); }
          50% { box-shadow: 0 0 28px rgba(0,242,255,0.45), 0 0 52px rgba(188,19,254,0.28), inset 0 1px 0 rgba(255,255,255,0.12); }
        }
        #sg-pro-cta:hover { border-color: rgba(0,242,255,0.85) !important; transform: translateY(-1px); animation: none; box-shadow: 0 4px 32px rgba(0,242,255,0.5), 0 0 60px rgba(188,19,254,0.35), inset 0 1px 0 rgba(255,255,255,0.15) !important; }
        .sg-tile-pending .sg-spinner-overlay { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 12px; }
        .sg-tile-pending .sg-spinner-overlay .sg-spin { width: 30px; height: 30px; border: 2px solid rgba(0,242,255,0.2); border-top-color: #00f2ff; border-radius: 50%; animation: sgSpin 0.8s linear infinite; }
        @keyframes sgSpin { to { transform: rotate(360deg); } }
        .sg-tile-pending .sg-spinner-overlay > * { position: relative; z-index: 2; }
        .sg-tile-failed { background: rgba(239,68,68,0.04); border-color: rgba(239,68,68,0.3); }
        .sg-tile-failed .sg-fail-overlay { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; background: rgba(10,11,16,0.78); color: #fca5a5; padding: 10px; text-align: center; font-size: 10px; }

        
        .sg-actions {
            position: absolute;
            left: 0; right: 0; bottom: 0;
            padding: 8px;
            display: flex;
            gap: 5px;
            background: linear-gradient(to top, rgba(0,0,0,0.88) 0%, rgba(0,0,0,0.55) 60%, transparent 100%);
            opacity: 0;
            transform: translateY(4px);
            transition: all .18s ease;
            pointer-events: none;
        }
        .sg-tile:hover .sg-actions { opacity: 1; transform: translateY(0); pointer-events: auto; }
        .sg-act {
            flex: 1;
            min-width: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 4px;
            padding: 7px 4px;
            border-radius: 8px;
            background: rgba(255,255,255,0.06);
            border: 1px solid rgba(255,255,255,0.08);
            color: rgba(255,255,255,0.85);
            font-size: 10px;
            font-weight: 600;
            cursor: pointer;
            transition: all .12s;
        }
        .sg-act:hover { background: rgba(255,255,255,0.12); color: #fff; }
        .sg-act-primary { background: rgba(0,242,255,0.14); border-color: rgba(0,242,255,0.4); color: #00f2ff; }
        .sg-act-primary:hover { background: rgba(0,242,255,0.24); color: #fff; }
        .sg-act-danger:hover { background: rgba(239,68,68,0.2); border-color: rgba(239,68,68,0.4); color: #fff; }
        .sg-act i { font-size: 11px; }
        
        @media (min-width: 768px) {
            .sg-actions { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; padding: 28px 8px 8px; }
            .sg-act { min-height: 34px; padding: 0; border-radius: 9px; font-size: 11px; }
            .sg-act i { font-size: 15px; }
        }

        
        .sg-use-dd {
            position: absolute;
            bottom: calc(100% + 6px);
            right: 0;
            min-width: 200px;
            background: #0f1118;
            border: 1px solid rgba(0,242,255,0.25);
            border-radius: 11px;
            padding: 6px;
            box-shadow: 0 12px 36px rgba(0,0,0,0.65), 0 0 0 1px rgba(0,242,255,0.08) inset;
            z-index: 50;
        }
        .sg-use-opt {
            display: flex;
            align-items: center;
            gap: 9px;
            width: 100%;
            padding: 8px 10px;
            border-radius: 7px;
            background: transparent;
            border: none;
            color: rgba(255,255,255,0.85);
            font-size: 11px;
            font-weight: 600;
            cursor: pointer;
            text-align: left;
            transition: all .12s;
        }
        .sg-use-opt:hover { background: rgba(0,242,255,0.08); color: #00f2ff; }
        .sg-use-opt i { color: rgba(0,242,255,0.7); width: 14px; text-align: center; }
        .sg-use-opt small { color: rgba(255,255,255,0.4); margin-left: auto; font-size: 9px; font-weight: 500; }

        
        #studio-gen-grid::-webkit-scrollbar { width: 6px; }
        #studio-gen-grid::-webkit-scrollbar-track { background: transparent; }
        #studio-gen-grid::-webkit-scrollbar-thumb { background: rgba(0,242,255,0.15); border-radius: 3px; }
        #studio-gen-grid::-webkit-scrollbar-thumb:hover { background: rgba(0,242,255,0.3); }

        
        @media (min-width: 768px) {
            #studio-queue { display: none !important; }
            #output-shell { display: none !important; }
        }
        @keyframes sgFadeIn { from { opacity: 0 } to { opacity: 1 } }

        
        #music-mode-picker {
            min-height: 480px;
        }
        .mmp-tile {
            display: flex;
            align-items: center;
            gap: 16px;
            padding: 18px 20px;
            border-radius: 16px;
            background: linear-gradient(135deg, rgba(255,255,255,0.025), rgba(0,242,255,0.04));
            border: 1px solid rgba(0,242,255,0.18);
            color: #fff;
            cursor: pointer;
            text-align: left;
            transition: all .25s cubic-bezier(.4,0,.2,1);
            position: relative;
            overflow: hidden;
            opacity: 0;
        }
        
        .mmp-tile-left, .mmp-tile-right { opacity: 1; }
        
        @media (min-width: 768px) {
            .mmp-tile-left { animation: mmpSlideLeft .5s cubic-bezier(.16,1,.3,1) forwards; animation-delay: 0.1s; opacity: 0; }
            .mmp-tile-right { animation: mmpSlideRight .5s cubic-bezier(.16,1,.3,1) forwards; animation-delay: 0.25s; opacity: 0; }
            @keyframes mmpSlideLeft {
                from { opacity: 0; transform: translateX(-120%); }
                to { opacity: 1; transform: translateX(0); }
            }
            @keyframes mmpSlideRight {
                from { opacity: 0; transform: translateX(120%); }
                to { opacity: 1; transform: translateX(0); }
            }
        }
        .mmp-tile:hover {
            border-color: rgba(0,242,255,0.6);
            background: linear-gradient(135deg, rgba(0,242,255,0.08), rgba(0,242,255,0.12));
            transform: translateY(-2px);
            box-shadow: 0 12px 40px rgba(0,242,255,0.2);
        }
        .mmp-tile:hover .mmp-tile-arrow { transform: translateX(6px); color: #00f2ff; }
        .mmp-tile:hover .mmp-tile-icon { background: rgba(0,242,255,0.18); transform: scale(1.05) rotate(-5deg); }
        .mmp-tile-icon {
            flex-shrink: 0;
            width: 56px;
            height: 56px;
            border-radius: 14px;
            background: rgba(0,242,255,0.1);
            border: 1px solid rgba(0,242,255,0.25);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            color: #00f2ff;
            transition: all .3s cubic-bezier(.4,0,.2,1);
            box-shadow: 0 0 24px rgba(0,242,255,0.15);
        }
        .mmp-tile-text { flex: 1; min-width: 0; }
        .mmp-tile-text h3 {
            font-family: 'Space Grotesk', sans-serif;
            font-size: 17px;
            font-weight: 700;
            margin: 0;
            color: #fff;
            letter-spacing: -0.01em;
            line-height: 1.2;
        }
        .mmp-tile-text p {
            font-size: 11.5px;
            color: rgba(255,255,255,0.55);
            margin: 4px 0 0;
            line-height: 1.4;
        }
        .mmp-tile-arrow {
            flex-shrink: 0;
            font-size: 14px;
            color: rgba(255,255,255,0.3);
            transition: all .22s cubic-bezier(.4,0,.2,1);
        }
        
        @media (min-width: 768px) {
            #music-mode-picker.mmp-exiting .mmp-tile-left { animation: mmpExitLeft .35s ease-in forwards; }
            #music-mode-picker.mmp-exiting .mmp-tile-right { animation: mmpExitRight .35s ease-in forwards; }
            @keyframes mmpExitLeft {
                from { opacity: 1; transform: translateX(0); }
                to { opacity: 0; transform: translateX(-120%); }
            }
            @keyframes mmpExitRight {
                from { opacity: 1; transform: translateX(0); }
                to { opacity: 0; transform: translateX(120%); }
            }
        }

        
        .mmp-back-row {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 6px 4px;
        }
        .mmp-back-btn {
            width: 32px;
            height: 32px;
            border-radius: 9px;
            background: rgba(255,255,255,0.04);
            border: 1px solid rgba(255,255,255,0.1);
            color: rgba(255,255,255,0.6);
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 12px;
            flex-shrink: 0;
            transition: all .18s ease;
        }
        .mmp-back-btn:hover {
            background: rgba(0,242,255,0.08);
            border-color: rgba(0,242,255,0.35);
            color: #00f2ff;
            transform: translateX(-2px);
        }
        .mmp-back-current {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            padding: 6px 12px;
            border-radius: 9px;
            background: rgba(0,242,255,0.06);
            border: 1px solid rgba(0,242,255,0.2);
            font-size: 11.5px;
            font-weight: 700;
            color: rgba(255,255,255,0.85);
            flex: 1;
            letter-spacing: 0.01em;
        }
        .mmp-back-current i { font-size: 11px; flex-shrink: 0; }

        
        body #model-dropdown-list > div {
            padding: 10px 12px !important;
            gap: 10px !important;
        }
        body #model-dropdown-list > div > div:first-child {
            width: 32px !important;
            height: 32px !important;
            min-width: 32px !important;
            min-height: 32px !important;
            flex-shrink: 0 !important;
        }
        body #model-dropdown-list > div .text-\[14px\] {
            font-size: 12.5px !important;
            line-height: 1.25 !important;
            font-weight: 700 !important;
        }
        body #model-dropdown-list > div .text-\[11px\] {
            font-size: 10.5px !important;
            line-height: 1.35 !important;
            margin-top: 1px !important;
            display: -webkit-box !important;
            -webkit-line-clamp: 1 !important;
            -webkit-box-orient: vertical !important;
            overflow: hidden !important;
            text-overflow: ellipsis !important;
        }
        body #model-dropdown-list > div span[style*="rgba(0,242,255"] {
            font-size: 9px !important;
            padding: 2px 6px !important;
            white-space: nowrap !important;
            flex-shrink: 0 !important;
        }

        
        #base-image-box > p:first-child,
        #tail-image-box > p:first-child {
            min-height: 2.4em !important;
            display: flex !important;
            align-items: flex-end !important;
            margin-bottom: 4px !important;
            line-height: 1.2 !important;
        }

        
        .wand-btn {
            width: 30px;
            height: 30px;
            border-radius: 50%;
            border: 1px solid rgba(0,242,255,0.35);
            background: radial-gradient(circle at 30% 30%, rgba(0,242,255,0.18), rgba(0,242,255,0.04));
            color: #00f2ff;
            font-size: 12px;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            position: relative;
            transition: all .25s cubic-bezier(.4,0,.2,1);
            box-shadow: 0 0 0 0 rgba(0,242,255,0.4);
        }
        .wand-btn::before {
            content: "";
            position: absolute;
            inset: -3px;
            border-radius: 50%;
            background: conic-gradient(from 0deg, transparent, rgba(0,242,255,0.5), transparent);
            opacity: 0;
            z-index: -1;
            animation: wandSpin 2s linear infinite;
            transition: opacity .2s;
        }
        @keyframes wandSpin { to { transform: rotate(360deg); } }
        .wand-btn i {
            animation: wandFloat 2.4s ease-in-out infinite;
            filter: drop-shadow(0 0 4px rgba(0,242,255,0.5));
        }
        @keyframes wandFloat {
            0%, 100% { transform: translateY(0) rotate(-8deg); }
            50% { transform: translateY(-2px) rotate(8deg); }
        }
        .wand-btn:hover {
            border-color: rgba(0,242,255,0.75);
            transform: scale(1.12);
            box-shadow: 0 0 18px rgba(0,242,255,0.45);
        }
        .wand-btn:hover::before { opacity: 1; }
        .wand-btn:hover i {
            animation: wandSpark 0.6s ease-in-out;
            filter: drop-shadow(0 0 8px rgba(0,242,255,0.9));
        }
        @keyframes wandSpark {
            0% { transform: rotate(-8deg) scale(1); }
            25% { transform: rotate(20deg) scale(1.2); }
            50% { transform: rotate(-15deg) scale(0.95); }
            75% { transform: rotate(10deg) scale(1.1); }
            100% { transform: rotate(0) scale(1); }
        }
        .wand-btn:active { transform: scale(0.95); }
        .wand-btn:disabled { opacity: 0.45; cursor: not-allowed; transform: none; }
        .wand-btn:disabled::before { opacity: 0; }

        
        
        .lyrics-btn.hidden, .wand-btn.hidden, .clear-btn.hidden, .boost-btn.hidden { display: none !important; }
        .lyrics-btn {
            width: 26px;
            height: 26px;
            border-radius: 50%;
            border: 1px solid rgba(188,19,254,0.4);
            background: radial-gradient(circle at 30% 30%, rgba(188,19,254,0.2), rgba(188,19,254,0.04));
            color: #bc13fe;
            font-size: 10px;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            position: relative;
            transition: all .22s cubic-bezier(.4,0,.2,1);
        }
        .lyrics-btn i {
            filter: drop-shadow(0 0 4px rgba(188,19,254,0.55));
            transition: transform .3s ease;
        }
        .lyrics-btn:hover {
            transform: scale(1.15) rotate(-8deg);
            border-color: rgba(188,19,254,0.8);
            box-shadow: 0 0 16px rgba(188,19,254,0.45);
        }
        .lyrics-btn:hover i { transform: rotate(15deg); filter: drop-shadow(0 0 8px rgba(188,19,254,0.9)); }
        .lyrics-btn:active { transform: scale(0.92); }

        
        .clear-btn {
            width: 26px;
            height: 26px;
            border-radius: 50%;
            border: 1px solid rgba(255,255,255,0.1);
            background: rgba(255,255,255,0.025);
            color: rgba(255,255,255,0.4);
            font-size: 10px;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            transition: all .22s cubic-bezier(.4,0,.2,1);
        }
        .clear-btn i { transition: transform .3s ease; }
        .clear-btn:hover {
            transform: scale(1.12);
            border-color: rgba(239,68,68,0.5);
            background: rgba(239,68,68,0.08);
            color: #ef4444;
            box-shadow: 0 0 12px rgba(239,68,68,0.3);
        }
        .clear-btn:hover i { transform: rotate(-20deg); }
        .clear-btn:active { transform: scale(0.92); }

        
        .boost-btn {
            width: 26px;
            height: 26px;
            border-radius: 50%;
            border: 1px solid rgba(0,242,255,0.4);
            background: radial-gradient(circle at 30% 30%, rgba(0,242,255,0.2), rgba(0,242,255,0.04));
            color: #00f2ff;
            font-size: 10px;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            position: relative;
            transition: all .22s cubic-bezier(.4,0,.2,1);
        }
        .boost-btn i {
            filter: drop-shadow(0 0 4px rgba(0,242,255,0.55));
            transition: transform .25s ease;
            animation: boostPulse 1.8s ease-in-out infinite;
        }
        @keyframes boostPulse {
            0%, 100% { transform: scale(1); opacity: 1; }
            50% { transform: scale(1.15); opacity: 0.85; }
        }
        .boost-btn:hover {
            transform: scale(1.15);
            border-color: rgba(0,242,255,0.8);
            box-shadow: 0 0 18px rgba(0,242,255,0.5);
        }
        .boost-btn:hover i { animation: boostZap 0.5s ease-in-out; filter: drop-shadow(0 0 8px rgba(0,242,255,0.95)); }
        @keyframes boostZap {
            0% { transform: scale(1) rotate(0); }
            30% { transform: scale(1.4) rotate(15deg); }
            60% { transform: scale(0.9) rotate(-10deg); }
            100% { transform: scale(1) rotate(0); }
        }
        .boost-btn:active { transform: scale(0.92); }
        .boost-btn:disabled { opacity: 0.4; cursor: not-allowed; transform: none; }

        
        .wand-btn, .lyrics-btn, .clear-btn, .boost-btn { position: relative; }
        .wand-btn[data-tip]::after,
        .lyrics-btn[data-tip]::after,
        .clear-btn[data-tip]::after,
        .boost-btn[data-tip]::after {
            content: attr(data-tip);
            position: absolute;
            bottom: calc(100% + 8px);
            right: 0;
            left: auto;
            transform: translateY(4px);
            padding: 6px 10px;
            border-radius: 7px;
            background: #0a0b10;
            border: 1px solid rgba(0,242,255,0.35);
            color: #00f2ff;
            font-size: 10.5px;
            font-weight: 600;
            white-space: nowrap;
            letter-spacing: 0.02em;
            box-shadow: 0 6px 20px rgba(0,0,0,0.5), 0 0 16px rgba(0,242,255,0.18);
            opacity: 0;
            pointer-events: none;
            transition: all .18s cubic-bezier(.4,0,.2,1) .15s;
            z-index: 99999;
            font-family: 'Inter', sans-serif;
        }
        
        .wand-btn[data-tip]::before,
        .lyrics-btn[data-tip]::before,
        .clear-btn[data-tip]::before,
        .boost-btn[data-tip]::before {
            content: '';
            position: absolute;
            bottom: calc(100% + 3px);
            right: 10px;
            left: auto;
            transform: translateY(4px) rotate(45deg);
            width: 7px;
            height: 7px;
            background: #0a0b10;
            border-right: 1px solid rgba(0,242,255,0.35);
            border-bottom: 1px solid rgba(0,242,255,0.35);
            opacity: 0;
            pointer-events: none;
            transition: all .18s cubic-bezier(.4,0,.2,1) .15s;
            z-index: 99998;
        }
        .wand-btn:hover[data-tip]::after,
        .lyrics-btn:hover[data-tip]::after,
        .clear-btn:hover[data-tip]::after,
        .boost-btn:hover[data-tip]::after {
            opacity: 1;
            transform: translateY(0);
        }
        .wand-btn:hover[data-tip]::before,
        .lyrics-btn:hover[data-tip]::before,
        .clear-btn:hover[data-tip]::before,
        .boost-btn:hover[data-tip]::before {
            opacity: 1;
            transform: translateY(0) rotate(45deg);
        }
        
        .lyrics-btn[data-tip]::after { color: #bc13fe; border-color: rgba(188,19,254,0.4); box-shadow: 0 6px 20px rgba(0,0,0,0.5), 0 0 16px rgba(188,19,254,0.18); }
        .lyrics-btn[data-tip]::before { border-color: rgba(188,19,254,0.4); }
        .clear-btn:hover[data-tip]::after { color: #ef4444; border-color: rgba(239,68,68,0.4); box-shadow: 0 6px 20px rgba(0,0,0,0.5), 0 0 16px rgba(239,68,68,0.18); }
        .clear-btn:hover[data-tip]::before { border-color: rgba(239,68,68,0.4); }

        
        #img-editor { font-family: 'Inter', sans-serif; }
        .ed-section-label { font-size: 9px; font-weight: 700; color: rgba(255,255,255,0.2); text-transform: uppercase; letter-spacing: 1.5px; padding: 14px 16px 6px; user-select: none; }
        .edit-tool { display: flex; align-items: center; gap: 10px; padding: 8px 16px; cursor: pointer; transition: all .15s; position: relative; }
        .edit-tool:hover { background: rgba(255,255,255,0.035); }
        .edit-tool:active { background: rgba(255,255,255,0.06); }
        .edit-tool.active { background: rgba(255,255,255,0.04); }
        .edit-tool.active::before { content: ''; position: absolute; left: 0; top: 4px; bottom: 4px; width: 2px; border-radius: 1px; background: #fff; }
        .edit-tool-icon { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: rgba(255,255,255,0.4); transition: color .15s; }
        .edit-tool:hover .edit-tool-icon { color: rgba(255,255,255,0.85); }
        .edit-tool.active .edit-tool-icon { color: #fff; }
        .edit-tool-icon svg { width: 16px; height: 16px; stroke: currentColor; fill: none; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
        .edit-tool-name { font-size: 12px; font-weight: 500; color: rgba(255,255,255,0.55); letter-spacing: -0.01em; transition: color .15s; }
        .edit-tool:hover .edit-tool-name { color: rgba(255,255,255,0.95); }
        .edit-tool.active .edit-tool-name { color: #fff; font-weight: 600; }
        .ed-sep { height: 1px; background: rgba(255,255,255,0.04); margin: 4px 16px; }
        .edit-tool-danger .edit-tool-name { color: rgba(255,255,255,0.25); }
        .edit-tool-danger:hover .edit-tool-name { color: rgba(239,68,68,0.7); }
        .edit-tool-danger:hover .edit-tool-icon { color: rgba(239,68,68,0.6); }
        .ed-slider-row { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
        .ed-slider-label { font-size: 10px; font-weight: 600; color: rgba(255,255,255,0.5); min-width: 70px; }
        .ed-slider-val { font-size: 10px; font-weight: 700; color: rgba(255,255,255,0.45); min-width: 32px; text-align: right; }
        .ed-slider { -webkit-appearance: none; appearance: none; flex: 1; height: 3px; border-radius: 2px; background: rgba(255,255,255,0.08); outline: none; cursor: pointer; }
        .ed-slider::-webkit-slider-thumb { -webkit-appearance: none; width: 14px; height: 14px; border-radius: 50%; background: #fff; cursor: pointer; box-shadow: 0 0 8px rgba(255,255,255,0.25); }
        .ed-slider::-moz-range-thumb { width: 14px; height: 14px; border-radius: 50%; background: #fff; cursor: pointer; border: none; }
        .ed-sub-panel { padding: 16px; animation: fadeUp .2s ease; }
        .ed-sub-title { font-size: 11px; font-weight: 700; color: rgba(255,255,255,0.6); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 16px; display: flex; align-items: center; gap: 8px; }
        .ed-sub-title button { background: none; border: none; color: rgba(255,255,255,0.3); cursor: pointer; font-size: 11px; padding: 0; }
        .ed-sub-title button:hover { color: #fff; }
        .ed-prompt { width: 100%; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 10px; color: #f5f5f5; font-size: 12px; padding: 10px 12px; resize: vertical; min-height: 60px; font-family: 'Inter', sans-serif; outline: none; box-sizing: border-box; }
        .ed-prompt:focus { border-color: rgba(255,255,255,0.4); }
        .ed-btn { width: 100%; padding: 10px; border-radius: 10px; font-size: 12px; font-weight: 700; border: none; cursor: pointer; transition: all .2s; font-family: 'Inter', sans-serif; box-sizing: border-box; }
        .ed-btn-primary { background: linear-gradient(135deg, rgba(255,255,255,0.95), rgba(220,220,220,0.95)); color: #000; }
        .ed-btn-primary:hover { box-shadow: 0 0 20px rgba(255,255,255,0.18); }
        .ed-btn-primary:disabled { opacity: 0.4; cursor: not-allowed; }
        .ed-btn-secondary { background: rgba(255,255,255,0.06); color: rgba(255,255,255,0.7); border: 1px solid rgba(255,255,255,0.08); }
        .ed-btn-secondary:hover { border-color: rgba(255,255,255,0.25); }
        .ed-ar-btn { padding: 8px 4px; font-size: 11px; font-weight: 600; border-radius: 6px; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.06); color: rgba(255,255,255,0.55); cursor: pointer; transition: all .15s; font-family: 'Inter', sans-serif; }
        .ed-ar-btn:hover { background: rgba(255,255,255,0.08); color: #fff; }
        .ed-ar-btn.active { background: rgba(255,255,255,0.12); border-color: rgba(255,255,255,0.45); color: #fff; }
        .ed-q-btn { padding: 10px 8px; border-radius: 8px; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.06); color: rgba(255,255,255,0.6); cursor: pointer; transition: all .15s; font-family: 'Inter', sans-serif; display: flex; flex-direction: column; align-items: center; gap: 2px; }
        .ed-q-btn:hover { background: rgba(255,255,255,0.08); color: #fff; }
        .ed-q-btn.active { background: rgba(255,255,255,0.1); border-color: rgba(255,255,255,0.45); color: #fff; }
        .ed-status { font-size: 10px; color: rgba(255,255,255,0.35); text-align: center; margin-top: 10px; }
        .ed-gotowe { display: flex; flex-direction: column; gap: 4px; align-items: center; padding: 12px 14px; border-radius: 12px; background: rgba(0,242,255,0.10); border: 1px solid rgba(0,242,255,0.45); text-align: center; animation: edGotowe .35s ease-out; }
        .ed-gotowe b { color: #fff; font-size: 14px; font-weight: 800; display: inline-flex; align-items: center; gap: 8px; }
        .ed-gotowe b i { color: #00f2ff; font-size: 16px; }
        .ed-gotowe span { color: rgba(255,255,255,0.7); font-size: 12px; line-height: 1.4; }
        @keyframes edGotowe { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
        #ed-img.ed-nowy { animation: edNowy 1.4s ease-out; }
        @keyframes edNowy { 0% { box-shadow: 0 0 0 3px #00f2ff, 0 0 40px rgba(0,242,255,0.6); } 100% { box-shadow: 0 20px 60px rgba(0,0,0,0.6); } }
        @media (prefers-reduced-motion: reduce) { .ed-gotowe, #ed-img.ed-nowy { animation: none; } }
        .ed-canvas-wrap { position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; background: repeating-conic-gradient(rgba(255,255,255,0.02) 0% 25%, transparent 0% 50%) 50%/16px 16px; }
        .ed-cam-preset { padding: 4px 10px; border-radius: 6px; font-size: 9px; font-weight: 600; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.06); color: rgba(255,255,255,0.4); cursor: pointer; transition: all .15s; }
        .ed-cam-preset:hover { background: rgba(255,255,255,0.08); color: rgba(255,255,255,0.75); }
        .ed-inpaint-canvas { position: absolute; top: 0; left: 0; cursor: crosshair; opacity: 0.5; }
        @keyframes fadeUp { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }
        
        @keyframes edTutFade { from { opacity: 0; } to { opacity: 1; } }
        @keyframes edTutSlide { from { opacity: 0; transform: translateY(8px) scale(0.97); } to { opacity: 1; transform: translateY(0) scale(1); } }
        @keyframes edTutPulse {
            0%, 100% { box-shadow: 0 0 0 9999px rgba(0,0,0,0.7), 0 0 32px rgba(0,242,255,0.5); }
            50% { box-shadow: 0 0 0 9999px rgba(0,0,0,0.7), 0 0 48px rgba(0,242,255,0.8); }
        }
        
        @keyframes sgDotPulse {
            0%, 100% { opacity: 1; transform: scale(1); box-shadow: 0 0 8px rgba(0,242,255,0.7); }
            50% { opacity: 0.4; transform: scale(0.7); }
        }
        
        .press-reset-tile { will-change: transform, box-shadow; }
        .press-reset-tile:hover {
            transform: translateY(-2px);
            border-color: rgba(0, 242, 255, 0.4) !important;
            box-shadow: 0 14px 38px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 242, 255, 0.18), 0 0 60px rgba(188, 19, 254, 0.12);
        }
        .press-reset-tile:active { transform: translateY(0); }
        
        #press-reset-fest-modal:not(.hidden) .prf-card {
            animation: prfModalIn 0.32s cubic-bezier(0.16, 1, 0.3, 1);
        }
        @keyframes prfModalIn {
            from { opacity: 0; transform: translateY(14px) scale(0.97); }
            to { opacity: 1; transform: translateY(0) scale(1); }
        }
        .prf-list li {
            position: relative; padding-left: 18px;
        }
        .prf-list li::before {
            content: ''; position: absolute; left: 0; top: 8px;
            width: 6px; height: 6px; border-radius: 50%;
            background: linear-gradient(135deg, #00f2ff, #bc13fe);
            box-shadow: 0 0 8px rgba(0, 242, 255, 0.4);
        }
        .prf-cta:hover { transform: translateY(-1px); box-shadow: 0 12px 36px rgba(0,242,255,0.35), 0 0 32px rgba(188,19,254,0.22) !important; }
        .prf-cta:active { transform: translateY(0); }
        
        #press-reset-fest-modal:not(.hidden) { display: flex !important; }
        
        @media (max-width: 767px) {
            #img-editor > div:nth-child(2) { flex-direction: column !important; }
            #img-editor #ed-canvas-area { flex: 1 1 45vh !important; padding: 12px !important; min-height: 45vh; }
            #img-editor #ed-sidebar { width: 100% !important; height: 55vh; max-height: 55vh; border-left: none !important; border-top: 1px solid rgba(255,255,255,0.08); background: #0d0d0d !important; flex: 0 0 55vh !important; }
            #img-editor #ed-tools-list { display: grid !important; grid-template-columns: repeat(2, 1fr); gap: 4px 0; padding: 8px 4px !important; }
            #img-editor .ed-section-label { grid-column: 1 / -1; padding: 8px 12px 4px !important; }
            #img-editor .ed-sep { grid-column: 1 / -1; }
            #img-editor .edit-tool { padding: 12px 12px !important; border-radius: 8px; }
            #img-editor .edit-tool.active::before { left: 4px; top: 8px; bottom: 8px; }
            #img-editor .edit-tool-name { font-size: 13px !important; }
            #img-editor .ed-sub-panel { padding: 16px 14px 24px !important; }
            #img-editor #ed-img { max-height: 100% !important; }
            
            #img-editor .ed-sub-title { font-size: 13px !important; margin-bottom: 16px !important; }
            #img-editor .ed-sub-title button { font-size: 16px !important; padding: 6px 12px !important; background: rgba(255,255,255,0.06) !important; border-radius: 8px !important; }
            
            #img-editor .ed-slider::-webkit-slider-thumb { width: 20px !important; height: 20px !important; }
            #img-editor .ed-slider::-moz-range-thumb { width: 20px !important; height: 20px !important; }
            #img-editor .ed-slider { height: 5px !important; }
            
            #img-editor [id^="ed-cam-"] { font-size: 11px; }
            
            #img-editor .ed-tool-desktop-only { display: none !important; }
            
            
            #img-editor.ed-in-subpanel #ed-canvas-area { display: flex !important; flex: 0 0 34vh !important; min-height: 34vh; max-height: 34vh; padding: 10px !important; }
            #img-editor.ed-in-subpanel #ed-tools-list { display: none !important; }
            #img-editor.ed-in-subpanel #ed-sidebar { height: calc(100vh - 48px - 34vh) !important; max-height: none !important; flex: 1 1 auto !important; overflow-y: auto !important; }
            #img-editor.ed-in-subpanel #ed-sub { display: block !important; padding-top: 4px; }

            
            #img-editor.ed-in-subpanel-with-canvas #ed-tools-list { display: none !important; }
            #img-editor.ed-in-subpanel-with-canvas #ed-canvas-area { flex: 0 0 50vh !important; min-height: 50vh; max-height: 50vh; }
            #img-editor.ed-in-subpanel-with-canvas #ed-sidebar { height: calc(100vh - 48px - 50vh) !important; max-height: none !important; flex: 1 1 auto !important; overflow-y: auto !important; }
            #img-editor.ed-in-subpanel-with-canvas #ed-sub { display: block !important; padding-top: 4px; }
            
            #img-editor.ed-in-subpanel .ed-ar-btn { padding: 12px 4px !important; font-size: 13px !important; }
            #img-editor.ed-in-subpanel .ed-q-btn { padding: 14px 8px !important; }
        }

        
        .persona-select-wrap {
            position: relative;
            width: 100%;
        }
        .persona-select {
            width: 100%;
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            padding: 11px 38px 11px 14px;
            border-radius: 11px;
            background: #000;
            border: 1px solid rgba(0,242,255,0.25);
            color: #fff;
            font-size: 13px;
            font-weight: 600;
            cursor: pointer;
            outline: none;
            transition: all .2s cubic-bezier(.4,0,.2,1);
            box-shadow: 0 0 0 1px rgba(0,242,255,0.08) inset, 0 0 20px rgba(0,242,255,0.06);
            font-family: inherit;
        }
        .persona-select:hover {
            border-color: rgba(0,242,255,0.5);
            box-shadow: 0 0 0 1px rgba(0,242,255,0.15) inset, 0 0 28px rgba(0,242,255,0.12);
        }
        .persona-select:focus {
            border-color: #00f2ff;
            box-shadow: 0 0 0 3px rgba(0,242,255,0.18), 0 0 32px rgba(0,242,255,0.18);
        }
        .persona-select option {
            background: #0a0b10 !important;
            color: #fff !important;
            padding: 10px !important;
            font-weight: 500;
        }
        .persona-select-arrow {
            position: absolute;
            right: 14px;
            top: 50%;
            transform: translateY(-50%);
            color: #00f2ff;
            font-size: 11px;
            pointer-events: none;
            transition: transform .2s ease;
            filter: drop-shadow(0 0 4px rgba(0,242,255,0.5));
        }
        .persona-select:focus + .persona-select-arrow { transform: translateY(-50%) rotate(180deg); }

        
        @media (min-width: 1024px) {
            
            .studio-sidebar p.text-\[8px\],
            .studio-sidebar p.text-\[9px\] {
                font-size: 11px !important;
                letter-spacing: 0.06em !important;
                font-weight: 700 !important;
            }
            
            .studio-sidebar .variant-tile-name,
            .studio-sidebar .pill-opt .text-xs,
            .studio-sidebar .pill-opt p.text-white {
                font-size: 13px !important;
                font-weight: 700 !important;
            }
            .studio-sidebar .pill-opt p.text-\[9px\],
            .studio-sidebar .pill-opt .text-\[9px\] {
                font-size: 10.5px !important;
                font-weight: 500 !important;
            }
            
            .studio-sidebar .pill-opt .w-9 {
                width: 38px !important;
                height: 38px !important;
            }
            .studio-sidebar .pill-opt .w-9 i {
                font-size: 14px !important;
            }
            
            #model-dropdown-label { font-size: 13px !important; font-weight: 600 !important; }
            
            .variant-tile {
                font-size: 12px !important;
                padding: 8px 12px !important;
            }
            .variant-tile .variant-tile-name,
            .variant-tile span {
                font-size: 12px !important;
                font-weight: 600 !important;
            }
            
            #prompt {
                font-size: 14px !important;
                line-height: 1.45 !important;
            }
            #prompt::placeholder { font-size: 14px !important; }
            
            .studio-sidebar .text-\[10px\] { font-size: 11.5px !important; }
            .studio-sidebar .text-\[11px\] { font-size: 12px !important; }
            
            .studio-sidebar .ar-trigger { font-size: 13px !important; padding: 10px 14px !important; }
            .studio-sidebar .ar-trigger .ar-cur { font-size: 13px !important; }
            .studio-sidebar .ar-opt { font-size: 13px !important; padding: 9px 12px !important; }
        }

        
        @media (max-width: 1023px) {
            .studio-sidebar {
                background: rgba(10,11,16,0.55) !important;
            }
        }

        
        
        @media (min-width: 1024px) {
        #model-dropdown-list {
            background: #000 !important;
            border: 1px solid rgba(0,242,255,0.25) !important;
            
            box-shadow:
                0 20px 50px rgba(0,0,0,0.7),
                0 0 0 1px rgba(0,242,255,0.06) inset !important;
            backdrop-filter: none !important;
            -webkit-backdrop-filter: none !important;
            transform-origin: top center;
            animation: mddOpen .25s cubic-bezier(.16,1,.3,1);
            scrollbar-width: thin;
            scrollbar-color: rgba(0,242,255,0.25) transparent;
        }
        @keyframes mddOpen {
            from { opacity: 0; transform: translateY(-8px) scale(0.97); }
            to { opacity: 1; transform: translateY(0) scale(1); }
        }
        #model-dropdown-list::-webkit-scrollbar { width: 8px; }
        #model-dropdown-list::-webkit-scrollbar-track { background: transparent; }
        #model-dropdown-list::-webkit-scrollbar-thumb {
            background: rgba(0,242,255,0.2);
            border-radius: 4px;
            border: 2px solid #000;
        }
        #model-dropdown-list::-webkit-scrollbar-thumb:hover { background: rgba(0,242,255,0.4); }

        
        #model-dropdown-list > div {
            background: #000 !important;
            border-left: 2px solid transparent !important;
            transition: all .18s cubic-bezier(.4,0,.2,1) !important;
            position: relative;
            overflow: hidden;
        }
        #model-dropdown-list > div::before {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(90deg, rgba(0,242,255,0.08) 0%, transparent 60%);
            opacity: 0;
            transition: opacity .2s ease;
            pointer-events: none;
        }
        #model-dropdown-list > div:hover {
            background: #050505 !important;
            border-left-color: #00f2ff !important;
            padding-left: calc(0.75rem + 4px) !important;
        }
        #model-dropdown-list > div:hover::before { opacity: 1; }

        
        #model-dropdown-list > div.bg-\[\#00f2ff\]\/10 {
            background: linear-gradient(90deg, rgba(0,242,255,0.12) 0%, rgba(0,242,255,0.04) 100%) !important;
            border-left-color: #00f2ff !important;
        }

        
        #model-dropdown-list span[style*="rgba(0,242,255"] {
            box-shadow: 0 0 12px rgba(0,242,255,0.15);
            transition: all .18s ease;
        }
        #model-dropdown-list > div:hover span[style*="rgba(0,242,255"] {
            box-shadow: 0 0 18px rgba(0,242,255,0.3);
        }

        
        #model-dropdown-list > div > div:first-child {
            border: 1px solid rgba(255,255,255,0.06);
            transition: all .2s ease;
        }
        #model-dropdown-list > div:hover > div:first-child {
            border-color: rgba(0,242,255,0.35);
            box-shadow: 0 0 16px rgba(0,242,255,0.18);
        }
        } 

        @media (max-width: 767px) {
            .sidebar { display: none !important; }
            .mobile-nav { display: flex; position: fixed; bottom: 0; left: 0; right: 0; height: 72px; background: linear-gradient(to top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.8) 100%); backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); z-index: 100; justify-content: space-around; align-items: center; padding: 0 8px; padding-bottom: env(safe-area-inset-bottom); }
            .mobile-nav-btn { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 60px; height: 50px; color: rgba(255,255,255,0.5); font-size: 1.2rem; transition: all 0.2s ease; gap: 4px; }
            .mobile-nav-btn.hidden { display: none !important; }
            .mobile-nav-btn span { font-size: 10px; font-weight: 500; }
            
            
            .mobile-nav .mobile-nav-btn .m-nav-nowosc { position: absolute; top: 2px; right: 0; font-size: 7px !important; font-weight: 800 !important; letter-spacing: .4px; text-transform: uppercase; color: #000; background: #f5c542; padding: 1px 4px; border-radius: 6px; line-height: 1.3; opacity: 1; }
            .mobile-nav-btn:hover, .mobile-nav-btn.active { color: #fff; }
            .mobile-nav-btn.active span { opacity: 1; }
            @keyframes studioBreathe { 0%,100% { box-shadow: 0 4px 16px rgba(0,242,255,0.4), 0 0 0 0 rgba(0,242,255,0.15); } 50% { box-shadow: 0 4px 32px rgba(0,242,255,0.75), 0 0 24px 6px rgba(0,242,255,0.2); } }
            .mobile-nav-btn.studio-btn { color: #000 !important; background: linear-gradient(135deg, #00f2ff 0%, #00b4d8 100%) !important; font-size: 1.5rem; width: 58px; height: 58px; margin-top: -28px; border-radius: 50%; box-shadow: 0 4px 24px rgba(0, 242, 255, 0.5); animation: studioBreathe 2.8s ease-in-out infinite; }
            .mobile-nav-btn.studio-btn:active, .mobile-nav-btn.studio-btn:focus, .mobile-nav-btn.studio-btn.active { transform: scale(0.92); color: #000 !important; background: linear-gradient(135deg, #00f2ff 0%, #00b4d8 100%) !important; animation: none; }
            .studio-container { flex-direction: column !important; }
            .studio-sidebar { width: 100% !important; border-right: none !important; border-bottom: 1px solid rgba(255,255,255,0.04); }
            .main-content { padding-bottom: 90px !important; }

            
            #section-studio .studio-sidebar > .p-5 { padding: 10px 12px !important; }
            #section-studio .studio-sidebar .space-y-5 > :not([hidden]) ~ :not([hidden]) { margin-top: 10px !important; }
            #section-studio .studio-sidebar .space-y-4 > :not([hidden]) ~ :not([hidden]) { margin-top: 8px !important; }
            #section-studio .studio-sidebar .space-y-3 > :not([hidden]) ~ :not([hidden]) { margin-top: 6px !important; }
            #section-studio .studio-sidebar .space-y-2 > :not([hidden]) ~ :not([hidden]) { margin-top: 4px !important; }
            #section-studio #prompt-section .mb-2 { margin-bottom: 4px !important; }
            #section-studio #prompt-section .mb-1\.5 { margin-bottom: 2px !important; }
            #section-studio #prompt { height: 110px !important; padding: 10px 12px !important; }
            #section-studio #prompt-section .h-36 { height: 110px !important; }
            #section-studio #variant-tiles { gap: 6px !important; margin-top: 6px !important; }
            #section-studio #variant-tiles .variant-tile { padding: 6px 10px !important; }
            #section-studio #multi-image-add { padding: 8px 4px !important; }
            #section-studio #multi-image-grid { gap: 6px !important; }

            
            #section-studio > .flex-1 { background: rgba(10,11,16,0.55) !important; }
        }

        
        
        #tworz-zaslona, #tworz-panel { display: none; }
        @media (max-width: 767px) {
            
            #section-apps .grid { gap: 12px !important; }
            #section-apps .apps-tool {
                border-radius: 18px !important;
                background: rgba(255,255,255,0.05) !important;
                border: 1px solid rgba(255,255,255,0.10) !important;
                box-shadow: 0 6px 12px rgba(0,0,0,0.35);
                padding: 11px 11px 12px !important;      
                overflow: hidden;
            }
            
            #section-apps .apps-tool::before {
                content: ""; position: absolute; top: 0; left: 0; right: 0; height: 72px; z-index: 0;
                background: linear-gradient(180deg, rgba(255,255,255,0.10), rgba(255,255,255,0));
                pointer-events: none;
            }
            #section-apps .apps-tool-img {
                border-radius: 12px !important;
                border: 1px solid rgba(255,255,255,0.07) !important;
                margin-bottom: 10px !important;
                position: relative; z-index: 1;          
            }
            
            #section-apps .apps-tool h4 {
                position: relative; z-index: 1;
                color: #fff !important; font-size: 15px !important; line-height: 19px !important;
                font-weight: 700 !important; margin: 0 1px 2px !important;
                white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
            }
            #section-apps .apps-tool p {
                position: relative; z-index: 1;
                color: rgba(255,255,255,0.42) !important; font-size: 11.5px !important;
                line-height: 14px !important; margin: 0 1px !important;
                white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
            }
            
            #section-apps .apps-hero { border-radius: 18px !important; box-shadow: 0 6px 12px rgba(0,0,0,0.35); }
            #section-apps .apps-hero-grad {
                top: 55% !important;
                background: rgba(0,0,0,0.55) !important;
            }

            
            
            #tworz-zaslona, #tworz-panel { display: block; }   
            #tworz-zaslona {
                position: fixed; left: 0; right: 0; top: 0; bottom: var(--nav-h, 72px); z-index: 98;
                background: rgba(4,4,12,0.35); opacity: 0; pointer-events: none;
                transition: opacity .2s ease;   
            }
            #tworz-panel {
                position: fixed; left: 0; right: 0; bottom: var(--nav-h, 72px); z-index: 99;
                background: rgba(22,22,28,0.985);
                border-top: 1px solid rgba(255,255,255,0.08);
                border-radius: 26px 26px 0 0;
                box-shadow: 0 -10px 24px rgba(0,0,0,0.5);
                padding: 8px 12px 16px;
                transform: translateY(24px); opacity: 0; pointer-events: none;
                transition: transform .22s cubic-bezier(.22,1.2,.36,1), opacity .18s ease;
            }
            body.tworz-otwarty #tworz-zaslona { opacity: 1; pointer-events: auto; }
            body.tworz-otwarty #tworz-panel { transform: translateY(0); opacity: 1; pointer-events: auto; }
            #tworz-uchwyt {
                width: 40px; height: 4px; border-radius: 2px; margin: 0 auto 10px;
                background: #00f2ff; box-shadow: 0 0 8px rgba(0,242,255,0.9);
            }
            #tworz-naglowek {
                font-size: 11px; letter-spacing: 2px; text-transform: uppercase;
                color: rgba(255,255,255,0.45); text-align: center; margin: 0 0 14px;
            }
            #tworz-skroty { display: flex; justify-content: space-between; align-items: flex-start; }
            #tworz-skroty button {
                flex: 1; display: flex; flex-direction: column; align-items: center; gap: 7px;
                background: none; border: 0; padding: 0; cursor: pointer;
                opacity: 0; transform: translateY(14px) scale(.9);
            }
            body.tworz-otwarty #tworz-skroty button { animation: twSkrot .28s cubic-bezier(.22,1.2,.36,1) forwards; }
            body.tworz-otwarty #tworz-skroty button:nth-child(1) { animation-delay: .05s; }
            body.tworz-otwarty #tworz-skroty button:nth-child(2) { animation-delay: .10s; }
            body.tworz-otwarty #tworz-skroty button:nth-child(3) { animation-delay: .15s; }
            body.tworz-otwarty #tworz-skroty button:nth-child(4) { animation-delay: .20s; }
            body.tworz-otwarty #tworz-skroty button:nth-child(5) { animation-delay: .25s; }
            @keyframes twSkrot { to { opacity: 1; transform: translateY(0) scale(1); } }
            #tworz-skroty .tw-ikona {
                width: 52px; height: 52px; border-radius: 50%; position: relative; isolation: isolate;
                background: rgba(255,255,255,0.09); border: 1px solid rgba(0,242,255,0.16);
                display: flex; align-items: center; justify-content: center; color: #fff; font-size: 22px;
            }
            #tworz-skroty .tw-ikona::before {   
                content: ""; position: absolute; width: 46px; height: 46px; border-radius: 50%; z-index: -1;
                background: rgba(0,242,255,0.10); box-shadow: 0 0 12px rgba(0,242,255,0.35);
            }
            #tworz-skroty .tw-podpis { font-size: 11.5px; color: rgba(255,255,255,0.92); }

            
            .mobile-nav-btn { color: rgba(255,255,255,0.62) !important; }
            
            .mobile-nav-btn:not(.studio-btn) span { font-size: 10.5px !important; }
            .mobile-nav-btn:hover, .mobile-nav-btn.active { color: #fff !important; }
            .mobile-nav-btn.studio-btn { color: #000 !important; }
            
            .mobile-nav::before {
                content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px;
                background: linear-gradient(90deg, rgba(0,242,255,0.12), rgba(139,92,246,0.08));
            }
            .mobile-nav-btn:not(.studio-btn) { position: relative; isolation: isolate; }
            .mobile-nav-btn.active:not(.studio-btn)::before {
                content: ""; position: absolute; width: 44px; height: 28px; border-radius: 14px; z-index: -1;
                background: linear-gradient(90deg, rgba(0,242,255,0.12), rgba(139,92,246,0.08));
            }
        }
        @media (min-width: 768px) {
            .mobile-nav { display: none; }
            
            #section-studio { height: 100vh; }
            #section-studio .studio-sidebar { height: 100vh; }
            #section-studio .studio-sidebar > .p-5.space-y-5 { flex: 1 1 auto; }
        }
        #section-explore { background: #000; position: fixed; top: 0; left: 0; right: 0; bottom: 72px; bottom: calc(72px + env(safe-area-inset-bottom)); overflow: hidden; z-index: 10; }
        .explore-swiper { width: 100%; height: 100%; }
        .explore-swiper .swiper-slide { height: 100%; position: relative; display: flex; align-items: center; justify-content: center; background: #000; }
        .explore-slide-media { width: 100%; height: 100%; object-fit: contain; }
        .explore-slide-overlay { position: absolute; bottom: 0; left: 0; right: 0; padding: 16px; background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, transparent 100%); z-index: 5; pointer-events: none; }
        .explore-slide-overlay > * { pointer-events: auto; }
        .explore-slide-actions { position: absolute; right: 12px; bottom: 16px; display: flex; flex-direction: column; gap: 16px; align-items: center; z-index: 6; }
        .explore-action-btn { display: flex; flex-direction: column; align-items: center; gap: 3px; color: #fff; font-size: 22px; filter: drop-shadow(0 2px 4px rgba(0,0,0,0.5)); cursor: pointer; }
        .explore-action-btn span { font-size: 11px; font-weight: 700; }
        @media (min-width: 768px) { #section-explore { max-width: 480px; margin: 0 auto; } }
        @keyframes slideUp { from { transform: translateY(100%); } to { transform: translateY(0); } }

        
        * { scrollbar-width: thin; scrollbar-color: rgba(0,242,255,0.32) transparent; }
        ::-webkit-scrollbar { width: 8px; height: 8px; }
        ::-webkit-scrollbar-track { background: transparent; }
        ::-webkit-scrollbar-thumb { background: linear-gradient(180deg, rgba(0,242,255,0.42), rgba(188,19,254,0.42)); border-radius: 10px; border: 2px solid transparent; background-clip: padding-box; }
        ::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, rgba(0,242,255,0.72), rgba(188,19,254,0.72)); background-clip: padding-box; }
        ::-webkit-scrollbar-corner { background: transparent; }

        
        #announcement-bar {
            position: fixed; top: 0; left: 0; right: 0; z-index: 91;
            height: 36px;
            background: linear-gradient(135deg, rgba(0,242,255,0.15) 0%, rgba(139,92,246,0.15) 100%);
            border-bottom: 1px solid rgba(0,242,255,0.15);
            backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
            display: flex; align-items: center; justify-content: center;
            overflow: hidden;
        }
        @keyframes ab-scroll {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }
        #announcement-bar .ab-ticker {
            display: none;
        }
        @media (max-width: 767px) {
            #announcement-bar { height: 32px; }
            #announcement-bar .ab-static { display: none; }
            #announcement-bar .ab-ticker {
                display: flex; align-items: center; gap: 6px;
                white-space: nowrap;
                animation: ab-scroll 16s linear infinite;
            }
        }
        #announcement-bar.ab-hidden { display: none !important; }
        
        
        #announcement-bar::after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 500%; pointer-events: none; background: linear-gradient(105deg, transparent 38%, rgba(255,255,255,0.10) 50%, transparent 62%); background-size: 50% 100%; transform: translateX(-89%); animation: abBlysk 7s ease-in-out infinite; }
        @keyframes abBlysk { 0%, 55% { transform: translateX(-89%); } 100% { transform: translateX(-11%); } }
        #announcement-bar .ab-nowosc { display: inline-flex; align-items: center; padding: 2px 9px; border-radius: 999px; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #2a1a00; background: linear-gradient(135deg, #ffe9a6, #f5c542 55%, #d99a1e); box-shadow: 0 2px 10px rgba(245,197,66,.35); flex-shrink: 0; }
        #announcement-bar .ab-opis { color: rgba(255,255,255,0.65); }
        #announcement-bar .ab-cta { display: inline-flex; align-items: center; gap: 4px; background: #00f2ff; color: #000; font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .05em; border-radius: 999px; padding: 3px 12px; transition: transform .15s, background .15s; flex-shrink: 0; }
        #announcement-bar .ab-cta:hover { background: #00d4e0; transform: scale(1.05); }
        #announcement-bar .ab-tgrupa { display: inline-flex; align-items: center; gap: 6px; margin-right: 26px; font-size: 10px; }
        #announcement-bar .ab-tgrupa .text-xs { font-size: 10px; }
        #announcement-bar .ab-tgrupa .ab-cta { font-size: 9px; padding: 2px 9px; }
        @media (prefers-reduced-motion: reduce) { #announcement-bar::after { animation: none; display: none; } #announcement-bar .ab-ticker { animation: none !important; } }
        body.has-announcement-bar #top-nav { top: 36px; }
        
        @media (max-width: 1249px) { #tn-academy { display: none !important; } }
        
        @media (max-width: 1439px) { #tn-news { display: none !important; } }
        
        #ak-baner { display: block; overflow: hidden; margin: 0 auto 16px; border-radius: 16px; border: 1px solid rgba(0,242,255,.28); background: #04102a; aspect-ratio: 1916/821; }
        #ak-baner img { display: block; width: 100%; height: 100%; object-fit: cover; }
        #ak-baner:focus-visible { outline: 2px solid #00f2ff; outline-offset: 3px; }
        @media (min-width: 768px) { #ak-baner { display: none; } }
        body.has-announcement-bar #mobile-header { top: 32px; }
        
        #mobile-burger {
            width: 38px; height: 38px; border-radius: 999px; flex-shrink: 0;
            display: flex; align-items: center; justify-content: center;
            background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.12);
            transition: background 0.15s, border-color 0.15s;
        }
        #mobile-burger:active { background: rgba(255,255,255,0.13); border-color: rgba(0,242,255,0.35); }
        #mobile-burger .mb-lines { display: flex; flex-direction: column; gap: 4px; width: 16px; }
        #mobile-burger .mb-lines i { display: block; height: 1.8px; border-radius: 2px; background: rgba(255,255,255,0.85); transition: width 0.15s; }
        #mobile-burger .mb-lines i:nth-child(2) { width: 11px; }
        #mobile-burger:active .mb-lines i:nth-child(2) { width: 16px; }
        body.has-announcement-bar #mobile-menu { top: 92px; }
        @media (min-width: 768px) {
            body.has-announcement-bar .main-content { padding-top: 92px !important; }
        }
        @media (max-width: 767px) {
            body.has-announcement-bar .main-content { padding-top: 88px !important; }
        }

        
        @media (min-width: 768px) {
            #main-sidebar { display: none !important; }
            .main-content { margin-left: 0 !important; padding-top: 56px !important; }
            #top-nav { display: flex; }
        }
        @media (max-width: 767px) {
            #top-nav { display: none !important; }
        }
        #top-nav {
            position: fixed; top: 0; left: 0; right: 0; height: 56px; transition: top 0.3s ease;
            
            background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none;
            border-bottom: none;
            z-index: 50; align-items: center; padding: 0 26px; gap: 4px;
        }
        
        #top-nav::after { content: none; }
        
        #top-nav.tn-scrolled {
            background: rgba(5,5,12,0.62);
            backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
            transition: background 0.25s ease;
        }
        @media (max-width: 767px) {
            
            #mobile-header.tn-scrolled { background: rgba(5,5,12,0.95) !important; }
        }
        
        #tn-logo {
            display: flex; align-items: center; gap: 9px; padding: 0; margin-right: 22px;
            cursor: pointer; flex-shrink: 0; text-decoration: none;
        }
        #tn-logo img { width: 34px; height: 34px; }   
        
        #tn-logo span { font-size: 18px; font-weight: 900; color: #fff; letter-spacing: 0.01em; text-transform: uppercase; }
        #tn-logo span i { font-style: normal; color: #00f2ff; }
        @media (min-width: 768px) and (max-width: 1439px) {
            #tn-logo { padding-right: 8px; margin-right: 2px; }
            #tn-logo span { display: none; }
        }
        #top-nav .hidden { display: none !important; }
        
        .tn-item {
            display: flex; align-items: center; gap: 7px; padding: 7px 13px; border-radius: 8px;
            
            color: rgba(255,255,255,0.82); font-size: 12.5px; font-weight: 700; text-transform: uppercase;
            letter-spacing: 0.07em; cursor: pointer; transition: color 0.15s, background 0.15s;
            border: 1px solid transparent; white-space: nowrap; position: relative;
        }
        .tn-item:hover { color: #fff; background: rgba(255,255,255,0.05); border-color: transparent; }
        
        .tn-item.tn-active { color: #fff; font-weight: 900; background: transparent; border-color: transparent; }
        .tn-item.tn-active::after { content: none; }
        .tn-item i { font-size: 12px; }
        
        #top-nav > .tn-item > i:not(.fa-chevron-down),
        #top-nav > .tn-drop-wrap > .tn-item > i:not(.fa-chevron-down) { display: none; }
        #tn-pending > i { display: inline-block !important; }
        .tn-item i.fa-chevron-down { font-size: 8px; opacity: 0.4; margin-left: 1px; }
        
        .tn-badge {
            font-size: 9.5px !important; font-weight: 800 !important; line-height: 1;
            padding: 4px 8px; border-radius: 999px; letter-spacing: 0.04em; margin-left: 2px;
            background: rgba(0,242,255,0.11); color: rgba(0,242,255,0.82); border: 1px solid rgba(0,242,255,0.18);
        }
        
        #tn-admin { color: rgba(255,255,255,0.66) !important; }
        #tn-admin:hover { color: #f87171 !important; }
        
        #tn-academy, #tn-ecommerce { color: rgba(0,242,255,0.88); }
        #tn-academy:hover, #tn-ecommerce:hover { color: #00f2ff; background: rgba(0,242,255,0.07); }
        #top-nav > #tn-academy > i, #top-nav > #tn-ecommerce > i { display: inline-block; font-size: 11px; }
        .tn-divider { width: 1px; height: 24px; background: rgba(255,255,255,0.08); margin: 0 6px; flex-shrink: 0; }
        .tn-drop-wrap { position: relative; padding-bottom: 6px; margin-bottom: -6px; }
        .tn-drop {
            display: none; position: absolute; top: calc(100% + 4px); left: 50%; transform: translateX(-50%);
            background: #000;
            backdrop-filter: none; -webkit-backdrop-filter: none;
            border: 1px solid rgba(0,242,255,0.25);
            border-radius: 14px; padding: 10px; z-index: 999;
            box-shadow:
                0 20px 50px rgba(0,0,0,0.7),
                0 0 0 1px rgba(0,242,255,0.06) inset;
        }
        
        .tn-drop::before { content: ''; position: absolute; top: -22px; left: -40px; right: -40px; height: 22px; }
        
        .tn-drop-wrap.otwarte .tn-drop { display: block; animation: tn-drop-in 0.2s cubic-bezier(0.16,1,0.3,1); }
        
        .tn-drop::after {
            content: ''; position: absolute; top: -5px; left: 50%; transform: translateX(-50%);
            width: 10px; height: 10px; background: #000;
            border-left: 1px solid rgba(0,242,255,0.25); border-top: 1px solid rgba(0,242,255,0.25);
            transform: translateX(-50%) rotate(45deg);
        }
        .tn-drop-wrap:hover .tn-drop { display: block; }   
        
        .tn-drop-wrap:has(#tn-image) .tn-drop,
        .tn-drop-wrap:has(#tn-video) .tn-drop { left: 0; transform: none; }
        .tn-drop-wrap:has(#tn-image) .tn-drop::after,
        .tn-drop-wrap:has(#tn-video) .tn-drop::after { left: 34px; transform: rotate(45deg); }
        .tn-drop-wrap:has(#tn-image).otwarte .tn-drop,
        .tn-drop-wrap:has(#tn-video).otwarte .tn-drop { animation-name: tn-drop-in-left; }
        @keyframes tn-drop-in-left {
            from { opacity: 0; transform: translateY(8px) scale(0.97); }
            to   { opacity: 1; transform: translateY(0) scale(1); }
        }
        @keyframes tn-drop-in {
            from { opacity: 0; transform: translateX(-50%) translateY(8px) scale(0.97); }
            to   { opacity: 1; transform: translateX(-50%) translateY(0)   scale(1); }
        }
        #main-cat-tiles h4 { text-transform: uppercase; letter-spacing: 0.08em; }
        #main-cat-tiles p { text-transform: uppercase; letter-spacing: 0.05em; font-size: 10px; }
        @media (max-width: 767px) { #main-cat-tiles h4, #main-cat-tiles p { display: none; } #tile-lektor { display: none !important; } }
        .banner-slide > h4 { padding: 8px 12px 0; }
        .banner-slide > p { padding: 2px 12px 8px; }
        .banner-slide > h4, .banner-slide > h4 + p { background: rgba(255,255,255,0.03); }
        .banner-slide > h4 { border-top-left-radius: 10px; border-top-right-radius: 10px; border: 1px solid rgba(255,255,255,0.05); border-bottom: none; margin-top: 8px; text-transform: uppercase; letter-spacing: 0.05em; }
        .banner-slide > h4 + p { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border: 1px solid rgba(255,255,255,0.05); border-top: none; text-transform: uppercase; letter-spacing: 0.05em; font-size: 10px; }
        #banners-track-mobile > div > h4 { padding: 8px 12px 0; background: rgba(255,255,255,0.03); border-top-left-radius: 10px; border-top-right-radius: 10px; border: 1px solid rgba(255,255,255,0.05); border-bottom: none; margin-top: 8px; text-transform: uppercase; letter-spacing: 0.05em; }
        #banners-track-mobile > div > h4 + p { padding: 2px 12px 8px; background: rgba(255,255,255,0.03); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border: 1px solid rgba(255,255,255,0.05); border-top: none; text-transform: uppercase; letter-spacing: 0.05em; font-size: 10px; }
        .tn-drop-cols { display: flex; gap: 12px; }
        .tn-drop-col { min-width: 230px; }
        .tn-drop-col + .tn-drop-col { border-left: 1px solid rgba(255,255,255,0.06); padding-left: 12px; }
        .tn-drop-sep { height: 1px; background: rgba(255,255,255,0.06); margin: 5px 10px; }
        .tn-drop-item {
            display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 12px;
            color: rgba(255,255,255,0.85); cursor: pointer;
            transition: all 0.15s; position: relative;
            min-width: 0;
        }
        .tn-drop-item > i { font-size: 14px; flex-shrink: 0; width: 18px; text-align: center; }
        .tn-drop-item-text { display: flex; flex-direction: column; min-width: 0; flex: 1; gap: 1px; }
        .tn-drop-item-name {
            font-family: 'Space Grotesk', 'Inter', sans-serif;
            font-size: 13.5px;
            font-weight: 700;
            letter-spacing: -0.01em;
            color: rgba(255,255,255,0.95);
            line-height: 1.2;
        }
        .tn-drop-item-desc {
            font-size: 10.5px;
            font-weight: 500;
            color: rgba(255,255,255,0.42);
            line-height: 1.3;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            letter-spacing: 0.01em;
        }
        .tn-drop-item:hover .tn-drop-item-name { color: #00f2ff; }
        .tn-drop-item:hover .tn-drop-item-desc { color: rgba(0,242,255,0.55); }
        
        .tn-drop-item > span:not(.tn-drop-item-text) {
            font-family: 'Space Grotesk', 'Inter', sans-serif;
            font-size: 13.5px;
            font-weight: 700;
            color: rgba(255,255,255,0.95);
            line-height: 1.2;
            letter-spacing: -0.01em;
            white-space: nowrap;
        }
        .tn-drop-item:hover > span:not(.tn-drop-item-text) { color: #00f2ff; }
        
        .tn-drop-item {
            background: #000;
            border-left: 2px solid transparent;
            border-radius: 10px;
        }
        .tn-drop-item:hover { background: rgba(0,242,255,0.06); color: #00f2ff; transform: translateX(3px); border-radius: 10px; }
        .tn-drop-item:hover::before {
            content: ''; position: absolute; left: 0; top: 20%; bottom: 20%;
            width: 2px; background: #00f2ff; border-radius: 2px;
            box-shadow: 0 0 6px rgba(0,242,255,0.6);
        }
        
        .tn-drop-item i {
            width: 32px; height: 32px; display: flex; align-items: center; justify-content: center;
            font-size: 14px; flex-shrink: 0; border-radius: 9px;
            background: rgba(255,255,255,0.06); transition: all 0.15s;
        }
        .tn-drop-item:hover i { background: rgba(0,242,255,0.12); opacity: 1; }
        .tn-drop-item img { width: 32px; height: 32px; border-radius: 8px; object-fit: cover; flex-shrink: 0; }
        .tn-drop-label {
            padding: 8px 12px 4px; font-size: 10px; text-transform: uppercase; letter-spacing: 0.1em;
            color: rgba(255,255,255,0.2); font-weight: 800;
            display: flex; align-items: center; gap: 8px;
        }
        .tn-drop-label::after { content: ''; flex: 1; height: 1px; background: rgba(255,255,255,0.06); }
        .tn-drop-group { border-radius: 12px; margin-bottom: 2px; }
        .tn-drop-group-head {
            display: flex; align-items: center; gap: 12px; padding: 9px 12px; border-radius: 12px;
            color: rgba(255,255,255,0.85); font-size: 13px; font-weight: 600; cursor: pointer;
            transition: all 0.15s; white-space: nowrap;
        }
        .tn-drop-group-head:hover { background: rgba(0,242,255,0.06); color: #00f2ff; }
        .tn-drop-group-head img { width: 32px; height: 32px; border-radius: 8px; object-fit: cover; flex-shrink: 0; }
        .tn-drop-group-head i.fa-chevron-right { font-size: 8px; opacity: 0.3; margin-left: auto; transition: transform 0.15s; }
        .tn-drop-group.open .tn-drop-group-head i.fa-chevron-right { transform: rotate(90deg); opacity: 0.6; }
        .tn-drop-group.open .tn-drop-group-head { color: #fff; background: rgba(255,255,255,0.05); }
        .tn-drop-models { display: none; padding: 4px 0 4px 22px; }
        .tn-drop-group.open .tn-drop-models { display: block; }
        .tn-drop-model {
            display: flex; align-items: center; gap: 8px; padding: 7px 12px; border-radius: 8px;
            color: rgba(255,255,255,0.85); font-size: 12px; font-weight: 500; cursor: pointer;
            transition: all 0.15s; white-space: nowrap;
        }
        .tn-drop-model:hover { background: rgba(0,242,255,0.08); color: #00f2ff; }
        
        .tn-drop { font-family: 'Geist', 'Inter', sans-serif; background: #121214; border: 1px solid #27272a; border-radius: 16px; padding: 20px 22px 18px; box-shadow: 0 30px 80px rgba(0,0,0,0.8); width: max-content; max-width: min(96vw, 1100px); max-height: calc(100vh - 86px); overflow-y: auto; }
        
        .tn-drop-wrap:has(#tn-music) .tn-drop { min-width: 480px; }
        .tn-drop-wrap:has(#tn-apps) .tn-drop { columns: 2; column-gap: 26px; min-width: 900px; }
        .tn-drop-wrap:has(#tn-apps) .tn-drop > * { break-inside: avoid; }
        .tn-drop-wrap:has(#tn-apps) .tn-drop .tn-drop-sep { display: none; }
        .tn-drop::after { display: none; }
        .tn-drop-cols { gap: 28px; flex-direction: row-reverse; }   
        .tn-drop-col { min-width: 400px; }
        .tn-drop-col + .tn-drop-col { border: 0; padding: 0; }
        .tn-drop-label { padding: 0 12px 14px; font-family: 'Geist', 'Inter', sans-serif; font-size: 15px; font-weight: 400; letter-spacing: 0; text-transform: none; color: #8b8b90; }
        .tn-drop-label::after { display: none; }
        .tn-drop-item, .tn-drop-group-head { gap: 16px; padding: 9px 12px; border-radius: 12px; border-left: 0; background: transparent; color: #fff; margin: 0; }
        .tn-drop-item:hover, .tn-drop-group-head:hover { background: #1b1b1e; transform: none; color: #fff; }
        .tn-drop-item:hover::before { display: none; }
        .tn-drop-item > i, .tn-drop-group-head > i:not(.fa-chevron-right), .tn-ico i { width: 50px !important; height: 50px !important; border-radius: 12px; background: #1c1c1f !important; border: 1px solid #2c2c30; color: #fff !important; font-size: 19px !important; opacity: 1 !important; display: flex; align-items: center; justify-content: center; flex-shrink: 0; text-align: center; }
        .tn-drop-item:hover > i, .tn-drop-group-head:hover > i:not(.fa-chevron-right), .tn-drop-item:hover .tn-ico i, .tn-drop-group-head:hover .tn-ico i { background: #232327 !important; }
        .tn-drop-item > img, .tn-drop-group-head > img, .tn-ico img { width: 50px !important; height: 50px !important; border-radius: 12px; object-fit: cover; border: 1px solid #2c2c30; opacity: 1 !important; }
        .tn-ico { position: relative; display: flex; flex-shrink: 0; width: 50px; height: 50px; }
        .tn-ico.new img, .tn-ico.new i { border-color: #00f2ff !important; }   
        .tn-ico.top img, .tn-ico.top i { border-color: #ff2e63 !important; }
        .tn-tag { position: absolute; top: -8px; left: -8px; z-index: 1; font-family: 'Geist', 'Inter', sans-serif; font-size: 10.5px; font-weight: 800; font-style: italic; line-height: 1; padding: 3px 7px 4px; border-radius: 6px; letter-spacing: 0.02em; text-transform: uppercase; }
        .tn-tag.new { background: #00f2ff; color: #04131a; }
        .tn-tag.top { background: #ff2e63; color: #fff; }
        .tn-drop-item-text { gap: 3px; }
        .tn-drop-item-name, .tn-drop-item > span:not(.tn-drop-item-text), .tn-drop-group-head .tn-drop-item-name { font-family: 'Geist', 'Inter', sans-serif; font-size: 15.5px; font-weight: 600; letter-spacing: -0.005em; color: #f4f4f6; white-space: nowrap; line-height: 1.25; }
        .tn-drop-item-desc { font-family: 'Geist', 'Inter', sans-serif; font-size: 14px; font-weight: 500; color: #9c9ca3; letter-spacing: 0; white-space: nowrap; max-width: 440px; line-height: 1.3; }
        .tn-drop-item:hover .tn-drop-item-name, .tn-drop-item:hover > span:not(.tn-drop-item-text), .tn-drop-group-head:hover .tn-drop-item-name { color: #fff; }
        .tn-drop-item:hover .tn-drop-item-desc, .tn-drop-group-head:hover .tn-drop-item-desc { color: #a3a3a8; }
        .tn-drop-group-head i.fa-chevron-right { width: auto !important; height: auto !important; background: transparent !important; border: 0; font-size: 10px !important; color: #5a5a60 !important; }
        .tn-drop-models { padding-left: 66px; }
        .tn-drop-model { font-family: 'Geist', 'Inter', sans-serif; font-size: 14px; color: #c9c9cc; }
        .tn-drop-wrap:has(#tn-image) .tn-drop, .tn-drop-wrap:has(#tn-video) .tn-drop { left: -14px; }
        
        #tn-help-btn, #m-help-btn2 { display: none !important; }
        
        #tn-gallery-btn span { display: none; }
        #tn-gallery-btn { padding: 0 11px; }
        #tn-gallery-btn i { margin-right: 0 !important; font-size: 13px; }
        
        #tn-jujitsu { color: #f5c542; }
        #tn-jujitsu:hover { color: #ffd966; background: rgba(245,197,66,0.08); }
        #top-nav > #tn-jujitsu > i { display: inline-block; font-size: 11px; }
        #tn-jujitsu .tn-badge { background: rgba(245,197,66,0.14); color: #f5c542; border-color: rgba(245,197,66,0.32); }
        
        .tn-pricing-btn, .tn-credits, #mobile-header-credits { position: relative; }
        .tn-promo10 { position: absolute; bottom: -12px; left: 50%; transform: translateX(-50%); background: #ff2e8b; color: #fff; font-size: 11.5px; font-weight: 800; line-height: 1; padding: 4px 10px; border-radius: 999px; letter-spacing: .03em; white-space: nowrap; box-shadow: 0 3px 12px rgba(255,46,139,.45); pointer-events: none; z-index: 2; }
        .mm-promo10 { margin-left: auto; background: #ff2e8b; color: #fff; font-size: 12px; font-weight: 800; line-height: 1; padding: 5px 10px; border-radius: 999px; letter-spacing: .03em; }
        
        body.page-modal-otwarty #top-nav { z-index: 320; }
        body.page-modal-otwarty nav.mobile-nav { z-index: 320; }
        
        html.okno-nad-paskiem nav.mobile-nav { display: none !important; }
        
        html.strona-w-tle *, html.strona-w-tle *::before, html.strona-w-tle *::after { animation-play-state: paused !important; }
        
        html.spoczynek *, html.spoczynek *::before, html.spoczynek *::after { animation-play-state: paused !important; }
        
        ::view-transition-old(root), ::view-transition-new(root) { animation-duration: .22s; animation-timing-function: ease-out; }
        nav.mobile-nav { view-transition-name: nawigacja-dol; }
        #mobile-header { view-transition-name: naglowek-tel; }
        #top-nav { view-transition-name: naglowek; }
        #site-announcement-bar { view-transition-name: ogloszenie; }
        
        html.sg-bez-galerii #output-idle { display: none !important; }
        html.sg-bez-galerii #output-shell:has(#output-result.hidden):has(#output-spinner.hidden) { display: none !important; }
        
        @media (max-width: 1023px) { #av-preview { height: 220px !important; min-height: 0 !important; max-height: none !important; } #av-preview video, #av-preview img { max-height: 100% !important; max-width: 100% !important; } }
        
        #profile-tab-credits > .grid > *, #profile-tab-photos > .grid > *, #profile-tab-settings > .grid > * { min-width: 0; }
        #profile-tab-credits p, #profile-tab-credits span { overflow-wrap: anywhere; }
        
        #referral-after-purchase { position: fixed; z-index: 210; top: 72px; bottom: auto; left: auto; right: 20px; width: 340px; max-width: calc(100vw - 24px); }
        body.has-announcement-bar #referral-after-purchase { top: 108px; }
        body.has-site-ann #referral-after-purchase { top: calc(72px + var(--site-ann-h, 0px)); }
        body.has-site-ann.has-announcement-bar #referral-after-purchase { top: calc(108px + var(--site-ann-h, 0px)); }
        @media (max-width: 767px) {
            #referral-after-purchase { top: 64px; left: 12px; right: 12px; width: auto; max-width: none; }
            body.has-announcement-bar #referral-after-purchase { top: 96px; }
            body.has-site-ann #referral-after-purchase { top: calc(64px + var(--site-ann-h, 0px)); }
            body.has-site-ann.has-announcement-bar #referral-after-purchase { top: calc(96px + var(--site-ann-h, 0px)); }
        }
        
        .m-gift { width: 36px; height: 36px; border-radius: 50%; align-items: center; justify-content: center; color: #fff; font-size: 15px; border: 1.5px solid transparent; background: linear-gradient(#0b0e15, #0b0e15) padding-box, linear-gradient(135deg, #00f2ff, #ff2e8b) border-box; box-shadow: 0 0 14px rgba(255,46,139,.25); flex-shrink: 0; }
        .m-gift i { background: linear-gradient(135deg, #7ff6ff, #ff7ab8); -webkit-background-clip: text; background-clip: text; color: transparent; }
        @media (min-width: 768px) { .m-gift { display: none !important; } }
        
        .tplm { margin: 28px 0 8px; min-width: 0; }
        .tplm-naglowek { display: flex; align-items: center; gap: .4rem; margin: 0 0 .2rem; padding: 0 .15rem; background: none; border: 0; color: #fff; cursor: pointer; font-family: 'Space Grotesk', sans-serif; font-weight: 800; font-size: 1.2rem; }
        .tplm-naglowek i { font-size: .8rem; color: rgba(255,255,255,.55); }
        .tplm-podpis { margin: 0 0 .7rem; padding: 0 .15rem; font-size: .78rem; color: rgba(255,255,255,.5); }
        .tplm-tor { display: flex; gap: 8px; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; -webkit-overflow-scrolling: touch; padding: 0 .15rem 2px; margin: 0 -.15rem; }
        .tplm-tor::-webkit-scrollbar { display: none; }
        .tplm-karta { position: relative; flex: 0 0 calc((100% - 16px) / 2.4); aspect-ratio: 9 / 16; padding: 0; border: 0; border-radius: 14px; overflow: hidden; background: linear-gradient(160deg, #151823, #10121a); cursor: pointer; scroll-snap-align: start; }
        .tplm-karta img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity .3s ease; }
        .tplm-karta img.ok { opacity: 1; }
        .tplm-karta .sztpl-ruch { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity .3s ease; pointer-events: none; }
        .tplm-karta .sztpl-ruch.on { opacity: 1; }
        .tplm-nazwa { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: 26px 10px 9px; background: linear-gradient(transparent, rgba(5,6,10,.85)); color: #fff; font-size: 12.5px; font-weight: 700; text-align: left; line-height: 1.2; }
        .tplm-wszystkie { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; background: linear-gradient(160deg, rgba(0,242,255,.12), rgba(124,58,237,.12)); border: 1px solid rgba(0,242,255,.25); color: #fff; font-weight: 700; font-size: 13px; }
        .tplm-wszystkie i { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #00f2ff; color: #04121a; font-size: 15px; }
        @media (prefers-reduced-motion: reduce) { .tplm-karta img, .tplm-karta .sztpl-ruch { transition: none; } }
        @media (min-width: 768px) { .tplm { display: none; } }
        
        #tn-mcp { color: #f5c542; }
        #tn-mcp:hover { color: #ffd966; background: rgba(245,197,66,0.08); }
        #top-nav > #tn-mcp > i { display: inline-block; font-size: 11px; }
        .tn-right { display: flex; align-items: center; gap: 8px; margin-left: auto; flex-wrap: nowrap; min-width: 0; }
        
        #tn-user { flex-shrink: 0 !important; }
        
        
        .tn-right > button:not(#tn-user button):not(.tn-pricing-btn) { flex-shrink: 1; min-width: 0; }
        
        @media(max-width: 1279px) {
          .tn-btn span[data-i18n="profile.topUp"],
          #tn-help-btn span { display: none; }
        }
        
        @media (min-width: 1024px) {
            #beginner-wizard #bw-scroll-area > .relative.max-w-2xl { max-width: 720px; zoom: 1.15; }
        }

        
        
        @media (min-width: 768px) and (max-width: 1739px) { #tn-chat-ai .tn-badge, #tn-ecommerce .tn-badge { display: none; } }
        @media (min-width: 768px) and (max-width: 1739px) {
            #top-nav { padding: 0 14px; gap: 2px; }
            .tn-item { padding: 6px 9px; font-size: 12px; gap: 5px; letter-spacing: 0.05em; }
            .tn-btn { padding: 6px 10px; }
            .tn-divider { margin: 0 3px; }
        }
        @media (min-width: 768px) and (max-width: 1439px) {
            #top-nav { padding: 0 10px; }
            .tn-item { padding: 5px 7px; font-size: 11.5px; letter-spacing: 0.04em; }
            .tn-right { gap: 6px; }
            .tn-credits { padding: 5px 9px; font-size: 11px; }
            .tn-btn { padding: 5px 8px; font-size: 10px; }
            .tn-btn span[data-i18n="profile.redeem"] { display: none; }   
        }
        @media (min-width: 768px) and (max-width: 1279px) {
            #tn-chat-ai span[data-i18n="common.new"] { display: none; }   
            .tn-item i.fa-chevron-down { display: none; }                 
            .tn-lang { display: none; }                                   
        }
        .tn-credits {
            display: flex; align-items: center; gap: 7px; padding: 0 8px 0 12px; height: 32px; border-radius: 10px;
            background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.12); font-size: 13.5px; font-weight: 800; color: #fff;
        }
        .tn-credits i { color: #00f2ff; font-size: 11px; }
        .tn-gift { display: flex; align-items: center; gap: 6px; height: 32px; padding: 0 11px; border-radius: 10px; background: rgba(0,242,255,0.08); border: 1px solid rgba(0,242,255,0.32); color: #00f2ff; font-size: 12px; font-weight: 800; cursor: pointer; white-space: nowrap; }
        .tn-gift i { font-size: 13px; }
        .tn-gift:hover { background: rgba(0,242,255,0.17); border-color: rgba(0,242,255,0.55); }
        @media (max-width: 767px) { .tn-gift { display: none; } }
        
        .ptab-earn-akcent { border: 1px solid rgba(0,242,255,0.3); background: rgba(0,242,255,0.05); }
        .ptab-badge { font-size: 9px; font-weight: 800; line-height: 1; padding: 3px 5px; border-radius: 6px; background: #00f2ff; color: #04131a; margin-left: 2px; }
        .tn-btn {
            padding: 0 14px; height: 32px; display: flex; align-items: center;
            border-radius: 10px; font-size: 11.5px; font-weight: 800; cursor: pointer;
            text-transform: uppercase; letter-spacing: 0.06em;
            transition: all 0.2s; border: 1px solid transparent;
        }
        .tn-btn.bg-\[#00f2ff\] { box-shadow: 0 0 16px rgba(0,242,255,0.25); }

        
        
        .tn-btn-ghost {
            background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.12) !important;
            color: rgba(255,255,255,0.82); display: flex; align-items: center;
        }
        .tn-btn-ghost:hover { background: rgba(255,255,255,0.10); color: #fff; border-color: rgba(255,255,255,0.20) !important; }
        
        #tn-inbox {
            padding: 0 10px !important; height: 32px; border-radius: 10px;
            background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.12);
        }
        #tn-inbox:hover { background: rgba(255,255,255,0.10); }
        
        .tn-pricing-btn {
            position: relative; display: flex; align-items: center; gap: 7px;
            padding: 0 14px; height: 32px; border-radius: 10px; font-size: 12.5px; font-weight: 800;
            text-transform: uppercase; letter-spacing: 0.06em;
            cursor: pointer; color: #fff; flex-shrink: 0;
            background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.12);
            transition: background 0.18s, border-color 0.18s;
        }
        .tn-pricing-btn:hover { background: rgba(255,255,255,0.10); border-color: rgba(0,242,255,0.45); }
        .tn-pricing-btn > i { font-size: 11px; color: #00f2ff; }
        
        .tn-pricing-from {
            position: absolute; left: 50%; transform: translateX(-50%); bottom: -8px;
            padding: 2px 9px; border-radius: 999px; white-space: nowrap;
            font-size: 9.5px; font-weight: 900; letter-spacing: 0.02em;
            background: #00f2ff; color: #000; border: 1px solid #05070c;
        }
        .tn-credits { cursor: pointer; }
        .tn-credits:hover { background: rgba(255,255,255,0.10); border-color: rgba(0,242,255,0.35); }
        .tn-credits-plus {
            width: 18px; height: 18px; display: flex; align-items: center; justify-content: center;
            border-radius: 999px; background: #00f2ff; color: #000; font-size: 8px; margin-left: 1px;
        }
        .tn-credits-plus i { color: #000 !important; font-size: 8px; }
        
        .tn-user-wrap { position: relative; padding-bottom: 8px; margin-bottom: -8px; }
        .tn-avatar-btn {
            width: 32px; height: 32px; border-radius: 999px; padding: 0; cursor: pointer; overflow: hidden;
            border: 1px solid rgba(255,255,255,0.18); background: rgba(255,255,255,0.06);
            display: flex; align-items: center; justify-content: center; transition: border-color 0.15s;
            flex-shrink: 0;
        }
        .tn-avatar-btn:hover, .tn-user-wrap:hover .tn-avatar-btn { border-color: rgba(0,242,255,0.6); }
        .tn-avatar-btn img { width: 100%; height: 100%; object-fit: cover; display: block; }
        .tn-user-menu {
            display: none; position: absolute; top: calc(100% + 4px); right: 0; width: 268px;
            background: #0a0d12; border: 1px solid rgba(255,255,255,0.10); border-radius: 14px;
            padding: 6px; z-index: 999; box-shadow: 0 24px 60px rgba(0,0,0,0.7);
        }
        .tn-user-wrap:hover .tn-user-menu { display: block; animation: tn-drop-in-left 0.16s cubic-bezier(0.16,1,0.3,1); }
        .tn-um-head { display: flex; align-items: center; gap: 10px; padding: 10px 10px 12px; }
        .tn-um-head img { width: 36px; height: 36px; border-radius: 999px; object-fit: cover; flex-shrink: 0; }
        .tn-um-name { font-size: 13.5px; font-weight: 700; color: #fff; line-height: 1.2; max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
        .tn-um-plan { font-size: 10.5px; color: rgba(255,255,255,0.42); line-height: 1.3; margin-top: 1px; }
        .tn-um-credits {
            display: flex; align-items: center; justify-content: space-between;
            padding: 9px 12px; margin: 0 4px 6px; border-radius: 10px;
            background: rgba(0,242,255,0.06); border: 1px solid rgba(0,242,255,0.14);
        }
        .tn-um-credits-label { font-size: 11px; color: rgba(255,255,255,0.55); font-weight: 600; }
        .tn-um-credits-val { font-size: 16px; font-weight: 800; color: #fff; font-variant-numeric: tabular-nums; }
        .tn-um-sep { height: 1px; background: rgba(255,255,255,0.07); margin: 6px 10px; }
        .tn-um-item {
            display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: 10px;
            color: rgba(255,255,255,0.82); cursor: pointer; transition: background 0.14s, color 0.14s;
            text-decoration: none; min-width: 0;
        }
        .tn-um-item:hover { background: rgba(255,255,255,0.06); color: #fff; }
        .tn-um-item > i { width: 17px; text-align: center; font-size: 12.5px; color: rgba(255,255,255,0.4); flex-shrink: 0; }
        .tn-um-item:hover > i { color: #00f2ff; }
        .tn-um-text { display: flex; flex-direction: column; min-width: 0; flex: 1; }
        .tn-um-title { font-size: 12.5px; font-weight: 600; line-height: 1.25; }
        .tn-um-desc { font-size: 10px; color: rgba(255,255,255,0.38); line-height: 1.3; margin-top: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
        .tn-um-tag {
            font-size: 8.5px; font-weight: 800; padding: 2px 6px; border-radius: 4px; letter-spacing: 0.04em;
            background: rgba(0,242,255,0.14); color: #00f2ff; border: 1px solid rgba(0,242,255,0.25); flex-shrink: 0;
        }
        .tn-um-item.tn-um-danger:hover { background: rgba(248,113,113,0.10); color: #f87171; }
        .tn-um-item.tn-um-danger:hover > i { color: #f87171; }
        @media (min-width: 768px) and (max-width: 1439px) {
            .tn-pricing-btn { padding: 5px 10px; font-size: 11px; }
            .tn-avatar-btn { width: 30px; height: 30px; }
        }
        .tn-lang { font-size: 10px; font-weight: 800; padding: 4px 8px; border-radius: 8px; cursor: pointer; transition: all 0.15s; color: rgba(255,255,255,0.35); }
        .tn-lang:hover { color: rgba(255,255,255,0.7); }
        .tn-lang.active { color: #00f2ff; }
        .pill-opt { color: rgba(255,255,255,0.55); background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.14); }
        .pill-opt:hover { background: rgba(255,255,255,0.12); color: rgba(255,255,255,0.9); }
        .pill-opt.pill-active { background: rgba(0,242,255,0.28); border-color: rgba(0,242,255,0.7); color: #00f2ff; box-shadow: 0 0 15px rgba(0,242,255,0.25); }
        
        .ar-dd { position: relative; display: inline-block; max-width: 100%; }
        .ar-trigger { width: auto; min-width: 0; max-width: 100%; display: inline-flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 12px; border-radius: 10px; background: #16181e; border: 1px solid rgba(255,255,255,0.08); color: #fff; cursor: pointer; transition: background 0.15s, border-color 0.15s; font-family: inherit; }
        .ar-trigger:hover { background: #1d2027; border-color: rgba(255,255,255,0.14); }
        .ar-dd.ar-open .ar-trigger { background: #1d2027; border-color: rgba(0,242,255,0.4); box-shadow: 0 0 0 3px rgba(0,242,255,0.06); }
        .ar-trigger .ar-cur { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 600; }
        .ar-trigger .ar-cur > span { color: #fff; }
        .ar-trigger .ar-chev { font-size: 10px; color: rgba(255,255,255,0.5); transition: transform 0.18s; }
        .ar-dd.ar-open .ar-trigger .ar-chev { transform: rotate(180deg); color: #00f2ff; }
        .ar-menu { position: absolute; top: calc(100% + 4px); left: 0; min-width: 100%; width: max-content; background: #1a1d24; border: 1px solid rgba(255,255,255,0.12); border-radius: 10px; padding: 4px; display: none; z-index: 100; box-shadow: 0 16px 40px rgba(0,0,0,0.6); max-height: 280px; overflow-y: auto; }
        .ar-dd.ar-open .ar-menu { display: block; animation: arFadeIn 0.12s ease-out; }
        @keyframes arFadeIn { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } }
        
        .ar-dd.ar-up .ar-menu { top: auto; bottom: calc(100% + 4px); }
        .ar-dd.ar-up.ar-open .ar-menu { animation: arFadeInUp 0.12s ease-out; }
        @keyframes arFadeInUp { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }
        .ar-opt { width: 100%; display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 7px; background: transparent; border: none; color: rgba(255,255,255,0.7); cursor: pointer; font-size: 12px; font-weight: 600; text-align: left; transition: background 0.12s, color 0.12s; font-family: inherit; }
        .ar-opt:hover { background: rgba(255,255,255,0.05); color: #fff; }
        .ar-opt.ar-opt-active { background: rgba(0,242,255,0.12); color: #00f2ff; }
        .ar-opt.ar-opt-active svg rect { stroke: #00f2ff; stroke-width: 1.4; }
        .ar-opt > span { flex: 1; }
        
        .st2-hero { position: relative; display: block; width: 100%; padding: 0; border-radius: 16px; overflow: hidden; border: 1px solid rgba(255,255,255,0.08); background: #101218; cursor: pointer; text-align: left; transition: border-color .18s, box-shadow .18s; }
        .st2-hero:hover { border-color: rgba(0,242,255,0.35); box-shadow: 0 0 24px rgba(0,242,255,0.08); }
        .st2-hero-media { position: relative; width: 100%; aspect-ratio: 16 / 7; background: linear-gradient(135deg, #171a22 0%, #0d0f14 100%); }
        .st2-hero-media video, .st2-hero-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
        .st2-hero-media img.st2-hero-bg { filter: blur(20px) saturate(1.2); transform: scale(1.2); opacity: 0.7; }
        .st2-hero-media img.st2-hero-fg { object-fit: contain; }
        .st2-hero-fallback { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 26px; color: rgba(255,255,255,0.14); }
        .st2-hero-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.28) 46%, rgba(0,0,0,0.04) 100%); pointer-events: none; }
        .st2-hero-bottom { position: absolute; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px; }
        .st2-hero-name { display: flex; align-items: center; gap: 8px; min-width: 0; }
        .st2-hero-name > span { font-size: 14px; font-weight: 700; color: #fff; text-shadow: 0 1px 8px rgba(0,0,0,0.65); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
        .st2-hero-ico { width: 22px; height: 22px; border-radius: 6px; background-size: cover; background-position: center; background-color: rgba(255,255,255,0.08); flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #94a3b8; }
        .st2-hero-change { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px; background: rgba(16,18,24,0.85); border: 1px solid rgba(255,255,255,0.16); color: #fff; font-size: 11px; font-weight: 600; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); flex-shrink: 0; transition: background .15s, border-color .15s; }
        .st2-hero:hover .st2-hero-change { background: rgba(0,242,255,0.14); border-color: rgba(0,242,255,0.45); }
        
        .st2-count { position: absolute; right: 10px; bottom: 8px; font-size: 10px; font-weight: 600; color: rgba(255,255,255,0.28); pointer-events: none; user-select: none; }
        
        .st2-upslot { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 7px; min-height: 104px; padding: 14px 8px; border-radius: 14px; border: 1px dashed rgba(255,255,255,0.16); background: #232429; cursor: pointer; transition: border-color .18s, background .18s; }
        .st2-upslot:hover { border-color: rgba(0,242,255,0.45); background: #282932; }
        .st2-upslot-plus { width: 34px; height: 34px; border-radius: 11px; background: rgba(255,255,255,0.06); display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,0.50); font-size: 13px; transition: background .18s, color .18s; }
        .st2-upslot:hover .st2-upslot-plus { background: rgba(0,242,255,0.12); color: #00f2ff; }
        .st2-upslot-label { font-size: 10.5px; font-weight: 600; color: rgba(255,255,255,0.50); text-align: center; line-height: 1.3; padding: 0 2px; }
        .st2-upslot-gal { position: absolute; top: 6px; right: 6px; width: 22px; height: 22px; border-radius: 7px; background: rgba(255,255,255,0.06); color: rgba(255,255,255,0.4); font-size: 9px; display: flex; align-items: center; justify-content: center; transition: background .15s, color .15s; }
        .st2-upslot-gal:hover { background: rgba(0,242,255,0.15); color: #00f2ff; }
        
        #section-studio #st2-omni-frames-row {
            background: #1a1b20;
            border: 1px solid rgba(255,255,255,0.07);
            border-radius: 18px;
            padding: 14px 15px;
            align-items: stretch;
        }
        #section-studio #st2-omni-frames-row > #base-image-box,
        #section-studio #st2-omni-frames-row > #tail-image-box {
            background: transparent !important;
            border: none !important;
            border-radius: 0 !important;
            padding: 0 !important;
            min-width: 0;
        }
        #section-studio #st2-omni-frames-row > div > p:first-of-type {
            font-size: 11.5px !important;
            white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
            margin-bottom: 6px;
        }
        
        #st2-omni-frames-row [data-i18n="studioPanel.optional"] { display: none; }
        #st2-omni-frames-row .st2-upslot { min-height: 84px; padding: 10px 6px; gap: 6px; }
        #st2-omni-frames-row .st2-upslot .st2-upslot-label { display: none; }

        
        .st2-intent-box { padding: 9px 10px; border-radius: 12px; background: rgba(255,255,255,0.025); border: 1px solid rgba(255,255,255,0.07); }

        
        #section-studio #base-image-box,
        #section-studio #tail-image-box,
        #section-studio #multi-image-box,
        #section-studio #character-box,
        #section-studio #st2-auto-slots,
        #section-studio #base-video-box,
        #section-studio #base-audio-box,
        #section-studio #image-inputs-top > [data-image-input] {
            background: #1a1b20 !important;
            border: 1px solid rgba(255,255,255,0.07) !important;
            border-radius: 18px !important;
            padding: 14px 15px !important;
        }
        
        #section-studio #base-image-box > p:first-of-type,
        #section-studio #tail-image-box > p:first-of-type,
        #section-studio #st2-auto-slots > p:first-of-type,
        #section-studio #multi-image-box p[data-i18n="studioPanel.referenceImages"],
        #section-studio #character-box p:first-of-type,
        #section-studio #image-inputs-top > [data-image-input] > p:first-of-type {
            font-size: 14px !important;
            letter-spacing: 0 !important;
            text-transform: none !important;
            color: #fff !important;
            font-weight: 700 !important;
        }
        #section-studio #multi-image-count { font-size: 12px !important; color: rgba(255,255,255,0.40) !important; font-weight: 600; }
        
        #section-studio #prompt { background: #1a1b20 !important; border: 1px solid rgba(255,255,255,0.07) !important; font-size: 14px !important; min-height: 150px; }
        #section-studio #prompt::placeholder { color: rgba(255,255,255,0.30) !important; }
        
        #section-studio #dropzone-empty, #section-studio #tail-dropzone-empty {
            display: flex !important; flex-direction: column !important; justify-content: center; align-items: center; text-align: center;
            min-height: 104px; gap: 7px !important; background: #232429 !important;
            border: 1px dashed rgba(255,255,255,0.16) !important; border-radius: 14px !important; padding: 14px 8px !important;
        }
        #section-studio #dropzone-empty:hover, #section-studio #tail-dropzone-empty:hover { border-color: rgba(0,242,255,0.45) !important; background: #282932 !important; }
        
        .st2-chips { display: flex !important; flex-wrap: wrap; gap: 10px; }
        .st2-chips .ar-dd { flex: 0 0 auto; display: block; }
        .st2-chips .ar-trigger { padding: 14px 19px; border-radius: 15px; background: #1a1b20; border: 1px solid rgba(255,255,255,0.09); }
        .st2-chips .ar-trigger:hover { background: #222329; border-color: rgba(255,255,255,0.16); }
        .st2-chips .ar-trigger .ar-cur { font-size: 14px; font-weight: 800; gap: 9px; }
        .st2-chips .ar-trigger .ar-chev { display: none; }
        #st2-chips-slot:empty { display: none; }
        
        .st2-prompt-tools { position: absolute; left: 10px; bottom: 10px; display: flex; align-items: center; gap: 6px; z-index: 2; }
        #section-studio #prompt { padding-bottom: 52px !important; border-radius: 14px; }
        
        .st2-enhance-pill { display: inline-flex; align-items: center; gap: 7px; padding: 8px 14px; border-radius: 999px; background: #fff; border: none; color: #0b0b0d; font-size: 12px; font-weight: 800; cursor: pointer; transition: background .15s, transform .1s; white-space: nowrap; }
        .st2-enhance-pill:hover { background: #e9e9ec; }
        .st2-enhance-pill:active { transform: scale(0.97); }
        .st2-enhance-pill i { font-size: 10.5px; color: #0b0b0d; }
        
        .st2-optional-badge { position: absolute; top: 7px; left: 7px; padding: 3px 8px; border-radius: 7px; background: rgba(255,255,255,0.07); color: rgba(255,255,255,0.45); font-size: 8.5px; font-weight: 700; letter-spacing: 0.02em; pointer-events: none; }
        
        .st2-hint { font-size: 10.5px; color: rgba(255,255,255,0.30); line-height: 1.45; padding: 0 2px; }
        
        .st2-slider-ends { display: flex; justify-content: space-between; padding: 2px 2px 0; }
        .st2-slider-ends span { font-size: 10px; font-weight: 700; color: rgba(0,242,255,0.55); }
        .st2-slider-label { font-size: 12.5px; font-weight: 600; color: rgba(255,255,255,0.92); }
        
        #variant-tiles:not(.hidden) { display: block !important; }
        .st2-variant-dd { width: 100%; display: block !important; }
        .st2-variant-dd .ar-trigger { width: 100%; justify-content: space-between; background: #1a1b20; border-radius: 14px; padding: 11px 14px; }
        .st2-variant-dd .ar-cur { font-size: 13px; font-weight: 700; gap: 9px; }
        .st2-variant-dd .ar-menu { width: 100%; }
        
        #dual-frames-wrap { display: grid !important; grid-template-columns: 1fr 1fr; gap: 10px; }
        #frames-row { gap: 10px !important; }
        #dual-frames-wrap #base-image-box, #dual-frames-wrap #tail-image-box,
        #frames-row #base-image-box, #frames-row #tail-image-box {
            float: none !important; width: 100% !important; margin-right: 0 !important; min-width: 0 !important;
        }
        #section-studio #dual-frames-wrap #base-image-box > p:first-of-type,
        #section-studio #dual-frames-wrap #tail-image-box > p:first-of-type,
        #section-studio #frames-row #base-image-box > p:first-of-type,
        #section-studio #frames-row #tail-image-box > p:first-of-type {
            font-size: 12px !important; font-weight: 700 !important; color: #fff !important; margin-bottom: 8px; line-height: 1.3;
        }
        #dual-frames-wrap [data-i18n="studioPanel.maxSize"], #frames-row [data-i18n="studioPanel.maxSize"] { display: none !important; }
        #dual-frames-wrap [data-i18n="studioPanel.dragImage"], #frames-row [data-i18n="studioPanel.dragImage"] { font-size: 10.5px !important; color: rgba(255,255,255,0.50) !important; font-weight: 600 !important; }
        #dual-frames-wrap .dropzone-container, #frames-row .dropzone-container { width: 100%; }
        #gentype-picker-seedance > p:first-child { font-size: 14px !important; letter-spacing: 0 !important; text-transform: none !important; color: #fff !important; font-weight: 700 !important; }
        
        #section-studio #multi-video-box,
        #section-studio #multi-audio-box {
            background: #1a1b20 !important;
            border: 1px solid rgba(255,255,255,0.07) !important;
            border-radius: 18px !important;
            padding: 14px 15px !important;
        }
        #section-studio #multi-video-box .flex > p,
        #section-studio #multi-audio-box .flex > p,
        #section-studio #video-ref-gallery-box > p:first-of-type,
        #section-studio #base-video-box > p:first-of-type {
            font-size: 14px !important; letter-spacing: 0 !important; text-transform: none !important;
            color: #fff !important; font-weight: 700 !important;
        }
        #section-studio #multi-video-count, #section-studio #multi-audio-count { font-size: 12px !important; color: rgba(255,255,255,0.40) !important; font-weight: 600; }
        
        #section-studio button[onclick="clearMultiVideos()"],
        #section-studio button[onclick="clearMultiImages()"] {
            padding: 6px 10px !important; border-radius: 9px !important; font-size: 10px !important;
            background: rgba(255,255,255,0.04) !important; border: 1px solid rgba(255,255,255,0.08) !important;
            color: rgba(255,255,255,0.35) !important; transition: all .15s;
        }
        #section-studio button[onclick="clearMultiVideos()"]:hover,
        #section-studio button[onclick="clearMultiImages()"]:hover { background: rgba(239,68,68,0.12) !important; border-color: rgba(239,68,68,0.3) !important; color: #f87171 !important; }
        
        #seedance-ref-info { background: #232429 !important; border-color: rgba(255,255,255,0.10) !important; }
        #seedance-ref-info [class*="text-orange"] { color: rgba(255,255,255,0.60) !important; }
        #seedance-ref-info p.font-bold, #seedance-ref-info .font-bold { color: #fff !important; }
        #seedance-ref-info i { color: #00f2ff !important; }
        
        #multi-image-add, #multi-video-add { background: #232429 !important; border: 1px dashed rgba(255,255,255,0.16) !important; }
        #multi-image-add span, #multi-video-add span { font-size: 10.5px !important; color: rgba(255,255,255,0.45) !important; }
        
        
        .st2-dd-search { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; gap: 8px; padding: 8px 10px; background: rgba(10,11,16,0.98); border-bottom: 1px solid rgba(255,255,255,0.06); }
        .st2-dd-search input { flex: 1; min-width: 0; background: #16181e; border: 1px solid rgba(255,255,255,0.08); border-radius: 10px; padding: 8px 12px; font-size: 12px; color: #fff; outline: none; transition: border-color .15s; }
        .st2-dd-search input:focus { border-color: rgba(0,242,255,0.4); }
        .st2-dd-search input::placeholder { color: rgba(255,255,255,0.25); }
        .st2-dd-prov { display: flex; align-items: center; gap: 6px; padding: 9px 12px 4px; font-size: 9px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(255,255,255,0.35); }
        .st2-dd-prov .cnt { padding: 1px 6px; border-radius: 999px; background: rgba(255,255,255,0.05); color: rgba(255,255,255,0.28); font-weight: 600; letter-spacing: 0; }

        
        .mdd-meta, .mdd-chips, #mdd-tlo { display: none; }
        @media (max-width: 767px) {
            
            .st2-hero-media, .st2-hero-overlay { display: none !important; }

            
            #m-dock { padding: 0 0 8px; }
            #m-dock > .relative { position: static; }
            #m-dock .st2-hero {
                display: flex; align-items: center; height: 44px; padding: 0 10px 0 6px;
                border-radius: 14px; border: 1px solid rgba(255,255,255,0.09);
                background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.025));
                box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);
                transition: border-color .15s;
            }
            #m-dock .st2-hero:active { border-color: rgba(0,242,255,0.35); }
            #m-dock .st2-hero-bottom { position: static; flex: 1; min-width: 0; padding: 0; gap: 8px; }
            #m-dock .st2-hero-name { gap: 10px; }
            #m-dock .st2-hero-ico { width: 32px; height: 32px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.08); font-size: 12px; }
            #m-dock .st2-hero-name > span { font-size: 13.5px; font-weight: 700; text-shadow: none; letter-spacing: -0.01em; }
            #m-dock .st2-hero-change { padding: 0 2px; background: transparent; border: 0; backdrop-filter: none; -webkit-backdrop-filter: none; color: rgba(255,255,255,0.45); font-size: 10.5px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; }
            #m-dock .st2-hero-change svg { stroke: rgba(255,255,255,0.45); }

            #m-dock #variant-tiles { margin: 0 !important; }
            #m-dock .ar-dd.st2-variant-dd { display: none !important; }
            #m-dock .mdd-chips { display: flex; gap: 6px; overflow-x: auto; padding: 8px 2px 0; scrollbar-width: none; }
            #m-dock .mdd-chips::-webkit-scrollbar { display: none; }
            .mdd-chip {
                flex: none; padding: 6px 12px; border-radius: 999px; white-space: nowrap;
                font: 600 11.5px/1 'Inter', sans-serif; color: rgba(255,255,255,0.5);
                background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08);
                transition: color .15s, border-color .15s, background .15s, transform .1s;
            }
            .mdd-chip.on { color: #00f2ff; border-color: rgba(0,242,255,0.4); background: rgba(0,242,255,0.08); }
            .mdd-chip:active { transform: scale(0.96); }

            #gen-dock #minors-check { margin-bottom: 8px !important; }
            #gen-dock #go-btn { padding: 12px 0 !important; border-radius: 14px !important; }
            #gen-dock #go-btn .absolute.inset-\[2px\] { border-radius: 12px !important; }
            
            #section-studio .studio-sidebar > div.overflow-y-auto { padding-bottom: calc(var(--m-dock-h, 160px) + 24px) !important; }

            
            #mdd-tlo { display: block; position: fixed; inset: 0; z-index: 199; background: rgba(0,0,0,0.6); opacity: 0; pointer-events: none; transition: opacity .28s ease; }
            body.mdd-open #mdd-tlo { opacity: 1; pointer-events: auto; }
            #model-dropdown-list {
                position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0 !important; top: auto !important;
                width: auto !important; max-height: 80vh !important; max-height: 80dvh !important; margin: 0 !important;
                z-index: 200 !important; border-radius: 22px 22px 0 0 !important; overflow: hidden !important;
                background: #0c0d12 !important; border: 1px solid rgba(255,255,255,0.09) !important; border-bottom: 0 !important;
                box-shadow: 0 -18px 50px rgba(0,0,0,0.6) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
                padding-bottom: env(safe-area-inset-bottom);
                transform: translateY(100%); transition: transform .34s cubic-bezier(.22,1,.36,1);
                flex-direction: column;
            }
            #model-dropdown-list:not(.hidden) { display: flex !important; }
            body.mdd-open #model-dropdown-list { transform: translateY(0); }
            
            body #model-dropdown-list > .mdd-head { flex: none; padding: 8px 16px 12px !important; gap: 0 !important; border-bottom: 1px solid rgba(255,255,255,0.06); }
            body #model-dropdown-list > .mdd-body { flex: 1 1 auto; min-height: 0; display: block !important; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; padding: 6px 8px 12px !important; gap: 0 !important; }
            body #model-dropdown-list > .mdd-head > div:first-child, body #model-dropdown-list > .mdd-body > div:first-child { width: auto !important; height: auto !important; min-width: 0 !important; min-height: 0 !important; }
            body #model-dropdown-list > .mdd-head > .mdd-handle { width: 38px !important; height: 4px !important; border-radius: 2px; margin: 0 auto 12px; background: rgba(255,255,255,0.18); }
            .mdd-top { display: flex; align-items: center; justify-content: space-between; }
            .mdd-title { font-size: 18px; font-weight: 800; color: #fff; letter-spacing: -0.01em; }
            .mdd-x { width: 32px; height: 32px; border-radius: 50%; background: rgba(255,255,255,0.06); border: 0; color: rgba(255,255,255,0.55); font-size: 13px; display: flex; align-items: center; justify-content: center; }
            .mdd-search { margin-top: 12px; display: flex; align-items: center; gap: 9px; height: 40px; padding: 0 13px; border-radius: 12px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.08); color: rgba(255,255,255,0.35); font-size: 13px; transition: border-color .15s; }
            .mdd-search:focus-within { border-color: rgba(0,242,255,0.4); }
            .mdd-search input { flex: 1; min-width: 0; background: transparent; border: 0; outline: 0; color: #fff; font-size: 14px; }
            .mdd-search input::placeholder { color: rgba(255,255,255,0.3); }
            #model-dropdown-list .st2-dd-search { display: none !important; }   
            #model-dropdown-list .st2-dd-prov { padding: 12px 12px 4px; font-size: 9.5px; }
            
            #model-dropdown-list [data-nm] { padding: 10px !important; gap: 12px !important; border-radius: 14px; border-left: 0 !important; margin-bottom: 2px; }
            #model-dropdown-list [data-nm]:active { background: rgba(255,255,255,0.05); }
            #model-dropdown-list [data-nm] > div:first-child { width: 40px !important; height: 40px !important; min-width: 40px !important; border-radius: 12px !important; border: 1px solid rgba(255,255,255,0.07); }
            #model-dropdown-list [data-nm] .text-\[14px\] { font-size: 14px !important; font-weight: 700 !important; color: rgba(255,255,255,0.88); }
            #model-dropdown-list [data-nm] .text-\[11px\] { display: none !important; }
            #model-dropdown-list .mdd-meta { display: block; margin-top: 2px; font-size: 11px; color: rgba(255,255,255,0.32); }
            #model-dropdown-list .mdd-meta b { font-weight: 700; color: #f59e0b; }
            #model-dropdown-list [data-nm].bg-\[\#00f2ff\]\/10 { background: rgba(0,242,255,0.08) !important; }
            #model-dropdown-list [data-nm].bg-\[\#00f2ff\]\/10 .text-\[14px\] { color: #fff; }

            
            .mobile-nav {
                height: calc(72px + env(safe-area-inset-bottom)) !important;
                padding: 0 16px calc(8px + env(safe-area-inset-bottom)) !important;
                background: transparent !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
                justify-content: space-between !important; align-items: center !important;
            }
            .mobile-nav::before {
                content: ""; position: absolute; left: 10px; right: 10px; top: 4px; bottom: calc(4px + env(safe-area-inset-bottom));
                height: auto; border-radius: 24px; z-index: -1;
                background: rgba(13,14,20,0.82); border: 1px solid rgba(255,255,255,0.09);
                backdrop-filter: blur(26px) saturate(1.5); -webkit-backdrop-filter: blur(26px) saturate(1.5);
                box-shadow: 0 14px 36px rgba(0,0,0,0.55), inset 0 1px 0 rgba(255,255,255,0.06);
            }
            .mobile-nav-btn { width: 52px !important; min-width: 0; height: 50px !important; gap: 3px !important; font-size: 18px !important; color: rgba(255,255,255,0.5) !important; }
            .mobile-nav-btn:not(.studio-btn) span { font-size: 9.5px !important; font-weight: 600 !important; letter-spacing: 0.01em; }
            
            .mobile-nav-btn.active:not(.studio-btn), .mobile-nav-btn.nav-active:not(.studio-btn) { color: #fff !important; }
            .mobile-nav-btn.active:not(.studio-btn) i, .mobile-nav .mobile-nav-btn.nav-active:not(.studio-btn) i { color: #00f2ff !important; filter: drop-shadow(0 0 6px rgba(0,242,255,0.5)); }
            .mobile-nav-btn.active:not(.studio-btn)::before, .mobile-nav-btn.nav-active:not(.studio-btn)::before { content: ""; position: absolute; z-index: -1; top: 1px; left: 50%; transform: translateX(-50%); width: 40px; height: 30px; border-radius: 11px; background: rgba(0,242,255,0.10); box-shadow: none; }
            .mobile-nav-btn.studio-btn {
                width: 56px !important; height: 46px !important; margin-top: 0 !important; border-radius: 16px !important; gap: 1px !important; font-size: 17px !important;
                background: linear-gradient(135deg, #00f2ff 0%, #6d5dff 100%) !important;
                box-shadow: 0 6px 18px rgba(0,242,255,0.32), inset 0 1px 0 rgba(255,255,255,0.4) !important;
                animation: none !important; transform: translateY(-2px);
            }
            .mobile-nav-btn.studio-btn:active, .mobile-nav-btn.studio-btn.active { transform: translateY(-2px) scale(0.94); }
            .mobile-nav-btn.studio-btn span { font-size: 7px !important; letter-spacing: 0.6px !important; }
            .mobile-nav .mobile-nav-btn .m-nav-nowosc { top: 0; right: 2px; }
        }

        
        @media (min-width: 1024px) {
            #section-studio { flex-direction: column !important; }
            #section-studio > .flex-1 { flex: 1 1 auto !important; min-height: 0 !important; padding: 16px 28px 0 !important; }
            #studio-gen-wrap { height: 100% !important; }
            #studio-gen-tiles { grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)) !important; }
            #studio-gen-grid { padding-bottom: calc(var(--k-h, 170px) + 28px) !important; }   

            
            #section-studio .studio-sidebar {
                position: fixed !important; left: 14px; right: 14px; bottom: 14px; z-index: 60 !important;
                width: auto !important; height: auto !important; max-height: none !important; margin: 0; padding: 40px 12px 12px;   
                border: 1px solid rgba(0,242,255,0.45) !important; border-radius: 22px;
                background: rgba(12,13,19,0.975) !important; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
                box-shadow: 0 0 0 1px rgba(0,242,255,0.05), 0 0 26px rgba(0,242,255,0.10), 0 24px 60px rgba(0,0,0,0.6);
                display: flex !important; flex-direction: row !important; flex-wrap: wrap; align-items: center; align-content: flex-start; gap: 8px 10px; min-height: 272px; overflow: visible !important;   
            }
            
            #section-studio .studio-sidebar > div.p-5:not(#gen-dock),
            #section-studio .studio-sidebar > div.p-5 > .space-y-3,
            #section-studio .studio-sidebar > div.p-5 > div.relative.flex-col { display: contents; }
            #section-studio .studio-sidebar > div.p-5 > .h-px { display: none; }
            #section-studio .studio-sidebar > div.overflow-y-auto { padding-bottom: 0 !important; }

            
            #section-studio #prompt-section { order: 0 !important; flex: 1 1 0; min-width: 320px; margin: 0 !important; position: relative; }
            #section-studio #prompt { height: 78px !important; min-height: 78px !important; padding: 11px 190px 11px 14px !important; font-size: 14.5px; line-height: 1.45; resize: none; background: rgba(255,255,255,0.07) !important; border: 1px solid rgba(255,255,255,0.14) !important; color: #fff !important; }
            #section-studio #prompt-section .h-36 { height: 78px !important; }
            #section-studio .st2-prompt-tools { position: absolute; left: auto !important; right: 8px !important; top: 50% !important; bottom: auto !important; transform: translateY(-50%); }
            #section-studio .st2-count { display: none !important; }
            
            #section-studio #veo-prompt-info { display: none !important; }   
            #section-studio #model-warning-top:not(.hidden) {
                position: absolute; left: 0; right: 0; bottom: calc(100% + 7px); margin: 0 !important; padding: 5px 12px !important;
                font-size: 11.5px; line-height: 1.35; border-radius: 10px; z-index: 2; background: rgba(245,158,11,0.12) !important; border: 1px solid rgba(245,158,11,0.4) !important; color: #fcd34d;
            }
            #section-studio #gen-dock { order: 1 !important; position: static !important; width: auto !important; min-width: 0; padding: 0 !important; margin: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; }
            #section-studio #go-btn { padding: 0 24px !important; height: 78px; border-radius: 14px !important; min-width: 210px; }
            #section-studio #minors-check { margin: 0 0 4px !important; }
            
            #section-studio .studio-sidebar::after { content: ""; order: 2; flex: 1 1 100%; height: 0; margin: -4px 0; }
            
            #section-studio .studio-sidebar::before { content: ""; order: 29; flex: 1 1 100%; height: 0; margin: -4px 0; }

            
            #section-studio .studio-sidebar > div.p-5 > nav#cat-nav { order: 3; width: 240px; }   
            #section-studio .studio-sidebar > div.p-5 > .space-y-3 > .relative { order: 3; position: relative; margin: 0 !important; }
            #section-studio #variant-tiles { order: 4 !important; margin: 0 !important; }
            #section-studio .st2-variant-dd { width: auto !important; display: inline-block !important; }
            #section-studio .st2-variant-dd .ar-trigger { width: auto !important; padding: 9px 12px !important; border-radius: 12px !important; }
            #section-studio #dynamic-params { order: 5 !important; flex: 0 1 auto; display: flex !important; flex-wrap: wrap; gap: 6px 10px; align-items: center; margin: 0 !important; }
            #section-studio #dynamic-params > * { margin: 0 !important; flex: 0 0 auto; min-width: 0; display: flex; align-items: center; gap: 6px; }
            #section-studio #dynamic-params > * > p { margin: 0 !important; white-space: nowrap; }
            #section-studio #st2-chips-slot, #section-studio #image-inputs-top { order: 7 !important; flex: 0 1 auto; margin: 0 !important; }
            #section-studio #customMode-slot { order: 4 !important; flex: 0 0 auto; margin: 0 !important; }   
            #section-studio #st2-chips-slot:empty, #section-studio #image-inputs-top:empty, #section-studio #customMode-slot:empty { display: none; }

            
            #section-studio #base-image-box:not(.hidden), #section-studio #tail-image-box:not(.hidden), #section-studio #multi-image-box:not(.hidden),
            #section-studio #character-box:not(.hidden), #section-studio #multi-video-box:not(.hidden), #section-studio #multi-audio-box:not(.hidden),
            #section-studio #base-video-box:not(.hidden), #section-studio #base-audio-box:not(.hidden), #section-studio #video-ref-gallery-box:not(.hidden),
            #section-studio #kling-multishot-box:not(.hidden), #section-studio #grok-extend-box:not(.hidden) {
                order: 6 !important; flex: 0 0 auto; width: auto !important; max-width: none !important; min-width: 0; margin: 0 !important;
                display: flex; align-items: center; gap: 6px; padding: 3px 8px 3px 3px; max-height: 60px;
                border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; background: rgba(255,255,255,0.03);
            }
            #section-studio #base-image-box > *, #section-studio #tail-image-box > *, #section-studio #multi-image-box > *, #section-studio #character-box > *,
            #section-studio #multi-video-box > *, #section-studio #multi-audio-box > *, #section-studio #base-video-box > *, #section-studio #base-audio-box > *,
            #section-studio #video-ref-gallery-box > *, #section-studio #kling-multishot-box > *, #section-studio #grok-extend-box > * { margin: 0 !important; max-height: 54px; }
            #section-studio [id$="-box"] > p { font-size: 9px !important; white-space: nowrap; padding: 0 4px !important; }
            #section-studio #seedance-ref-info { display: none !important; }
            #section-studio .dropzone-container, #section-studio #dropzone, #section-studio #tail-dropzone, #section-studio [id$="-dropzone"] {
                width: 52px !important; height: 52px !important; min-height: 0 !important; max-height: 52px !important; border-radius: 10px !important; overflow: hidden;
            }
            #section-studio .st2-upslot { min-height: 0 !important; height: 100% !important; padding: 0 !important; display: flex; align-items: center; justify-content: center; }
            #section-studio .st2-upslot-label, #section-studio .st2-upslot-gal { display: none !important; }
            #section-studio [id$="-preview"]:not(.hidden), #section-studio [id^="preview_"] { max-width: 52px; max-height: 52px; overflow: hidden; border-radius: 10px; }
            #section-studio [id$="-preview"] img, #section-studio [id$="-preview"] video, #section-studio [id^="preview_"] img { width: 52px !important; height: 52px !important; object-fit: cover; }
            #section-studio [id$="-box"] button.w-full, #section-studio [id$="-box"] button.flex-1 { width: auto !important; flex: 0 0 auto !important; padding: 6px 10px !important; white-space: nowrap; }
            #section-studio #multi-image-grid { display: flex !important; flex-wrap: nowrap; gap: 6px !important; max-height: none !important; }
            #section-studio #multi-image-grid > * { width: 52px !important; height: 52px !important; flex: 0 0 auto; }
            #section-studio #multi-image-add { width: 52px !important; height: 52px !important; padding: 0 !important; }

            
            .studio-sidebar .st2-hero-media, .studio-sidebar .st2-hero-overlay { display: none !important; }
            .studio-sidebar .st2-hero {
                display: flex; align-items: center; width: 280px; height: 42px; padding: 0 10px 0 6px;
                border-radius: 13px !important; border: 1px solid rgba(255,255,255,0.1) !important;
                background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.025)); box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);
            }
            .studio-sidebar .st2-hero:hover, .dd-open .st2-hero { border-color: rgba(0,242,255,0.45) !important; box-shadow: 0 0 16px rgba(0,242,255,0.10); }
            .studio-sidebar .st2-hero-bottom { position: static; flex: 1; min-width: 0; padding: 0; gap: 8px; }
            .studio-sidebar .st2-hero-name { gap: 10px; }
            .studio-sidebar .st2-hero-ico { width: 28px; height: 28px; border-radius: 8px; border: 1px solid rgba(255,255,255,0.08); font-size: 12px; }
            .studio-sidebar .st2-hero-name > span { font-size: 13px; font-weight: 700; text-shadow: none; }
            .studio-sidebar .st2-hero-change { padding: 0 2px; background: transparent; border: 0; backdrop-filter: none; color: rgba(255,255,255,0.45); font-size: 10.5px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; }
            .dd-open .st2-hero-change svg { transform: rotate(180deg); }

            
            #dd-shell {
                position: absolute; left: 0; bottom: calc(100% + 10px); width: 410px; display: none; z-index: 99999;
                background: #0b0c11; border: 1px solid rgba(0,242,255,0.32); border-radius: 16px; overflow: hidden;
                box-shadow: 0 0 0 1px rgba(0,242,255,0.06), 0 24px 60px rgba(0,0,0,0.65), 0 0 24px rgba(0,242,255,0.10);
                transform-origin: bottom left; animation: ddUp .2s cubic-bezier(.16,1,.3,1);
            }
            @keyframes ddUp { from { opacity: 0; transform: translateY(8px) scale(.98); } to { opacity: 1; transform: none; } }
            .dd-open #dd-shell { display: block; }
            #dd-shell #cat-nav, #dd-shell #cat-nav.hidden { display: grid !important; margin: 10px 10px 6px !important; background: rgba(255,255,255,0.04) !important; }
            #dd-shell #model-dropdown-list {
                position: static !important; width: auto !important; max-height: 54vh !important; margin: 0 !important;
                border: 0 !important; border-radius: 0 !important; box-shadow: none !important; animation: none !important;
            }
                        
            #section-studio #st2-chips-slot { order: 5 !important; }        
            #section-studio #dynamic-params { order: 6 !important; }
            #section-studio #image-inputs-top { order: 7 !important; }   
            
            #section-studio #frames-row { order: 6 !important; display: flex; gap: 8px; flex: 0 0 auto; margin: 0 !important; }
            #section-studio #frames-row > div { flex: 0 0 auto !important; min-width: 0 !important; width: auto !important; }
            
            #section-studio #dynamic-params > .grid { display: flex !important; flex-wrap: wrap; gap: 6px 12px !important; align-items: center; }
            #section-studio #dynamic-params > .grid > * { flex: 0 0 auto; margin: 0 !important; min-width: 0; width: auto; display: flex; align-items: center; gap: 6px; }
            #section-studio #dynamic-params > .grid > * > p, #section-studio #dynamic-params > .grid > * > label { margin: 0 !important; white-space: nowrap; }
            
            #section-studio #dynamic-params [id^="field-"][id$="-wrap"] { width: 200px; flex-direction: column; align-items: stretch; gap: 2px; }
            #section-studio #dynamic-params [id^="field-"][id$="-wrap"] > .flex { margin-bottom: 0 !important; }
            #section-studio .st2-slider-ends { display: none !important; }
            #section-studio #dynamic-params input[type="range"] { width: 100%; height: 4px; }
            
            #section-studio #dynamic-params input[type="text"], #section-studio #dynamic-params select { width: 170px !important; min-width: 0; padding: 7px 10px !important; font-size: 12px !important; }
            #section-studio #dynamic-params textarea { width: 240px !important; height: 46px !important; min-height: 0 !important; padding: 7px 10px !important; font-size: 12px !important; resize: none; }
            
            #section-studio #image-inputs-top { display: flex !important; flex-wrap: wrap; gap: 8px; align-items: center; }
            #section-studio #image-inputs-top:empty { display: none !important; }
            #section-studio #image-inputs-top > * { margin: 0 !important; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
            #section-studio #image-inputs-top .grid { display: flex !important; gap: 4px !important; }
            #section-studio #image-inputs-top .st2-hint, #section-studio #image-inputs-top > * > p.text-\[9px\] { display: none !important; }
            #section-studio .veo-upload-slot { width: 52px; flex: 0 0 auto; }
            #section-studio .veo-upload-slot .st2-upslot { width: 52px !important; height: 52px !important; min-height: 0 !important; padding: 0 !important; border-radius: 10px !important; }
            #section-studio .st2-optional-badge { display: none !important; }
            #section-studio .veo-upload-slot [id$="-preview"] { width: 52px; height: 52px; border-radius: 10px !important; }
            #section-studio .veo-upload-slot [id$="-preview"] img { width: 52px !important; height: 52px !important; }
            #section-studio #st2-intent:not(.hidden) { display: flex !important; align-items: center; gap: 6px; padding: 0 !important; margin: 0 !important; border: 0 !important; background: none !important; }
            #section-studio #st2-intent-hint { display: none !important; }
            #section-studio #st2-voice-slot:not(.hidden) { margin: 0 !important; }
            
            
            #section-studio #base-image-box:not(.hidden), #section-studio #tail-image-box:not(.hidden) {
                flex-direction: column; align-items: center; justify-content: flex-start; gap: 3px; padding: 4px 6px 3px; max-height: none; min-width: 78px;
            }
            #section-studio #base-image-box > p, #section-studio #tail-image-box > p {
                order: 2; display: block !important; font-size: 9px !important; line-height: 1.15; max-width: 88px; white-space: normal !important;
                text-align: center; padding: 0 !important; color: rgba(255,255,255,0.62) !important; text-transform: none !important; letter-spacing: 0 !important;
            }
            #section-studio #base-image-box > button, #section-studio #tail-image-box > button { display: none !important; }   
            
            #section-studio .veo-upload-slot { position: relative; width: 78px; display: flex; justify-content: center; margin-bottom: 22px; }   
            #section-studio .veo-upload-slot .st2-upslot { position: relative; overflow: visible !important; }
            #section-studio .veo-upload-slot .st2-upslot-label {
                display: block !important; position: absolute; top: calc(100% + 3px); left: 50%; transform: translateX(-50%); width: 78px;
                font-size: 8.5px; line-height: 1.1; text-align: center; color: rgba(255,255,255,0.62); white-space: normal; pointer-events: none;
            }
            
            #section-studio .st2-upslot-gal { display: flex !important; position: absolute; top: 2px; right: 2px; width: 16px; height: 16px; font-size: 8px; border-radius: 5px; align-items: center; justify-content: center; }
            
            #section-studio #multi-image-box > div.flex > p, #section-studio #character-box > div.flex > p { font-size: 9.5px !important; letter-spacing: 0 !important; text-transform: none !important; color: rgba(255,255,255,0.62) !important; }
            
            #section-studio #music-mode-picker:not(.hidden) { display: flex !important; flex-direction: row !important; align-items: center; justify-content: center; gap: 14px; padding: 14px 16px !important; border-radius: 22px; inset: 0 !important; height: 100% !important; overflow: hidden; background: rgba(12,13,19,0.985) !important; }
            #section-studio #music-mode-picker > p { display: none !important; }
            
            #section-studio #music-mode-picker .mmp-tile { flex: 1 1 0; height: 100% !important; max-height: 150px; min-height: 0 !important; padding: 14px 20px !important; margin: 0 !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; gap: 16px; border-radius: 16px !important; background: rgba(255,255,255,0.06) !important; border: 1px solid rgba(255,255,255,0.16) !important; transform: none !important; opacity: 1 !important; animation: none !important; }
            #section-studio #music-mode-picker .mmp-tile:hover { border-color: rgba(0,242,255,0.6) !important; background: rgba(0,242,255,0.08) !important; }
            #section-studio #music-mode-picker .mmp-tile-icon { width: 48px; height: 48px; flex: 0 0 auto; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 20px; }
            #section-studio #music-mode-picker .mmp-tile-text { flex: 1 1 auto; text-align: left; }
            #section-studio #music-mode-picker .mmp-tile-text h3 { font-size: 16px !important; margin: 0 0 3px !important; }
            #section-studio #music-mode-picker .mmp-tile-text p { font-size: 12.5px !important; margin: 0 !important; color: rgba(255,255,255,0.6); }
            #section-studio #music-mode-picker .mmp-tile-arrow { flex: 0 0 auto; font-size: 16px; opacity: 0.6; }
            
            #section-studio #dynamic-params { flex: 1 1 auto !important; justify-content: flex-start; }
            #section-studio #frames-row, #section-studio #base-image-box:not(.hidden), #section-studio #image-inputs-top:not(:empty) { order: 20 !important; }
            #section-studio #tail-image-box:not(.hidden) { order: 21 !important; }
            #section-studio #multi-image-box:not(.hidden) { order: 22 !important; }
            #section-studio #character-box:not(.hidden) { order: 23 !important; }
            #section-studio #base-video-box:not(.hidden), #section-studio #multi-video-box:not(.hidden) { order: 24 !important; }
            #section-studio #base-audio-box:not(.hidden), #section-studio #multi-audio-box:not(.hidden) { order: 25 !important; }
            #section-studio #video-ref-gallery-box:not(.hidden) { order: 26 !important; }
            #section-studio #kling-multishot-box:not(.hidden) { order: 27 !important; }
            #section-studio #grok-extend-box:not(.hidden) { order: 28 !important; }
            
            #section-studio #base-image-box > p:first-of-type, #section-studio #tail-image-box > p:first-of-type,
            #section-studio #frames-row > div > p:first-of-type, #section-studio #st2-omni-frames-row > div > p:first-of-type {
                font-size: 9px !important; line-height: 11px !important; height: 22px; overflow: hidden; max-width: 88px; white-space: normal !important; text-align: center; margin: 0 !important; padding: 0 !important;
                color: rgba(255,255,255,0.72) !important; text-transform: none !important; letter-spacing: 0 !important; font-weight: 600 !important;
            }
            
            #section-studio [id$="-box"] p.italic, #section-studio [id$="-box"] .st2-hint, #section-studio #image-inputs-top .st2-hint { display: none !important; }
            #section-studio [id$="-box"] > div.flex.items-center.justify-between > p { font-size: 9px !important; line-height: 1.15; max-width: 110px; white-space: normal !important; color: rgba(255,255,255,0.72) !important; text-transform: none !important; letter-spacing: 0 !important; font-weight: 600 !important; }
            
            #section-studio .studio-sidebar style, #section-studio #dynamic-params style { display: none !important; }
            
            #section-studio .studio-sidebar .st2-hero, #section-studio .st2-variant-dd .ar-trigger, #section-studio .ar-trigger {
                background: rgba(255,255,255,0.08) !important; border-color: rgba(255,255,255,0.16) !important;
            }
            #section-studio .pill-opt { background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.18); color: rgba(255,255,255,0.8); }
            #section-studio .pill-opt.pill-active { background: rgba(0,242,255,0.22); border-color: rgba(0,242,255,0.7); color: #00f2ff; }
            #section-studio #base-image-box:not(.hidden), #section-studio #tail-image-box:not(.hidden), #section-studio #multi-image-box:not(.hidden),
            #section-studio #character-box:not(.hidden), #section-studio #multi-video-box:not(.hidden), #section-studio #multi-audio-box:not(.hidden),
            #section-studio #base-video-box:not(.hidden), #section-studio #base-audio-box:not(.hidden), #section-studio #video-ref-gallery-box:not(.hidden),
            #section-studio #kling-multishot-box:not(.hidden), #section-studio #grok-extend-box:not(.hidden), #section-studio #image-inputs-top > * {
                background: rgba(255,255,255,0.06) !important; border: 1px solid rgba(255,255,255,0.14) !important; border-radius: 12px; padding: 4px 8px;
            }
            #section-studio .st2-upslot, #section-studio .dropzone-container { background: rgba(255,255,255,0.07) !important; border-color: rgba(255,255,255,0.22) !important; }
            #section-studio .st2-slider-label, #section-studio #dynamic-params p, #section-studio #dynamic-params label { color: rgba(255,255,255,0.72) !important; }
            #section-studio .studio-sidebar .st2-hero-name > span, #section-studio .ar-cur > span { color: #fff !important; }
            
            #section-studio #st2-omni-frames-row { order: 20 !important; display: flex; gap: 8px; flex: 0 0 auto; margin: 0 !important; }
            #section-studio #st2-omni-frames-row > div { flex: 0 0 auto !important; min-width: 0 !important; width: auto !important; }
            
            #section-studio #dynamic-params > .grid { flex: 1 1 100% !important; width: 100%; min-width: 0; }
            #section-studio #dynamic-params .grid > .col-span-2.mb-2 { margin: 0 !important; }
            #section-studio #dynamic-params .grid > .col-span-2.mb-2 > * { max-width: 240px; }
            #section-studio #dynamic-params .piosn-custom-field { margin: 0 !important; }
            
            #section-studio #multi-image-box > div.flex.items-center.justify-between > p,
            #section-studio #character-box > div.flex.items-center.justify-between > p,
            #section-studio #multi-video-box > div.flex.items-center.justify-between > p,
            #section-studio #multi-audio-box > div.flex.items-center.justify-between > p { font-size: 0 !important; max-width: none; line-height: 1; }
            #section-studio #multi-image-box > div.flex.items-center.justify-between > p::before,
            #section-studio #character-box > div.flex.items-center.justify-between > p::before,
            #section-studio #multi-video-box > div.flex.items-center.justify-between > p::before,
            #section-studio #multi-audio-box > div.flex.items-center.justify-between > p::before {
                font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: 13px; color: rgba(255,255,255,0.75); display: inline-block; padding: 0 2px;
            }
            #section-studio #multi-image-box > div.flex.items-center.justify-between > p::before { content: '\f03e'; }
            #section-studio #character-box > div.flex.items-center.justify-between > p::before { content: '\f007'; }
            #section-studio #multi-video-box > div.flex.items-center.justify-between > p::before { content: '\f03d'; }
            #section-studio #multi-audio-box > div.flex.items-center.justify-between > p::before { content: '\f001'; }
            #section-studio [id$="-box"] > div.flex.items-center.justify-between { gap: 6px; }
            #section-studio [id$="-box"] > div.flex.items-center.justify-between > span, #section-studio [id$="-box"] > div.flex.items-center.justify-between > p + * { font-size: 11px !important; color: rgba(255,255,255,0.7) !important; white-space: nowrap; }
            
            #section-studio #dynamic-params select { width: 200px !important; }
            
            #section-studio #strefa-media { order: 31 !important; margin-left: 0; display: flex; align-items: center; gap: 8px; flex: 0 0 auto; }   
            #section-studio #strefa-media img, #section-studio #strefa-media video, #section-studio #image-inputs-top img {
                width: 52px !important; height: 52px !important; max-width: 52px !important; max-height: 52px !important; object-fit: cover; border-radius: 8px;
            }
            #section-studio #strefa-media [id$="-grid"] { display: flex !important; flex-wrap: nowrap; gap: 6px !important; max-height: none !important; }
            #section-studio #strefa-media [id$="-grid"] > * { width: 52px !important; height: 52px !important; flex: 0 0 auto; }
            #section-studio #strefa-media [id$="-box"] p.text-\[10px\], #section-studio #strefa-media [id$="-box"] p.text-\[11px\] { display: none !important; }
            
            #section-studio [id^="gentype-picker"] { order: 30 !important; flex: 0 0 auto; margin: 0 !important; display: flex; align-items: center; gap: 6px; }   
            #section-studio [id^="gentype-picker"] > p, #section-studio [id^="gentype-picker"] button p.text-\[9px\], #section-studio [id^="gentype-picker"] button p.text-\[10px\] { display: none !important; }   
            #section-studio [id^="gentype-picker"] button p.text-\[11px\] { font-size: 12.5px !important; margin: 0 !important; }
            #section-studio [id^="gentype-picker"] > div { display: flex !important; gap: 6px; }
            #section-studio [id^="gentype-picker"] button { height: 42px; padding: 0 14px !important; font-size: 13px !important; white-space: nowrap; border-radius: 12px !important; background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.16) !important; }
            #section-studio [id^="gentype-picker"] button.pill-active { background: rgba(0,242,255,0.18) !important; border-color: rgba(0,242,255,0.75) !important; box-shadow: 0 0 14px rgba(0,242,255,0.25); }
            #section-studio [id^="gentype-picker"] button.pill-active p { color: #00f2ff !important; }
            
            #section-studio .wild-card { padding: 7px 12px !important; }
            #section-studio .wild-card p.text-\[9px\] { display: none !important; }   
            #section-studio .wild-card .flex { gap: 8px !important; }
            #section-studio #dynamic-params .grid > .col-span-2.mb-2 > .grid { display: flex !important; gap: 6px; }
            #section-studio #dynamic-params .piosn-custom-field p.text-\[10px\]:not(.uppercase), #section-studio #dynamic-params .piosn-custom-field p.text-\[11px\] { display: none !important; }
            #section-studio #dynamic-params .piosn-custom-field button.w-full { width: auto !important; padding: 7px 12px !important; font-size: 12px !important; }
            #section-studio #dynamic-params .piosn-custom-field input.w-full { width: 170px !important; padding: 7px 10px !important; }
            
            #section-studio #strefa-media [id$="-add"] span, #section-studio #strefa-media #multi-audio-grid > button { font-size: 0 !important; }
            #section-studio #strefa-media #multi-audio-grid > button i, #section-studio #strefa-media [id$="-add"] i { font-size: 13px !important; margin: 0 !important; }
            #section-studio #strefa-media #multi-audio-grid { display: flex !important; gap: 6px !important; }
            #section-studio #strefa-media #multi-audio-grid > * { width: 52px !important; height: 52px !important; padding: 0 !important; margin: 0 !important; flex: 0 0 auto; overflow: hidden; }
            
            #section-studio [id^="gentype-picker"], #section-studio #strefa-media { min-height: 78px; }
            #section-studio .veo-upload-slot .st2-upslot-label { height: 22px; overflow: hidden; line-height: 11px; }
            #section-studio .veo-upload-slot { margin-bottom: 25px; }
#section-studio #model-dropdown-btn { border-radius: 13px !important; border-bottom: 1px solid rgba(255,255,255,0.1) !important; }
            
            #section-studio .studio-sidebar { height: var(--k-stala, 292px) !important; min-height: 0 !important; }
            #section-studio #st2-chips-slot, #section-studio #st2-chips-slot > .st2-chips,
            #section-studio #dynamic-params, #section-studio #dynamic-params > .grid { display: contents !important; }
            #section-studio #st2-chips-slot > *, #section-studio #st2-chips-slot > .st2-chips > *, #section-studio #dynamic-params > .grid > * { order: 16 !important; flex: 0 0 auto !important; margin: 0 !important; max-height: 42px; }
            #section-studio #st2-chips-slot > .st2-chips > :has(#field-aspectRatio), #section-studio #dynamic-params > .grid > :has(#field-aspectRatio) { order: 10 !important; }
            #section-studio #st2-chips-slot > .st2-chips > :is(:has(#field-resolution), :has(#field-quality), :has(#field-mode)),
            #section-studio #dynamic-params > .grid > :is(:has(#field-resolution), :has(#field-quality), :has(#field-mode)) { order: 11 !important; }
            #section-studio #st2-chips-slot > .st2-chips > :has(#field-duration), #section-studio #dynamic-params > .grid > :has(#field-duration) { order: 12 !important; }
            #section-studio #st2-chips-slot > .st2-chips > :is(:has(#field-enableAudio), :has(#field-keepAudio), :has(#field-audio), :has(#field-generateAudio), :has(#field-voice)),
            #section-studio #dynamic-params > .grid > :is(:has(#field-enableAudio), :has(#field-keepAudio), :has(#field-audio), :has(#field-generateAudio), :has(#field-voice)) { order: 13 !important; }
            #section-studio #seedance-aspect-note, #section-studio #dynamic-params .st2-hint { display: none !important; }
            
            #section-studio .st2-chips .ar-trigger, #section-studio .st2-variant-dd .ar-trigger, #section-studio #dynamic-params .ar-trigger { height: 42px; padding: 0 13px !important; border-radius: 12px !important; }
            #section-studio #dynamic-params > .grid > * > p, #section-studio #dynamic-params > .grid > * > div > p { font-size: 9.5px !important; letter-spacing: 0.06em; }
            
            #section-studio #dynamic-params [id^="field-"][id$="-wrap"]:has(input[type="range"]),
            #section-studio #dynamic-params .space-y-2:has(> input[type="range"]),
            #section-studio #dynamic-params > .grid > :has(> div.flex > .pill-opt):not(.mb-2),
            #section-studio #dynamic-params .cy-toggle-wrap {
                display: flex !important; flex-direction: row !important; align-items: center !important; gap: 10px !important; width: auto !important;
                height: 42px; padding: 0 12px !important; margin: 0 !important; border-radius: 12px; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.14);
            }
            #section-studio #dynamic-params > .grid > :has(> div.flex > .pill-opt):not(.mb-2) { padding: 0 6px 0 12px !important; }
            #section-studio #dynamic-params [id^="field-"][id$="-wrap"]:has(input[type="range"]) > *, #section-studio #dynamic-params .space-y-2:has(> input[type="range"]) > * { margin: 0 !important; }
            #section-studio #dynamic-params [id^="field-"][id$="-wrap"]:has(input[type="range"]) > .flex, #section-studio #dynamic-params .space-y-2:has(> input[type="range"]) > .flex:first-child { display: contents !important; }
            #section-studio #dynamic-params .space-y-2:has(> input[type="range"]) > input ~ div { display: none !important; }
            #section-studio #dynamic-params [id^="field-"][id$="-wrap"] input[type="range"], #section-studio #dynamic-params .space-y-2 > input[type="range"] { order: 1; width: 140px !important; flex: 0 0 140px; }
            #section-studio #dynamic-params [id^="st2-slider-badge-"], #section-studio #dynamic-params .range-value-badge { order: 2; min-width: 38px; text-align: center; white-space: nowrap; }
            #section-studio #dynamic-params .space-y-2 p, #section-studio #dynamic-params .st2-slider-label { margin: 0 !important; white-space: nowrap; font-size: 9.5px !important; text-transform: uppercase; letter-spacing: 0.06em; font-weight: 700; }
            #section-studio #dynamic-params .grid > * > .col-span-2:has(.space-y-2), #section-studio #dynamic-params .grid > .col-span-2:has(> .space-y-2) { padding: 0 !important; border: 0 !important; background: none !important; }
            #section-studio #dynamic-params .pill-opt:not(.wild-card) { height: 30px; padding: 0 11px !important; font-size: 12px !important; border-radius: 9px !important; display: inline-flex; align-items: center; }
            #section-studio #dynamic-params input[type="text"], #section-studio #dynamic-params select, #section-studio #dynamic-params .piosn-custom-field input.w-full { width: 150px !important; height: 42px; padding: 0 12px !important; border-radius: 12px !important; }
            #section-studio #dynamic-params textarea { height: 42px !important; }
            
            #section-studio [id^="gentype-picker"], #section-studio #strefa-media { height: 78px !important; min-height: 78px; max-height: 78px; align-items: center; }
            #section-studio #strefa-media > * { max-height: 78px; }
            #section-studio #strefa-media :is(#dual-frames-wrap, #frames-row, #st2-omni-frames-row) { display: flex !important; gap: 8px !important; height: 78px; align-items: flex-start; margin: 0 !important; padding: 0 !important; }
            #section-studio #strefa-media #base-image-box:not(.hidden), #section-studio #strefa-media #tail-image-box:not(.hidden) {
                height: 78px; max-height: 78px; min-height: 0; padding: 0 !important; border: 0 !important; background: none !important; gap: 3px !important; justify-content: flex-start; min-width: 78px;
            }
            #section-studio #strefa-media #base-image-box > p:first-of-type, #section-studio #strefa-media #tail-image-box > p:first-of-type { min-height: 0 !important; height: 22px !important; }
            #section-studio #strefa-media #image-inputs-top, #section-studio #strefa-media #image-inputs-top > * { padding: 0 !important; border: 0 !important; background: none !important; height: 78px; align-items: flex-start !important; flex-wrap: nowrap !important; }
            #section-studio #strefa-media #image-inputs-top .grid { margin: 0 !important; }
            #section-studio #strefa-media .veo-upload-slot { height: 78px; margin: 0 !important; align-items: flex-start; }
            #section-studio .veo-upload-slot .st2-upslot-label { font-size: 9px; }
            #section-studio #image-inputs-top #st2-intent { display: none !important; }   
            #section-studio [id^="gentype-picker"] button { height: 42px !important; padding-top: 0 !important; padding-bottom: 0 !important; display: inline-flex; align-items: center; }
            
            #section-studio #music-mode-picker:not(.hidden) { top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; height: auto !important; min-height: 0 !important; padding: 16px !important; z-index: 70 !important; }   
            #section-studio #music-mode-picker .mmp-tile { height: 100% !important; max-height: none !important; }
            #section-studio .studio-sidebar:has(#field-customMode) #strefa-media { display: none !important; }
            #section-studio #customMode-slot, #section-studio #customMode-slot > * { margin: 0 !important; max-height: 42px; }
            #section-studio #customMode-slot .mmp-back-row { height: 42px; padding: 0 !important; margin: 0 !important; }
            #section-studio .wild-card { height: 42px; padding: 0 12px 0 6px !important; }
            #section-studio .wild-card .wild-ico { width: 30px; height: 30px; border-radius: 9px; }
            #section-studio #dynamic-params .grid > .col-span-2.mb-2 > .grid { gap: 6px !important; }
            #section-studio #dynamic-params .piosn-custom-field > div.flex { margin: 0 !important; }
            #section-studio #piosn-adv-toggle { height: 42px; width: auto !important; padding: 0 14px !important; gap: 10px; border-radius: 12px !important; }
            #section-studio #piosn-adv-toggle .adv-label { font-size: 0 !important; gap: 8px; }
            #section-studio #piosn-adv-toggle .adv-label i { font-size: 12px; }
            #section-studio #piosn-adv-toggle .adv-label::after { content: 'Zaawansowane'; font-size: 12.5px; font-weight: 600; }
            #section-studio .piosn-custom-field:has([id^="persona-slot-"]) > div.flex:first-child { display: none !important; }   
            #section-studio [id^="persona-slot-"]:not([id$="-q"]):not([id$="-info"]) > :is(button, div):first-child { height: 42px !important; min-height: 0 !important; padding: 0 14px !important; font-size: 12.5px !important; display: flex; align-items: center; gap: 6px; border-radius: 12px !important; box-shadow: none !important; width: auto !important; }

            
            #dd-shell { width: 420px; border-color: rgba(255,255,255,0.12); box-shadow: 0 24px 60px rgba(0,0,0,0.65); }
            #dd-shell #model-dropdown-list { background: #0b0c11 !important; border: 0 !important; padding: 4px 0 8px !important; }
            #dd-shell #model-dropdown-list [data-nm] {
                display: flex !important; align-items: center; gap: 12px !important; padding: 10px 14px !important; margin: 2px 8px; border-radius: 12px;
                border: 0 !important; border-left: 0 !important; background: transparent !important; box-shadow: none !important; overflow: visible;
            }
            #dd-shell #model-dropdown-list [data-nm]::before { display: none !important; }
            #dd-shell #model-dropdown-list [data-nm]:hover { background: rgba(255,255,255,0.05) !important; padding-left: 14px !important; }
            #dd-shell #model-dropdown-list [data-nm].mdd-on { background: rgba(0,242,255,0.08) !important; }
            #dd-shell #model-dropdown-list [data-nm] > div:first-child { width: 32px !important; height: 32px !important; min-width: 32px !important; min-height: 32px !important; border-radius: 9px !important; border: 1px solid rgba(255,255,255,0.08) !important; box-shadow: none !important; }
            #dd-shell #model-dropdown-list .mdd-txt { display: grid !important; grid-template-columns: minmax(0,1fr) auto; column-gap: 10px; row-gap: 2px; align-items: center; }
            #dd-shell #model-dropdown-list .mdd-txt > div.flex { display: contents !important; }
            #dd-shell #model-dropdown-list .mdd-nm { grid-column: 1; grid-row: 1; font-size: 14px !important; font-weight: 600 !important; line-height: 1.25 !important; color: rgba(255,255,255,0.92) !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
            #dd-shell #model-dropdown-list .mdd-on .mdd-nm { color: #7ff6ff !important; }
            #dd-shell #model-dropdown-list .mdd-pl { grid-column: 2; grid-row: 1 / span 2; box-shadow: none !important; font-size: 10.5px !important; padding: 2px 8px !important; line-height: 16px !important; }
            #dd-shell #model-dropdown-list .mdd-dur, #dd-shell #model-dropdown-list .mdd-desc, #dd-shell #model-dropdown-list [data-nm] > i.fa-check { display: none !important; }
            #dd-shell #model-dropdown-list .mdd-meta { display: block !important; grid-column: 1; grid-row: 2; margin: 0 !important; font-size: 12px; line-height: 1.3; color: rgba(255,255,255,0.45); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
            #dd-shell #model-dropdown-list .mdd-meta b { font-weight: 500; color: inherit; }
            #dd-shell .st2-dd-prov { padding: 14px 22px 4px !important; font-size: 10px; color: rgba(255,255,255,0.38); }
            #dd-shell .st2-dd-prov .cnt { display: none; }
            #dd-shell .st2-dd-search { padding: 10px 14px !important; background: #0b0c11 !important; border-bottom: 1px solid rgba(255,255,255,0.06); }
            #dd-shell .st2-dd-search input { padding: 9px 12px !important; font-size: 13px !important; border-radius: 10px !important; }

            
            .tn-drop { background: #0b0c11; border-color: rgba(255,255,255,0.12); border-radius: 16px; padding: 12px; box-shadow: 0 24px 60px rgba(0,0,0,0.65); }
            .tn-drop::after { background: #0b0c11; border-color: rgba(255,255,255,0.12); }
            .tn-drop-cols { gap: 16px; }
            .tn-drop-col { min-width: 260px; }
            .tn-drop-col + .tn-drop-col { padding-left: 16px; }
            .tn-drop-label { padding: 10px 12px 6px; font-size: 10.5px; color: rgba(255,255,255,0.38); letter-spacing: 0.12em; }
            .tn-drop-label::after { display: none; }
            .tn-drop-item, .tn-drop-group-head { padding: 9px 12px; gap: 12px; border-radius: 11px; font-size: 14px; font-weight: 600; background: transparent; border-left: 0; }
            .tn-drop-item > span:not(.tn-drop-item-text), .tn-drop-group-head > span:first-of-type { font-family: inherit; font-size: 14px; font-weight: 600; letter-spacing: 0; color: rgba(255,255,255,0.9); }
            .tn-drop-item:hover, .tn-drop-group-head:hover { transform: none; background: rgba(255,255,255,0.05); color: #fff; }
            .tn-drop-item:hover > span:not(.tn-drop-item-text) { color: #fff; }
            .tn-drop-item:hover::before { display: none; }
            .tn-drop-item i, .tn-drop-item img, .tn-drop-group-head img { width: 30px; height: 30px; border-radius: 8px; background: rgba(255,255,255,0.05); }
            .tn-drop-item:hover i { background: rgba(255,255,255,0.08); }
            .tn-drop-group-head > span[style*="255,255,255,.1"], .tn-drop-item > span[style*="255,255,255,.1"] { display: none !important; }   
            .tn-drop-group-head > span[style*="0,242,255"], .tn-drop-item > span[style*="0,242,255"] { margin-left: auto !important; font-size: 10px !important; padding: 1px 7px !important; line-height: 16px !important; }
            .tn-drop-group-head > span[style*="0,242,255"] ~ i.fa-chevron-right { margin-left: 10px; }
            .tn-drop-group.open .tn-drop-group-head { background: rgba(255,255,255,0.05); }
            .tn-drop-models { padding: 2px 0 6px 54px; }
            .tn-drop-model { padding: 7px 10px; font-size: 13px; color: rgba(255,255,255,0.7); }
            .tn-drop-model i { display: none; }
            .tn-drop-model:hover { background: rgba(255,255,255,0.05); color: #fff; }
            
            #section-studio #dynamic-params > * { order: 16 !important; margin: 0 !important; }
            #section-studio #dynamic-params > div:has(#veo-voice-current), #section-studio #st2-voice-slot > div:has(#veo-voice-current) {
                order: 13 !important; position: relative; overflow: visible !important; height: 42px; display: flex; align-items: center; margin: 0 !important;
                border-radius: 12px !important; background: rgba(255,255,255,0.06) !important; border: 1px solid rgba(255,255,255,0.14) !important;
            }
            #section-studio div:has(> #veo-voice-list) > div:first-child { height: 40px; padding: 0 12px !important; border-radius: 12px; }
            #section-studio #veo-voice-list:not(.hidden) { position: absolute; left: 0; bottom: calc(100% + 8px); width: 280px; z-index: 80; background: #0b0c11; border: 1px solid rgba(255,255,255,0.12); border-radius: 14px; padding: 8px !important; box-shadow: 0 24px 60px rgba(0,0,0,0.65); }
            
            #section-studio #dynamic-params input[type="range"] { height: 8px !important; min-height: 0 !important; max-height: 8px; padding: 0 !important; margin: 0 !important; align-self: center; }
            
            #section-studio #model-warning-top:not(.hidden) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-height: 30px; }
            #section-studio #model-warning-top:not(.hidden) * { display: inline !important; margin: 0 !important; }
            #section-studio #model-warning-top:not(.hidden) > * + * { margin-left: 14px !important; }
            
            #section-studio #strefa-media #base-image-box > p:first-of-type, #section-studio #strefa-media #tail-image-box > p:first-of-type,
            #section-studio #strefa-media :is(#frames-row, #st2-omni-frames-row, #dual-frames-wrap) > div > p:first-of-type { height: 23px !important; line-height: 11.5px !important; }
            #section-studio #dynamic-params .cy-toggle-label { font-size: 9.5px !important; text-transform: uppercase; letter-spacing: 0.06em; font-weight: 700; color: rgba(255,255,255,0.72) !important; }
            .tn-drop-group-head i.fa-chevron-right { width: 10px; text-align: center; }
            .tn-drop-item > span[style*="0,242,255"] { margin-right: 20px !important; }
            #section-studio #dynamic-params select { width: 190px !important; }   
        }


        
        body #model-dropdown-list > #st2-dd-rows { padding: 0 !important; }
        body #model-dropdown-list > #st2-dd-rows > .st2-dd-prov { width: auto !important; height: auto !important; min-width: 0 !important; min-height: 0 !important; }
        @media (max-width: 1023px) { #model-dropdown-list { max-height: 56vh !important; } }
        
        
        #go-btn { background: linear-gradient(180deg,#20222b 0%,#15161d 100%) !important; border: 1px solid rgba(255,255,255,0.10) !important; animation: goBtnGlow 3.6s ease-in-out infinite !important; padding-top: 17px !important; padding-bottom: 17px !important; }
        #go-btn::after { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 42%; pointer-events: none; background: linear-gradient(100deg, transparent, rgba(255,255,255,0.15), transparent); animation: goBtnSheen 4.6s ease-in-out infinite; }
        #go-btn:hover { border-color: rgba(0,242,255,0.35) !important; }
        #go-btn:disabled { animation: none !important; }
        #go-btn:disabled::after { display: none; }
        #go-btn > div.absolute { display: none !important; }   
        @keyframes goBtnSheen { 0% { transform: translateX(-130%); } 55%, 100% { transform: translateX(130%); } }
        @keyframes goBtnGlow { 0%, 100% { box-shadow: 0 8px 30px rgba(0,242,255,0.08); } 50% { box-shadow: 0 0 24px 2px rgba(0,242,255,0.16), 0 8px 34px rgba(188,19,254,0.13); } }
        @media (prefers-reduced-motion: reduce) { #go-btn { animation: none !important; } #go-btn::after { display: none; } }
        #btn-text { background: none !important; -webkit-text-fill-color: #fff !important; color: #fff !important; font-size: 14px !important; letter-spacing: 0.05em !important; }
        #btn-text.st2-warn-amber { color: #fbbf24 !important; -webkit-text-fill-color: #fbbf24 !important; }
        #btn-text.st2-warn-red { color: #f87171 !important; -webkit-text-fill-color: #f87171 !important; }
        #btn-cost { background: rgba(0,242,255,0.1) !important; border: 1px solid rgba(0,242,255,0.32) !important; box-shadow: none !important; font-size: 11.5px !important; }
        #btn-cost .gen-coin { width: 8px; height: 8px; border-radius: 2px; transform: rotate(45deg); background: #00f2ff; box-shadow: 0 0 8px rgba(0,242,255,0.6); display: inline-block; flex-shrink: 0; }
        
        @media (max-width: 767px) {
            #gen-dock {
                position: fixed !important; left: 10px; right: 10px;
                bottom: calc(74px + env(safe-area-inset-bottom));
                z-index: 40; margin: 0 !important; padding: 10px 12px !important;
                
                background: rgba(10,11,16,0.985) !important;
                
                border: 1px solid rgba(0,242,255,0.5); border-radius: 18px;
                box-shadow: 0 0 0 1px rgba(0,242,255,0.08), 0 0 16px rgba(0,242,255,0.16), 0 -8px 32px rgba(0,0,0,0.45);
                transition: opacity .25s ease, transform .25s ease;
            }
            
            #gen-dock.dock-hidden { opacity: 0; pointer-events: none; transform: translateY(18px); }
            
            #section-studio .studio-sidebar > div.overflow-y-auto { padding-bottom: 140px !important; }
            
            #section-studio > .flex-1:has(#output-idle:not(.hidden)):has(#studio-queue.hidden) { display: none !important; }
        }
        
        @media (min-width: 768px) {
            #gen-dock {
                position: fixed !important;
                left: 0; bottom: 0; width: 420px;
                z-index: 41;
                background: linear-gradient(180deg, rgba(10,11,15,0) 0%, rgba(10,11,15,0.92) 22%, rgba(10,11,15,0.98) 100%) !important;
                border-top: 1px solid rgba(255,255,255,0.06);
                box-shadow: 0 -12px 28px rgba(0,0,0,0.35);
            }
            #section-studio .studio-sidebar > div.overflow-y-auto { padding-bottom: 150px !important; }
        }

        
        @media (min-width: 1024px) {
            
            #app-wrapper:has(#section-studio:not(.hidden)) { height: calc(100vh / 0.9); min-height: 0; overflow: hidden; }
            
            main.main-content:has(> #section-studio:not(.hidden)) { display: flex; flex-direction: column; height: 100%; min-height: 0; overflow: hidden; }
            main.main-content:has(> #section-studio:not(.hidden)) > #section-studio { flex: 1 1 auto; height: auto; min-height: 0; }
            main.main-content:has(> #section-studio:not(.hidden)) .studio-sidebar { height: auto; }
        }
        
        #dropzone-empty,
        #tail-dropzone-empty,
        #multi-image-add,
        #multi-video-add,
        #animate-upload-area,
        #base-image-upload-area {
          background: linear-gradient(180deg, #16181e 0%, #131520 100%) !important;
          border: 1px dashed rgba(255,255,255,0.12) !important;
          border-radius: 12px !important;
          padding: 14px 16px !important;
          position: relative;
          overflow: hidden;
          transition: border-color 0.2s, background 0.2s, transform 0.18s ease-out;
          cursor: pointer;
        }
        #dropzone-empty::before,
        #tail-dropzone-empty::before,
        #multi-image-add::before,
        #multi-video-add::before,
        #animate-upload-area::before {
          content: ''; position: absolute; inset: 0;
          background: radial-gradient(60% 80% at 50% 0%, rgba(0,242,255,0.06), transparent 70%);
          opacity: 0; transition: opacity 0.2s;
          pointer-events: none;
        }
        #dropzone-empty:hover,
        #tail-dropzone-empty:hover,
        #multi-image-add:hover,
        #multi-video-add:hover,
        #animate-upload-area:hover {
          border-color: rgba(0,242,255,0.45) !important;
          background: linear-gradient(180deg, #1a1d24 0%, #161823 100%) !important;
          transform: translateY(-1px);
        }
        #dropzone-empty:hover::before,
        #tail-dropzone-empty:hover::before,
        #multi-image-add:hover::before,
        #multi-video-add:hover::before,
        #animate-upload-area:hover::before { opacity: 1; }
        
        #dropzone-empty .w-9,
        #tail-dropzone-empty .w-9 {
          background: rgba(0,242,255,0.08) !important;
          border: 1px solid rgba(0,242,255,0.18) !important;
          border-radius: 9px !important;
          transition: all 0.2s;
        }
        #dropzone-empty:hover .w-9,
        #tail-dropzone-empty:hover .w-9 {
          background: rgba(0,242,255,0.18) !important;
          border-color: rgba(0,242,255,0.4) !important;
          box-shadow: 0 0 12px rgba(0,242,255,0.2);
        }
        #dropzone-empty .w-9 i,
        #tail-dropzone-empty .w-9 i { color: #00f2ff !important; transition: transform 0.2s; }
        #dropzone-empty:hover .w-9 i,
        #tail-dropzone-empty:hover .w-9 i { transform: scale(1.08); }

        @keyframes spin-slow { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
        .animate-spin-slow { animation: spin-slow 8s linear infinite; }


        @keyframes pulse-border { 0%, 100% { border-color: var(--neon); box-shadow: 0 0 10px var(--neon); } 50% { border-color: var(--purple); box-shadow: 0 0 20px var(--purple); } }
        .pending-card { animation: pulse-border 2s ease-in-out infinite; }
        .pending-spinner { width: 100%; height: 100%; border-radius: 10px; background: linear-gradient(110deg, rgba(255,255,255,0.03) 25%, rgba(255,255,255,0.12) 50%, rgba(255,255,255,0.03) 75%); background-size: 200% 100%; animation: shimmer 1.4s ease-in-out infinite; }
        @keyframes gradient-shift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }

        
        @keyframes draw-cloud {
            from { stroke-dashoffset: 400; }
            to { stroke-dashoffset: 0; }
        }
        .animate-draw-cloud {
            stroke-dasharray: 400;
            stroke-dashoffset: 400;
            animation: draw-cloud 3s ease-out forwards;
        }

        
        
        .gal-pick { position:absolute; top:6px; left:6px; z-index:25; width:24px; height:24px; border-radius:7px;
            display:none; align-items:center; justify-content:center; cursor:pointer;
            background:rgba(0,0,0,0.55); border:1.5px solid rgba(255,255,255,0.35);
            backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); transition:all .18s ease; }
        .gal-pick i { font-size:11px; color:transparent; transition:color .18s ease; }
        body.gal-select .gal-pick { display:flex; }
        body.gal-select .gal-pick:hover { border-color:rgba(0,242,255,0.7); transform:scale(1.08); }
        .gal-pick.on { background:#00f2ff; border-color:#00f2ff; box-shadow:0 0 12px rgba(0,242,255,0.55); }
        .gal-pick.on i { color:#04141a; }
        
        body.gal-select .mg-tile ~ div[class*="group-hover"] { display:none !important; }

        #gal-zip-bar { position:fixed; left:50%; bottom:18px; transform:translate(-50%,140%); z-index:120;
            display:flex; align-items:center; gap:14px; padding:12px 16px; border-radius:16px;
            background:rgba(12,14,20,0.92); backdrop-filter:blur(18px) saturate(140%);
            border:1px solid rgba(255,255,255,0.1); box-shadow:0 18px 50px rgba(0,0,0,0.6);
            opacity:0; pointer-events:none; transition:transform .35s cubic-bezier(.22,1,.36,1), opacity .3s; max-width:calc(100vw - 24px); }
        #gal-zip-bar.on { transform:translate(-50%,0); opacity:1; pointer-events:auto; }
        #gal-zip-count { font-size:13px; color:rgba(255,255,255,0.85); white-space:nowrap; }
        #gal-zip-count b { color:#00f2ff; font-size:15px; }
        #gal-zip-progress { position:absolute; left:0; bottom:0; height:2px; width:0;
            background:linear-gradient(90deg,#00f2ff,#bc13fe); border-radius:0 0 16px 16px; transition:width .25s ease; }
        @media (max-width:560px) { #gal-zip-bar { gap:8px; padding:10px 12px; } #gal-zip-count span { display:none; } }

        .gallery-filter-btn { color: rgba(255,255,255,0.5); border-radius: 8px; transition: all 0.25s ease; }
        .gallery-filter-btn:hover { color: #fff; background: rgba(255,255,255,0.05); }
        .gallery-filter-btn.active { color: #00f2ff; background: rgba(0,242,255,0.1); border: 1px solid rgba(0,242,255,0.2); }
        .gallery-sort-btn { color: rgba(255,255,255,0.5); border-radius: 8px; transition: all 0.25s ease; }
        .gallery-sort-btn:hover { color: #fff; background: rgba(255,255,255,0.05); }
        .gallery-sort-btn.active { color: #00f2ff; background: rgba(0,242,255,0.1); border: 1px solid rgba(0,242,255,0.2); }
        #gallery-sort option { background: #0a0a0f; color: #fff; }

        
        .public-filter-btn { color: rgba(255,255,255,0.5); border-radius: 8px; transition: all 0.25s ease; }
        .public-filter-btn:hover { color: #fff; background: rgba(255,255,255,0.05); }
        .public-filter-btn.active { color: #00f2ff; background: rgba(0,242,255,0.1); border: 1px solid rgba(0,242,255,0.2); }
        .public-sort-btn { color: rgba(255,255,255,0.5); border-radius: 8px; transition: all 0.25s ease; }
        .public-sort-btn:hover { color: #fff; background: rgba(255,255,255,0.05); }
        .public-sort-btn.active { color: #00f2ff; background: rgba(0,242,255,0.1); border: 1px solid rgba(0,242,255,0.2); }

        
        #public-gallery-container { position: relative; }
        .gallery-peek-overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 180px;
            pointer-events: none;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            align-items: center;
            padding-bottom: 20px;
        }
        .peek-gradient {
            position: absolute;
            inset: 0;
            background: linear-gradient(to bottom, transparent 0%, rgba(5,5,10,0.7) 40%, rgba(5,5,10,0.95) 100%);
        }
        .peek-button {
            position: relative;
            z-index: 10;
            pointer-events: auto;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 4px;
            padding: 12px 24px;
            background: rgba(255,255,255,0.08);
            border: 1px solid rgba(255,255,255,0.15);
            border-radius: 20px;
            color: #fff;
            cursor: pointer;
            backdrop-filter: blur(10px);
            transition: all 0.3s ease;
        }
        .peek-button:hover {
            background: rgba(0,242,255,0.15);
            border-color: rgba(0,242,255,0.3);
            transform: translateY(-2px);
        }
        .toast {
            position: fixed;
            bottom: 100px;
            right: 20px;
            background: linear-gradient(135deg, rgba(10, 10, 15, 0.95) 0%, rgba(20, 20, 30, 0.95) 100%);
            backdrop-filter: blur(20px);
            border: 1px solid rgba(255, 255, 255, 0.1);
            color: #fff;
            padding: 16px 20px;
            border-radius: 16px;
            font-weight: 500;
            font-size: 14px;
            z-index: 9999;
            animation: toastSlideIn 0.4s cubic-bezier(0.16, 1, 0.3, 1);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.05) inset;
            display: flex;
            align-items: center;
            gap: 12px;
            max-width: 380px;
        }
        .toast::before {
            content: '';
            width: 4px;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            background: linear-gradient(180deg, #00f2ff, #bc13fe);
            border-radius: 16px 0 0 16px;
        }
        .toast-icon {
            width: 32px;
            height: 32px;
            border-radius: 10px;
            background: linear-gradient(135deg, rgba(0, 242, 255, 0.2), rgba(188, 19, 254, 0.2));
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }
        .toast-icon i { color: #00f2ff; font-size: 14px; }
        .toast-content { flex: 1; }
        .toast-action {
            color: #00f2ff;
            font-weight: 600;
            font-size: 13px;
            cursor: pointer;
            transition: opacity 0.2s;
            white-space: nowrap;
        }
        .toast-action:hover { opacity: 0.8; }
        @keyframes toastSlideIn {
            from { transform: translateX(120%); opacity: 0; }
            to { transform: translateX(0); opacity: 1; }
        }
        @keyframes ctaGlow {
            0%, 100% { box-shadow: 0 0 20px rgba(0,242,255,0.25), 0 4px 12px rgba(0,0,0,0.4); transform: scale(1); }
            50% { box-shadow: 0 0 35px rgba(0,242,255,0.5), 0 0 60px rgba(0,242,255,0.15), 0 4px 12px rgba(0,0,0,0.4); transform: scale(1.03); }
        }
        @keyframes ctaShimmer {
            0% { transform: translateX(-100%); }
            100% { transform: translateX(100%); }
        }
        @keyframes ctaSweep {
            0% { transform: translateX(-100%); }
            100% { transform: translateX(100%); }
        }
        @keyframes ctaPulse {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.85; }
        }
        @keyframes ctaBorderGlow {
            0%, 100% { border-color: rgba(255,255,255,0.15); }
            50% { border-color: rgba(255,255,255,0.35); }
        }
        @keyframes ctaBtnPulse {
            0%, 100% { transform: scale(1); box-shadow: 0 0 20px var(--btn-glow, rgba(255,255,255,0.2)), 0 4px 12px rgba(0,0,0,0.4); }
            50% { transform: scale(1.05); box-shadow: 0 0 30px var(--btn-glow, rgba(255,255,255,0.4)), 0 0 50px var(--btn-glow, rgba(255,255,255,0.1)), 0 4px 12px rgba(0,0,0,0.4); }
        }
        .cta-banner { animation: ctaPulse 3s ease-in-out infinite, ctaBorderGlow 3s ease-in-out infinite; }
        .cta-banner:hover { animation-play-state: paused; transform: scale(1.01); transition: transform 0.2s; }
        .cta-btn-pulse { animation: ctaBtnPulse 2s ease-in-out infinite; }
        .cta-btn-pulse:hover { animation-play-state: paused; }
        .queue-item { transition: all 0.2s; }
        .queue-item:hover { transform: scale(1.05); }
        .queue-item.focused { border-color: var(--neon) !important; box-shadow: 0 0 15px var(--neon); }
        
        .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }
        .scrollbar-hide::-webkit-scrollbar { display: none; }
        
        .reveal { opacity: 0; transform: translateY(50px); transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
        .reveal.visible { opacity: 1; transform: translateY(0); }
        
        [data-aos="fade-up"] { transform: translateY(60px) !important; }
        [data-aos="fade-right"] { transform: translateX(-60px) !important; }
        [data-aos="fade-left"] { transform: translateX(60px) !important; }
        [data-aos="fade-in"] { opacity: 0; }
        [data-aos].aos-animate { transform: translateY(0) translateX(0) !important; opacity: 1; }
        
        .article-card { width: 272px; height: 154px; min-width: 272px; transition: transform 0.3s ease; }
        .article-card:hover { transform: scale(1.04); }
        @media (min-width: 768px) { .article-card { width: 440px; height: 248px; min-width: 440px; } }
        
        .chat-model-card {
            cursor: pointer;
            border: 1px solid rgba(255,255,255,0.08);
            background: rgba(255,255,255,0.01);
        }
        .chat-model-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 32px rgba(0,0,0,0.4);
        }
        .chat-model-card.active {
            border-color: rgba(0,242,255,0.5) !important;
            box-shadow: 0 0 20px rgba(0,242,255,0.15), inset 0 0 20px rgba(0,242,255,0.05);
        }
        .chat-model-card.active::before {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(135deg, rgba(0,242,255,0.1) 0%, transparent 50%);
            pointer-events: none;
            border-radius: inherit;
        }
.photo-filter-btn { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); color: rgba(255,255,255,0.5); }
        .photo-filter-btn:hover { background: rgba(0,242,255,0.08); border-color: rgba(0,242,255,0.2); color: rgba(255,255,255,0.8); }
        .photo-filter-btn.active { background: rgba(0,242,255,0.12); border-color: rgba(0,242,255,0.4); color: #00f2ff; }
        .photo-card { transition: all 0.3s; border: 1px solid rgba(255,255,255,0.08); border-radius: 0.75rem; }
        .photo-card:hover { border-color: rgba(0,242,255,0.4); box-shadow: 0 0 20px rgba(0,242,255,0.1); transform: translateY(-3px); }
        #photo-dropzone.dragover { border-color: rgba(0,242,255,0.6); background: rgba(0,242,255,0.04); }
@media (max-width: 640px) {
      .swal2-popup {
        width: 90vw !important;
        max-width: 320px !important;
        font-size: 14px !important;
        padding: 1rem !important;
      }
      .swal2-title {
        font-size: 1.1rem !important;
      }
    }
    
    .showcase-swiper { overflow: hidden; padding: 20px 0; }
    
    .showcase-swiper:not(.swiper-initialized) .swiper-wrapper { display: flex; gap: 16px; overflow: hidden; max-height: 460px; }
    .showcase-swiper:not(.swiper-initialized) .swiper-slide { flex-shrink: 0; }
    
    .showcase-swiper .swiper-wrapper { height: auto !important; align-items: flex-start; }
    .showcase-swiper .swiper-slide { height: auto !important; }
    .showcase-swiper .swiper-slide {
      width: 420px;
      transition: transform 0.4s ease, opacity 0.4s ease, filter 0.4s ease;
      opacity: 0.35;
      filter: brightness(0.4) blur(1px);
    }
    
    #showcase-music-swiper .swiper-slide { pointer-events: auto !important; }
    #showcase-music-swiper [onclick] { position: relative; z-index: 50; pointer-events: auto !important; }

    
    #cta-free-gen-unpaid, #cta-register-banner { position: relative; border: none; }
    #cta-free-gen-unpaid::before, #cta-register-banner::before { content: ''; position: absolute; inset: -150%; z-index: 0;
      background: conic-gradient(from 0deg, transparent 0 300deg, #ffb92e 330deg, #fff3c4 345deg, #ffb92e 360deg);
      animation: fgGoldSpin 4.5s linear infinite; }
    #cta-free-gen-unpaid::after, #cta-register-banner::after { content: ''; position: absolute; inset: 2px; z-index: 1; border-radius: 14px;
      background: radial-gradient(ellipse at 18% 0%, #8a6410 0%, transparent 55%), radial-gradient(ellipse at 82% 100%, #6b4a08 0%, transparent 55%), radial-gradient(ellipse at 50% 50%, #241703 0%, #0a0703 100%); }
    #cta-free-gen-unpaid > *, #cta-register-banner > * { z-index: 2; } 
    #cta-free-gen-unpaid h3, #cta-register-banner h3 { color: #ffe9b0 !important; text-shadow: 0 0 30px rgba(255,190,60,0.55) !important; }
    #cta-free-gen-unpaid [class*='text-[#00f2ff]'], #cta-register-banner [class*='text-[#00f2ff]'] { color: #ffd777 !important; text-shadow: 0 0 10px rgba(255,190,60,0.5) !important; }
    #cta-free-gen-unpaid .flex.items-center.justify-center.gap-2.mb-3 [class*='bg-[#00f2ff]'], #cta-register-banner .animate-pulse [class*='bg-[#00f2ff]'] { background: #ffd777 !important; }
    @keyframes fgGoldSpin { to { transform: rotate(360deg); } }
    @media (min-width: 768px) { #cta-free-gen-unpaid::after, #cta-register-banner::after { border-radius: 22px; } }
    @media (prefers-reduced-motion: reduce) { #cta-free-gen-unpaid::before, #cta-register-banner::before { animation: none; } }
    
    @media (min-width:768px){
      #cta-register-banner, #cta-register-banner-2, #cta-free-gen-unpaid {
        max-width: 1600px !important;
        margin-left: auto !important;
        margin-right: auto !important;
      }
    }

    
    @keyframes ctaShimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
    
    .cta-tile-cinema{position:relative;aspect-ratio:16/9;height:auto;border-radius:18px;overflow:hidden;cursor:pointer;border:1px solid rgba(0,242,255,0.25);transition:all 0.3s ease;}
    .cta-tile-cinema:hover{transform:translateY(-3px);border-color:rgba(0,242,255,0.6);box-shadow:0 12px 40px rgba(0,242,255,0.2);}
    .cta-tile-cinema:hover .cta-cinema-bg{transform:scale(1.05);}
    
    
    @media (max-width:767.98px){ .cta-tile-cinema.cta-wide-mobile{ aspect-ratio:2/1 !important; } }
    
    #fg-tiles{max-width:28rem}
    @media (min-width:768px){
      #fg-tiles{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;max-width:none}
      #fg-tiles > button{width:min(46%,560px);aspect-ratio:16/9;flex:0 0 auto}   
    }
    
    .cta-square{aspect-ratio:1/1;}
    
    @media (min-width:768px){ .cta-square{aspect-ratio:16/9;} }
    
    @media (max-width:767.98px){ .cta-desktop{display:none !important} }
    @media (min-width:768px){ .cta-mobile{display:none !important} }
    
    .cta-akcent{color:#00f2ff;text-decoration:underline;text-decoration-color:rgba(0,242,255,.8);text-decoration-thickness:.09em;text-underline-offset:.2em}
    .cta-cinema-title:has(.cta-akcent){font-size:22px;line-height:1.1}
    
    .cta-square .cta-cinema-title:has(.cta-akcent){font-size:clamp(12px,calc(5vw - 5.4px),17px)}
    @media (max-width:767.98px){ .cta-square .cta-cinema-content:has(.cta-akcent){padding-left:11px;padding-right:11px} }
    @media (min-width:768px){ .cta-cinema-title:has(.cta-akcent), .cta-square .cta-cinema-title:has(.cta-akcent){font-size:32px} }
    
    .cta-flip{position:absolute;inset:0;overflow:hidden;transition:transform 0.6s ease;}
    .cta-flip img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
    .cta-flip img:nth-child(2),.cta-flip img:nth-child(3){opacity:0;animation:ctaFlip 1.5s steps(1) infinite;}
    .cta-flip img:nth-child(2){animation-delay:0.5s;}
    .cta-flip img:nth-child(3){animation-delay:1s;}
    @keyframes ctaFlip{0%,33.333%{opacity:1}33.334%,100%{opacity:0}}
    .cta-tile-cinema:hover .cta-flip{transform:scale(1.05);}
    @media (max-width:767px){
      
      .cta-square .cta-cinema-title{font-size:15px;}
      .cta-square .cta-cinema-content{padding:12px 13px;}
      .cta-square .cta-cinema-arrow{top:10px;right:10px;width:28px;height:28px;font-size:13px;}
    }
    @media (prefers-reduced-motion:reduce){
      .cta-flip img:nth-child(2),.cta-flip img:nth-child(3){animation:none;}
    }
    .cta-cinema-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 0.6s ease;}
    
    video.cta-cinema-bg{width:100%;height:100%;object-fit:cover;}
    .cta-cinema-bg-blur{filter:blur(2px);}
    
    @keyframes ctaWaveCinema{0%,100%{transform:scaleY(0.4)}50%{transform:scaleY(1)}}
    .cta-cinema-bg-music{background:radial-gradient(ellipse at 30% 40%,#3a0f5f 0%,transparent 60%),radial-gradient(ellipse at 70% 60%,#0a0033 0%,transparent 60%),linear-gradient(135deg,#1a0033 0%,#0a0010 100%);display:flex;align-items:center;justify-content:center;}
    .cta-cinema-waves{display:flex;align-items:center;gap:6px;height:60%;width:80%;justify-content:center;}
    .cta-cinema-waves span{flex:0 0 6px;background:linear-gradient(180deg,#bc13fe 0%,#00f2ff 100%);border-radius:3px;animation:ctaWaveCinema 1.2s ease-in-out infinite;display:block;opacity:0.7;}
    @media (min-width:768px){.cta-cinema-waves span{flex:0 0 8px;gap:10px;}}
    .cta-cinema-waves span:nth-child(1){height:30%;animation-delay:0s}
    .cta-cinema-waves span:nth-child(2){height:55%;animation-delay:0.1s}
    .cta-cinema-waves span:nth-child(3){height:75%;animation-delay:0.2s}
    .cta-cinema-waves span:nth-child(4){height:45%;animation-delay:0.3s}
    .cta-cinema-waves span:nth-child(5){height:90%;animation-delay:0.4s}
    .cta-cinema-waves span:nth-child(6){height:60%;animation-delay:0.5s}
    .cta-cinema-waves span:nth-child(7){height:100%;animation-delay:0.6s}
    .cta-cinema-waves span:nth-child(8){height:50%;animation-delay:0.7s}
    .cta-cinema-waves span:nth-child(9){height:75%;animation-delay:0.8s}
    .cta-cinema-waves span:nth-child(10){height:35%;animation-delay:0.9s}
    .cta-cinema-waves span:nth-child(11){height:65%;animation-delay:1.0s}
    .cta-cinema-waves span:nth-child(12){height:45%;animation-delay:1.1s}
    .cta-cinema-waves span:nth-child(13){height:80%;animation-delay:1.2s}
    .cta-cinema-waves span:nth-child(14){height:30%;animation-delay:1.3s}
    .cta-cinema-waves span:nth-child(15){height:55%;animation-delay:1.4s}
    .cta-cinema-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(0,0,0,0.5) 60%,rgba(0,5,20,0.95) 100%);}
    .cta-cinema-shimmer{position:absolute;inset:0;overflow:hidden;pointer-events:none;}
    .cta-cinema-shimmer::after{content:'';position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(105deg,transparent 40%,rgba(0,242,255,0.12) 50%,transparent 60%);animation:ctaShimmer 4s ease-in-out infinite;}
    .cta-cinema-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:18px 20px;z-index:2;text-align:left;}
    .cta-cinema-badge{padding:5px 12px;background:rgba(0,242,255,0.18);border:1px solid rgba(0,242,255,0.5);border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.2em;color:#00f2ff;backdrop-filter:blur(8px);margin-bottom:14px;}
    .cta-cinema-title{font-family:'Space Grotesk',sans-serif;font-weight:900;font-size:20px;letter-spacing:-0.02em;line-height:1;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,0.7);text-transform:uppercase;text-align:left;}
    .cta-cinema-desc{display:none;}
    .cta-cinema-arrow{position:absolute;top:22px;right:22px;color:#00f2ff;font-size:18px;z-index:2;background:rgba(0,0,0,0.4);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,242,255,0.4);backdrop-filter:blur(8px);transition:all 0.3s ease;}
    .cta-tile-cinema:hover .cta-cinema-arrow{background:rgba(0,242,255,0.3);transform:translateX(4px);}
    @media (min-width:768px){
      
      .cta-cinema-content{padding:36px;}
      .cta-cinema-title{font-size:26px;}
      .cta-cinema-badge{padding:7px 16px;font-size:11px;margin-bottom:18px;}
      .cta-cinema-arrow{top:28px;right:28px;width:48px;height:48px;font-size:22px;}
    }

    
    .qg-cinema-tile{position:relative;height:160px;border-radius:18px;overflow:hidden;cursor:pointer;border:1px solid rgba(0,242,255,0.25);transition:all 0.3s ease;width:100%;}
    .qg-cinema-tile:hover{border-color:rgba(0,242,255,0.7);transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,242,255,0.2);}
    .qg-cinema-tile:hover .qg-cinema-bg{transform:scale(1.08);}
    .qg-cinema-tile-purple:hover{border-color:rgba(167,139,250,0.7);box-shadow:0 12px 40px rgba(167,139,250,0.2);}
    .qg-cinema-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 0.6s ease;}
    .qg-cinema-overlay{position:absolute;inset:0;}
    .qg-cinema-content{position:absolute;inset:0;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;z-index:2;}
    .qg-cinema-badge{align-self:flex-start;padding:5px 12px;background:rgba(0,242,255,0.18);border:1px solid rgba(0,242,255,0.5);border-radius:20px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:0.18em;color:#00f2ff;backdrop-filter:blur(8px);margin-bottom:auto;}
    .qg-cinema-badge-purple{background:rgba(167,139,250,0.18);border-color:rgba(167,139,250,0.5);color:#a78bfa;}
    .qg-cinema-title{font-family:'Space Grotesk',sans-serif;font-weight:900;font-size:28px;letter-spacing:-0.02em;line-height:1;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,0.6);}
    .qg-cinema-tagline{color:rgba(255,255,255,0.8);font-size:12px;font-weight:500;margin-top:6px;line-height:1.4;}
    .qg-cinema-arrow{position:absolute;top:18px;right:18px;color:#00f2ff;font-size:14px;width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,0.4);border:1px solid rgba(0,242,255,0.4);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);transition:all 0.3s ease;z-index:3;}
    .qg-cinema-arrow-purple{color:#a78bfa;border-color:rgba(167,139,250,0.4);}
    .qg-cinema-tile:hover .qg-cinema-arrow{background:rgba(0,242,255,0.3);transform:translateX(3px);}
    .qg-cinema-tile-purple:hover .qg-cinema-arrow{background:rgba(167,139,250,0.3);}
    @media (min-width:768px){
      .qg-cinema-tile{height:200px;}
      .qg-cinema-content{padding:28px;}
      .qg-cinema-title{font-size:36px;}
      .qg-cinema-tagline{font-size:13px;margin-top:8px;}
    }

    
    @keyframes qgShine{0%{background-position:-200% center}100%{background-position:200% center}}
    @keyframes qgBgZoom{0%,100%{transform:scale(1.05)}50%{transform:scale(1.12)}}
    .qg-bento-tile{position:relative;border-radius:20px;cursor:pointer;background:linear-gradient(135deg,rgba(0,242,255,0.08) 0%,rgba(0,5,20,0.4) 100%);border:1px solid rgba(0,242,255,0.15);overflow:hidden;transition:all 0.4s ease;width:100%;display:block;}
    .qg-bento-tile:hover{border-color:rgba(0,242,255,0.6);background:linear-gradient(135deg,rgba(0,242,255,0.15) 0%,rgba(0,5,20,0.5) 100%);}
    .qg-bento-tile::before{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(0,242,255,0.08) 50%,transparent 60%);background-size:200% 100%;animation:qgShine 4s linear infinite;pointer-events:none;}
    .qg-bento-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:0;}
    .qg-bento-preview{position:relative;height:160px;background-size:cover;background-position:center;animation:qgBgZoom 8s ease-in-out infinite;}
    .qg-bento-preview-overlay{position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,rgba(0,5,20,0.4));}
    .qg-bento-content{padding:18px 20px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2;}
    .qg-bento-rank{display:inline-flex;align-items:center;gap:5px;color:#fbbf24;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:0.15em;margin-bottom:8px;}
    .qg-bento-rank i{font-size:8px;}
    .qg-bento-rank-purple{color:#a78bfa;}
    .qg-bento-title{font-family:'Space Grotesk',sans-serif;font-weight:900;font-size:22px;letter-spacing:-0.02em;line-height:1;color:#fff;}
    .qg-bento-subtitle{color:rgba(0,242,255,0.8);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.18em;margin-top:4px;}
    .qg-bento-tagline{color:rgba(255,255,255,0.65);font-size:11px;font-weight:500;line-height:1.5;margin-top:8px;}
    .qg-bento-action{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,242,255,0.15);}
    .qg-bento-pricing{color:rgba(255,255,255,0.6);font-size:10px;font-weight:600;}
    .qg-bento-pricing strong{color:#00f2ff;font-weight:800;}
    .qg-bento-cta{color:#00f2ff;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:0.15em;display:flex;align-items:center;gap:6px;}
    .qg-bento-cta i{transition:transform 0.3s ease;}
    .qg-bento-tile:hover .qg-bento-cta i{transform:translateX(4px);}
    @media (min-width:768px){
      .qg-bento-preview{height:180px;}
      .qg-bento-content{padding:22px 26px;}
      .qg-bento-title{font-size:26px;}
      .qg-bento-tagline{font-size:12px;}
      .qg-bento-action{margin-top:14px;padding-top:14px;}
    }
    .showcase-swiper .swiper-slide-active {
      opacity: 1 !important;
      filter: brightness(1) blur(0) !important;
      transform: scale(1.08);
    }
    .showcase-swiper .swiper-slide-prev,
    .showcase-swiper .swiper-slide-next {
      opacity: 0.55;
      filter: brightness(0.6) blur(0);
    }
    .showcase-slide-inner {
      border-radius: 16px;
      overflow: hidden;
      position: relative;
      aspect-ratio: 16/9;
      background: #111;
    }
    .showcase-slide-inner img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .showcase-label {
      position: absolute;
      bottom: 8px;
      left: 50%;
      transform: translateX(-50%);
      background: rgba(0,0,0,0.6);
      backdrop-filter: blur(8px);
      color: rgba(255,255,255,0.7);
      font-size: 10px;
      font-weight: 600;
      padding: 3px 10px;
      border-radius: 20px;
      letter-spacing: 0.05em;
      border: 1px solid rgba(255,255,255,0.08);
    }
    @media (max-width: 640px) {
      .showcase-swiper .swiper-slide { width: 280px; }
    }
    
    @media (max-width: 767px) {
      #gallery-random {
        display: flex !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        gap: 8px !important;
        padding-bottom: 8px;
      }
      #gallery-random > div {
        flex: 0 0 45vw;
        scroll-snap-align: start;
        aspect-ratio: 1;
      }
      #gallery-random::-webkit-scrollbar { display: none; }
      #gallery-random { scrollbar-width: none; }
    }
input:-webkit-autofill,
      input:-webkit-autofill:hover,
      input:-webkit-autofill:focus,
      input:-webkit-autofill:active,
      textarea:-webkit-autofill,
      textarea:-webkit-autofill:hover,
      textarea:-webkit-autofill:focus,
      select:-webkit-autofill,
      select:-webkit-autofill:hover,
      select:-webkit-autofill:focus {
        -webkit-box-shadow: 0 0 0 1000px rgba(15, 18, 28, 0.96) inset !important;
        -webkit-text-fill-color: #ffffff !important;
        caret-color: #00f2ff !important;
        transition: background-color 5000s ease-in-out 0s !important;
        background-clip: content-box !important;
      }
      
      input:autofill, textarea:autofill, select:autofill {
        background-color: rgba(15, 18, 28, 0.96) !important;
        color: #fff !important;
      }
      
      html #eksploruj .ek-naglowek h2, html .jj-naglowek > span, html .tplm-naglowek > span, html .glos-blok h2, html #faq-glowna h2 {
        padding-bottom: 6px; background: linear-gradient(90deg, var(--ak, #f5c542), #00f2ff) no-repeat 0 100% / 100% 2px;
      }
      html #eksploruj .ek-naglowek { flex-direction: column; align-items: flex-start; gap: 6px; }
      
      html .gosc-ukryte { display: none !important; }
      html .gosc-cta { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 46px; padding: 12px 16px; margin: 0; border: 0; border-radius: 12px;
        background: #00f2ff; color: #031015; font: 800 12px/1.2 'Space Grotesk', 'Inter', sans-serif; letter-spacing: .08em; text-transform: uppercase; cursor: pointer;
        box-shadow: 0 8px 24px rgba(0,242,255,.22); transition: transform .15s ease, background .2s ease; }
      html .gosc-cta:hover { background: #33f5ff; }
      html .gosc-cta:active { transform: scale(.98); }
      .tekst-dotyk { display: none; } @media (hover: none) and (pointer: coarse) { .tekst-dotyk { display: inline; } .tekst-mysz { display: none; } }
      
      .max-h-\[170px\] { max-height: 170px; } .w-\[18px\] { width: 18px; } @media (min-width: 640px) { .sm\:w-\[340px\] { width: 340px; } }
      
      #bw-result-img { display: block; width: auto; max-width: 100%; max-height: min(58vh, 560px); margin: 0 auto; object-fit: contain; }
      html #eksploruj .ek-naglowek p, html #jujitsu-szablony .jj-opis, html .tplm-podpis { font-size: 13px; line-height: 1.4; color: rgba(255,255,255,.58); }
      html #eksploruj .ek-naglowek p { max-width: 100%; }
      html #jujitsu-szablony .jj-naglowek, html .tplm-naglowek { margin-bottom: .45rem; font-size: 1.5rem; line-height: 1.15; }   
      html #jujitsu-szablony .jj-naglowek i, html .tplm-naglowek i { color: #00f2ff; font-size: .95rem; }
      html .glos-blok h2 { width: fit-content; }
      html #faq-glowna h2 { width: fit-content; margin-left: auto; margin-right: auto; }
      @media (min-width: 768px) {
        html .glos-blok h2, html #faq-glowna h2, html .jj-naglowek > span { padding-bottom: 8px; background-size: 100% 3px; }
        html #jujitsu-szablony .jj-naglowek { font-size: 2.1rem; }
        html #jujitsu-szablony .jj-naglowek i { font-size: 1.1rem; }
        html #jujitsu-szablony .jj-opis { font-size: 14px; }
      }