:root,html.theme-light{--font-sans:"Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Space Mono", "SF Mono", Monaco, Menlo, Consolas, monospace;--font-display:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--te-orange:#ff5722;--te-orange-glow:transparent;--te-yellow:#f59e0b;--te-yellow-glow:transparent;--te-cyan:#06b6d4;--te-cyan-glow:transparent;--te-jade:#10b981;--te-jade-glow:transparent;--te-led-red:#ef4444;--bg-base:#ebefe9;--bg-surface:#dfe5dc;--bg-card:#f8faf6;--bg-card-subtle:#edf2ea;--bg-card-hover:#fff;--bg-overlay:#ebefe9f0;--border-subtle:#0000000d;--border-card:#afbeb299;--border-strong:#829688bf;--border-active:#10b981;--accent-primary:#10b981;--accent-hover:#059669;--accent-glow:transparent;--accent-subtle:#10b9811f;--accent-active-pill:#10b981;--accent-active-pill-text:#fff;--text-primary:#121814;--text-secondary:#424e47;--text-muted:#6f7f76;--slider-track:#d2dbd3;--slider-track-groove:#c3cec4;--slider-fill:#10b981;--slider-pip:#10b981;--slider-pip-glow:transparent;--slider-thumb:#fff;--slider-thumb-border:#00000024;--slider-thumb-shadow:0 4px 10px #0000002e, 0 1px 3px #0000001a, inset 0 1px 0 #fffffff2, inset 0 -1.5px 0 #0000001a;--btn-primary-bg:linear-gradient(135deg, #10b981, #059669);--btn-primary-text:#fff;--btn-ghost-bg:#f8faf7;--btn-ghost-border:#afbeb2a6;--btn-ghost-text:#19251e;--badge-bg:#10b9811f;--badge-border:#10b9814d;--badge-text:#059669;--shadow-card:0 5px 18px -2px #12261c0f, 0 2px 6px -1px #00000008, inset 0 1px .5px #fffffff2, inset 0 -1px 0 #0000000a;--shadow-elevated:0 24px 60px -12px #12261c26, 0 8px 24px -4px #0000000f, inset 0 1px 1px #fffffff2;--shadow-sm:0 2px 6px #12261c0a, 0 1px 2px #00000005, inset 0 1px .5px #ffffffe6;--shadow-inset:inset 0 2px 4px #00000024, inset 0 1px 2px #00000014, 0 1px 0 #ffffffd9;--shadow-tactile-btn:0 3px 6px -1px #00000012, 0 1px 2px #0000000a, inset 0 1px .5px #fffffff2, inset 0 -1.5px 0 #00000014;--shadow-tactile-hover:0 5px 14px -2px #00000017, 0 2px 4px #0000000a, inset 0 1px .5px #fff, inset 0 -1px 0 #0000000f;--shadow-tactile-pressed:inset 0 2.5px 5px #00000026, inset 0 1px 2px #0000001a, 0 1px 0 #ffffffe6;--shadow-canvas-bezel:0 26px 64px -10px #12261c33, 0 10px 28px -4px #00000014, inset 0 1px 1px #fff9, inset 0 -1px 2px #00000059}html.theme-dark{--bg-base:#101115;--bg-surface:#15171d;--bg-card:#1b1e25;--bg-card-subtle:#171920;--bg-card-hover:#222530;--bg-overlay:#0c0d11f0;--border-subtle:#ffffff0f;--border-card:#ffffff17;--border-strong:#ffffff2e;--border-active:#10b981;--accent-primary:#10b981;--accent-hover:#34d399;--accent-glow:transparent;--accent-subtle:#10b98124;--accent-active-pill:#10b981;--accent-active-pill-text:#fff;--text-primary:#f4f5f7;--text-secondary:#9da4b1;--text-muted:#676e7d;--slider-track:#121319;--slider-track-groove:#0b0c10;--slider-fill:#10b981;--slider-pip:#10b981;--slider-pip-glow:transparent;--slider-thumb:#2c2f3c;--slider-thumb-border:#ffffff2e;--slider-thumb-shadow:0 5px 14px #000000d9, 0 1px 4px #000000b3, inset 0 1px .5px #ffffff59, inset 0 -1.5px 1px #000000b3;--btn-primary-bg:linear-gradient(180deg, #18382a 0%, #0d221a 100%);--btn-primary-text:#34d399;--btn-ghost-bg:linear-gradient(180deg, #242734 0%, #191b24 100%);--btn-ghost-border:#ffffff1a;--btn-ghost-text:#e5e7eb;--badge-bg:#10b98124;--badge-border:#10b9814d;--badge-text:#34d399;--shadow-card:0 10px 28px -4px #000000bf, 0 3px 8px #00000080, inset 0 1px .5px #ffffff24, inset 0 -1px 1px #00000080;--shadow-elevated:0 24px 60px -10px #000000e6, 0 8px 24px -4px #000000b3, inset 0 1px 1px #ffffff26;--shadow-sm:0 3px 8px #00000080, inset 0 1px .5px #ffffff1a;--shadow-inset:inset 0 2.5px 6px #000000e6, inset 0 1px 2px #000, 0 1px 0 #ffffff0d;--shadow-tactile-btn:0 4px 12px -2px #000000bf, 0 1px 3px #00000080, inset 0 1px .5px #ffffff2e, inset 0 -1.5px 1px #000000a6;--shadow-tactile-hover:0 7px 18px -2px #000000d9, 0 2px 5px #0009, inset 0 1px .5px #ffffff47;--shadow-tactile-pressed:inset 0 3px 7px #000000e6, inset 0 1px 2px #000, 0 1px 0 #ffffff0d;--shadow-canvas-bezel:0 30px 75px -10px #000000f2, 0 12px 36px -4px #000c, inset 0 1px 1px #ffffff26, inset 0 -1px 2px #000c}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}button,a,input,select,textarea,[role=button],label{-webkit-tap-highlight-color:transparent}button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}html,body{background:var(--bg-base);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;margin:0;padding:0;transition:background-color .25s,color .25s;overflow:hidden}::view-transition-old(root){animation-duration:.22s;animation-timing-function:cubic-bezier(.16,1,.3,1)}::view-transition-new(root){animation-duration:.22s;animation-timing-function:cubic-bezier(.16,1,.3,1)}#fs-canvas{view-transition-name:none}html.theme-switching *,html.theme-switching :before,html.theme-switching :after{transition:background-color .22s,border-color .22s,color .22s,box-shadow .22s!important}.scrollbar::-webkit-scrollbar{width:5px;height:5px}.scrollbar::-webkit-scrollbar-track{background:0 0}.scrollbar::-webkit-scrollbar-thumb{background:var(--border-card);border-radius:9999px;transition:background .15s}.scrollbar::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.studio-app{background:var(--bg-base);flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.studio-header{background:var(--bg-base);border-bottom:1px solid var(--border-subtle);z-index:50;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;height:56px;min-height:56px;padding:0 20px;display:flex}.sh-left{align-items:center;gap:32px;display:flex}.sh-brand{cursor:pointer;align-items:center;gap:10px;text-decoration:none;transition:transform .18s cubic-bezier(.16,1,.3,1);display:flex}.sh-brand:active{transform:scale(.97)}.brand-hexagon{width:30px;height:30px;box-shadow:none;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s cubic-bezier(.16,1,.3,1);display:flex}.brand-hexagon img,.brand-logo-img{object-fit:contain;filter:drop-shadow(0 2px 6px #2bb67359);width:100%;height:100%;transition:transform .2s cubic-bezier(.16,1,.3,1),filter .2s;display:block}.sh-brand:hover .brand-hexagon img,.sh-brand:hover .brand-logo-img{filter:drop-shadow(0 3px 12px #2bb67399);transform:scale(1.08)}.brand-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);font-size:15.5px;font-weight:700}.sh-sidebar-toggle-btn{background:var(--bg-card);border:1px solid var(--border-card);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;box-shadow:var(--shadow-tactile-btn);border-radius:10px;flex-shrink:0;place-items:center;transition:all .18s cubic-bezier(.16,1,.3,1);display:none}.sh-sidebar-toggle-btn:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-strong);transform:translateY(-1px)}.sh-sidebar-toggle-btn.active{color:var(--accent-primary);background:#10b9811a;border-color:#10b98166}.sh-nav{background:var(--bg-surface);box-shadow:var(--shadow-inset);border:1px solid var(--border-subtle);border-radius:9999px;align-items:center;gap:3px;padding:3px 4px;display:flex}.sh-nav-icon{display:none}.sh-nav-link{font-family:var(--font-display);letter-spacing:.8px;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:9999px;justify-content:center;align-items:center;gap:6px;padding:6px 14px;font-size:11px;font-weight:700;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative}.sh-nav-link:hover{color:var(--text-primary)}.sh-nav-link.active{color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-card);padding:6px 16px;font-weight:750;box-shadow:0 3px 6px -1px #00000012,0 1px 2px #0000000a,inset 0 1px #fffffff2,inset 0 -1.5px #00000014}.sh-nav-link.active:before{content:"";background:var(--accent-primary);border-radius:50%;width:4px;height:4px;margin-right:2px}.sh-nav-link:active{transform:translateY(1.5px)scale(.97);box-shadow:inset 0 2px 4px #00000024,0 1px #ffffffd9}.sh-nav-dot{display:none}.sidebar-drawer-backdrop{-webkit-backdrop-filter:blur(4px);z-index:85;opacity:0;pointer-events:none;background:#00000073;transition:opacity .25s;position:fixed;inset:0}.sidebar-drawer-backdrop.active{opacity:1;pointer-events:auto}.sh-right{align-items:center;gap:8px;display:flex}.sh-icon-btn{background:var(--bg-card);border:1px solid var(--border-card);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;border-radius:10px;place-items:center;transition:all .18s cubic-bezier(.16,1,.3,1);display:grid;box-shadow:0 3px 6px -1px #00000012,0 1px 2px #0000000a,inset 0 1px #fffffff2,inset 0 -1.5px #00000014}.sh-icon-btn:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-strong);transform:translateY(-1px);box-shadow:0 5px 12px -2px #00000017,inset 0 1px #fff}.sh-icon-btn:active{transform:translateY(1.5px)scale(.96);box-shadow:inset 0 2px 4px #00000029,0 1px #ffffffd9}.dpr-toggle-btn{width:auto;min-width:48px;font-family:var(--font-mono);border-radius:10px;padding:0 11px}.btn-sign-in-nav{background:var(--bg-card);border:1px solid var(--border-card);height:34px;color:var(--text-primary);font-family:var(--font-sans);letter-spacing:.3px;text-transform:uppercase;cursor:pointer;box-sizing:border-box;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:11.5px;font-weight:700;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 3px 6px -1px #00000012,0 1px 2px #0000000a,inset 0 1px #fffffff2,inset 0 -1.5px #00000014}.btn-sign-in-nav:hover{background:var(--bg-card-hover);border-color:var(--border-strong);color:var(--text-primary);transform:translateY(-1px);box-shadow:0 5px 12px -2px #00000017,inset 0 1px #fff}.btn-sign-in-nav:active{transform:translateY(1.5px)scale(.97);box-shadow:inset 0 2px 4px #00000029,0 1px #ffffffd9}.btn-sign-in-nav svg,.btn-sign-in-nav i{width:15px;height:15px;color:var(--text-secondary);flex-shrink:0;transition:color .15s;display:block}.btn-sign-in-nav:hover svg,.btn-sign-in-nav:hover i{color:var(--text-primary)}.user-profile-btn{background:var(--bg-card);border:1px solid var(--border-card);color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;border-radius:9999px;align-items:center;gap:9px;padding:3px 12px 3px 4px;font-size:11.5px;font-weight:650;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 3px 6px -1px #00000012,0 1px 2px #0000000a,inset 0 1px #fffffff2,inset 0 -1.5px #00000014}.user-profile-btn:hover{border-color:#10b98180;transform:translateY(-1px);box-shadow:0 5px 14px -2px #0000001a}.user-profile-btn:active{transform:translateY(1.5px)scale(.97);box-shadow:inset 0 2px 4px #00000029,0 1px #ffffffd9}.user-avatar-circle{color:#fff;background:#064e3b;border-radius:50%;flex-shrink:0;place-items:center;width:25px;height:25px;font-size:11.5px;font-weight:750;display:grid;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff40,0 1px 3px #00000026}.user-profile-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:110px;font-size:12px;font-weight:600;overflow:hidden}.user-badge-pro{color:#059669;letter-spacing:.5px;background:#10b9811f;border:1px solid #10b9814d;border-radius:999px;padding:2px 7px;font-size:9.5px;font-weight:750}.theme-dark .user-badge-pro{color:#34d399;background:#10b9812e;border-color:#10b98159}.studio-main{box-sizing:border-box;background:var(--bg-base);flex:1;gap:12px;width:100%;height:calc(100vh - 56px);min-height:0;padding:12px;display:flex;overflow:hidden}html.theme-dark .studio-header{background:#111216;border-bottom:1px solid #ffffff0d}html.theme-dark .sh-nav-link.active{color:#fff;background:linear-gradient(#272935 0%,#1b1c24 100%);border:1px solid #ffffff1a;box-shadow:0 4px 12px -2px #000000b3,inset 0 1px .5px #fff3}html.theme-dark .sh-icon-btn{color:#e5e7eb;background:linear-gradient(#252733 0%,#191a22 100%);border:1px solid #ffffff17;box-shadow:0 4px 10px #000000a6,inset 0 1px .5px #ffffff2e}html.theme-dark .sh-icon-btn:hover{color:#fff;background:linear-gradient(#2e313f 0%,#1f212c 100%);border-color:#ffffff2e;box-shadow:0 6px 14px #000000bf,inset 0 1px .5px #ffffff40}html.theme-dark .user-profile-btn{background:linear-gradient(#252733 0%,#191a22 100%);border:1px solid #ffffff17;box-shadow:0 4px 10px #000000a6,inset 0 1px .5px #ffffff2e}html.theme-dark .user-profile-btn:hover{background:linear-gradient(#2e313f 0%,#1f212c 100%);border-color:#10b98173;box-shadow:0 6px 14px #000000bf,inset 0 1px .5px #ffffff40}html.theme-dark .btn-sign-in-nav{color:#e5e7eb;background:linear-gradient(#252733 0%,#191a22 100%);border:1px solid #ffffff17;box-shadow:0 4px 10px #000000a6,inset 0 1px .5px #ffffff2e}html.theme-dark .btn-sign-in-nav:hover{color:#fff;background:linear-gradient(#2e313f 0%,#1f212c 100%);border-color:#ffffff2e;box-shadow:0 6px 14px #000000bf,inset 0 1px .5px #ffffff40}html.theme-dark .btn-sign-in-nav svg,html.theme-dark .btn-sign-in-nav i{color:#e5e7eb}html.theme-dark .btn-sign-in-nav:hover svg,html.theme-dark .btn-sign-in-nav:hover i{color:#fff}@media (width>=1025px){.sh-sidebar-toggle-btn,#btn-sidebar-toggle{display:none!important}.studio-sidebar.collapsed{opacity:0!important;pointer-events:none!important;border:none!important;width:0!important;min-width:0!important;max-width:0!important;margin:0!important;padding:0!important;overflow:hidden!important}}@media (width>=768px) and (width<=1024px){.studio-header{height:56px;padding:0 16px}.sh-left{gap:14px}.sh-sidebar-toggle-btn,#btn-sidebar-toggle{display:grid!important}.sh-nav{align-items:center;gap:6px;display:flex}.sh-nav-icon{display:none}.sh-nav-link{padding:5px 12px;font-size:10.5px}.sh-right{gap:6px}.user-profile-name{max-width:80px}.studio-main{gap:10px;padding:10px;position:relative}.studio-stage{flex:1;min-width:0}.studio-sidebar{display:none!important}.studio-inspector{width:320px!important;min-width:300px!important;max-width:330px!important;display:flex!important}.sidebar-drawer-backdrop{display:none!important}body.tablet-sidebar-active .studio-sidebar{width:250px!important;min-width:240px!important;max-width:260px!important;height:100%!important;box-shadow:none!important;padding:0!important;display:flex!important;position:static!important;transform:none!important}body.tablet-sidebar-active .studio-inspector{display:none!important}}@media (width<=767px){.studio-header{background:var(--bg-base);height:52px;min-height:52px;padding:0 12px}.sh-left{gap:8px}.sh-sidebar-toggle-btn,#btn-sidebar-toggle{display:none!important}.brand-hexagon{width:26px;height:26px}.brand-title{font-size:14.5px;font-weight:700}.sh-right{align-items:center;gap:8px}#btn-responsive-toggle,.dpr-toggle-btn,#btn-quick-snapshot{display:none!important}#btn-theme-toggle,#btn-sound-toggle{flex-shrink:0;border-radius:10px!important;width:34px!important;min-width:34px!important;max-width:34px!important;height:34px!important;display:grid!important}#header-auth-container{flex-shrink:0;align-items:center!important;margin-left:0!important;display:flex!important}.btn-sign-in-nav{flex-shrink:0;box-sizing:border-box!important;background:var(--bg-card)!important;border:1px solid var(--border-card)!important;width:34px!important;min-width:34px!important;max-width:34px!important;height:34px!important;color:var(--text-secondary)!important;box-shadow:var(--shadow-tactile-btn)!important;border-radius:10px!important;place-items:center!important;margin:0!important;padding:0!important;transition:all .18s cubic-bezier(.16,1,.3,1)!important;display:grid!important}.btn-sign-in-nav:hover{background:var(--bg-card-hover)!important;border-color:var(--border-strong)!important;color:var(--text-primary)!important;box-shadow:var(--shadow-tactile-hover)!important;transform:translateY(-1px)!important}.btn-sign-in-nav:active{box-shadow:var(--shadow-tactile-pressed)!important;transform:translateY(1px)scale(.96)!important}.btn-sign-in-nav span{display:none!important}.btn-sign-in-nav svg,.btn-sign-in-nav i{width:16px!important;min-width:16px!important;max-width:16px!important;height:16px!important;min-height:16px!important;max-height:16px!important;color:var(--text-secondary)!important;stroke:currentColor!important;stroke-width:2px!important;margin:0!important;display:block!important}.btn-sign-in-nav:hover svg,.btn-sign-in-nav:hover i{color:var(--text-primary)!important}.user-profile-btn{flex-shrink:0;box-sizing:border-box!important;background:var(--bg-card)!important;border:1px solid var(--border-card)!important;width:34px!important;min-width:34px!important;max-width:34px!important;height:34px!important;color:var(--text-primary)!important;box-shadow:var(--shadow-tactile-btn)!important;border-radius:10px!important;place-items:center!important;margin:0!important;padding:0!important;display:grid!important}.user-profile-name,.user-badge-pro{display:none!important}.user-avatar-circle{width:24px!important;height:24px!important;margin:0!important}html.theme-dark .btn-sign-in-nav,html.theme-dark .user-profile-btn{color:#e5e7eb!important;background:linear-gradient(#252733 0%,#191a22 100%)!important;border:1px solid #ffffff17!important;box-shadow:0 4px 10px #000000a6,inset 0 1px .5px #ffffff2e!important}html.theme-dark .btn-sign-in-nav:hover,html.theme-dark .user-profile-btn:hover{color:#fff!important;background:linear-gradient(#2e313f 0%,#1f212c 100%)!important;border-color:#ffffff2e!important;box-shadow:0 6px 14px #000000bf,inset 0 1px .5px #ffffff40!important}html.theme-dark .btn-sign-in-nav svg,html.theme-dark .btn-sign-in-nav i{color:#e5e7eb!important}html.theme-dark .btn-sign-in-nav:hover svg,html.theme-dark .btn-sign-in-nav:hover i{color:#fff!important}.studio-header .sh-nav{z-index:100;height:calc(56px + env(safe-area-inset-bottom,0px));padding:0 16px env(safe-area-inset-bottom,0px);-webkit-backdrop-filter:blur(24px)saturate(180%);border-top:1px solid var(--border-subtle);box-sizing:border-box;background:#f7f8faf0;justify-content:space-around;align-items:center;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000000f}html.theme-dark .studio-header .sh-nav{background:#121318f0;border-top:1px solid #ffffff14;box-shadow:0 -4px 24px #00000073}.sh-nav-dot{display:none!important}.sh-nav-link{letter-spacing:.6px;height:42px;color:var(--text-muted);background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:4px 6px;font-size:9.5px;font-weight:600;display:flex}.sh-nav-link:hover{color:var(--text-primary)}.sh-nav-icon{width:17px;height:17px;display:inline-block}.sh-nav-link.active{color:var(--accent-primary);background:#10b9811f;border:1px solid #10b98140;box-shadow:0 2px 8px #10b98126}html.theme-dark .sh-nav-link.active{color:#34d399;background:#10b9812e;border-color:#10b98159;box-shadow:0 2px 10px #10b98140}.studio-main{height:calc(100vh - 52px);padding:8px 8px calc(64px + env(safe-area-inset-bottom,0px)) 8px;gap:0}.studio-sidebar,#studio-sidebar,.studio-inspector,#studio-inspector{display:none!important}.studio-stage{flex:1;gap:8px;width:100%;min-width:0;height:100%}}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);font-size:11.5px;font-weight:700;font-family:var(--font-display);letter-spacing:.5px;text-transform:uppercase;cursor:pointer;border:1px solid #ffffff59;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:9px 18px;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 3px 6px -1px #0000001f,inset 0 1px #fff6,inset 0 -1.5px #00000026}.btn-primary:hover{filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 4px 10px #00000026,inset 0 1px .5px #fff9}.btn-primary:active{filter:brightness(.97);transform:translateY(1.5px)scale(.98);box-shadow:inset 0 2px 4px #00000040}.btn-ghost{background:var(--btn-ghost-bg);color:var(--btn-ghost-text);border:1px solid var(--btn-ghost-border);font-family:var(--font-display);letter-spacing:.5px;text-transform:uppercase;cursor:pointer;box-shadow:var(--shadow-tactile-btn);border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px 15px;font-size:11px;font-weight:700;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-ghost:hover{background:var(--bg-card-hover);border-color:var(--border-strong);color:var(--text-primary);box-shadow:var(--shadow-tactile-hover);transform:translateY(-1px)}.btn-ghost:active{box-shadow:var(--shadow-tactile-pressed);transform:translateY(1.5px)scale(.98)}.btn-danger{color:#fff;font-family:var(--font-display);letter-spacing:.5px;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:1px solid #ffffff4d;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px 18px;font-size:11.5px;font-weight:700;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 12px #ef444459,inset 0 1px #fff6,inset 0 -1.5px #00000026}.btn-danger:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);transform:translateY(-1px);box-shadow:0 6px 18px #ef444473}.btn-danger:active{transform:translateY(1.5px)scale(.98);box-shadow:inset 0 2px 4px #00000040}.badge-p5{letter-spacing:.08em;color:#f36;text-transform:uppercase;-webkit-user-select:none;user-select:none;background:#ed225d1f;border:1px solid #ed225d59;border-radius:5px;align-items:center;gap:3px;padding:2px 7px;font-size:9px;font-weight:750;display:inline-flex}.fav-tab-badge{font-size:10px;font-weight:750;font-family:var(--font-mono);background:var(--badge-bg);color:var(--badge-text);border:1px solid var(--badge-border);border-radius:999px;margin-left:2px;padding:1.5px 7px}.section-head-actions{align-items:center;gap:8px;display:flex}.global-toggle-btn{letter-spacing:.4px;text-transform:uppercase;background:var(--bg-card);border:1px solid var(--border-card);color:var(--text-muted);cursor:pointer;box-shadow:var(--shadow-tactile-btn);-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:6px;padding:4px 11px;font-size:10px;font-weight:650;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.global-toggle-btn:hover{border-color:var(--border-strong);color:var(--text-primary);box-shadow:var(--shadow-tactile-hover);transform:translateY(-1px)}.global-toggle-btn:active{box-shadow:var(--shadow-tactile-pressed);transform:translateY(1.5px)scale(.98)}.global-toggle-btn.active{background:var(--bg-card);color:var(--accent-primary);box-shadow:var(--shadow-tactile-btn);border-color:#10b98180}.global-toggle-btn .gtb-dot{background:var(--text-muted);border-radius:50%;width:5px;height:5px;transition:background .18s}.global-toggle-btn.active .gtb-dot{background:var(--accent-primary)}input[type=range]{appearance:none;background:linear-gradient(180deg, transparent 38%, #00000026 38%, #00000026 62%, transparent 62%), var(--slider-track);width:100%;height:8px;box-shadow:var(--shadow-inset);cursor:pointer;border-radius:4px;outline:none;transition:background .15s;position:relative}input[type=range]::-webkit-slider-thumb{appearance:none;background: linear-gradient(90deg, transparent calc(50% - 1.5px), var(--slider-pip,#10b981) calc(50% - 1.5px), var(--slider-pip,#10b981) calc(50% + 1.5px), transparent calc(50% + 1.5px)),  repeating-linear-gradient(to bottom, transparent 0px, transparent 2px, #00000029 2px, #fffc 3px, transparent 3px, transparent 4px),  linear-gradient(180deg, #fff 0%, #e2e7e0 100%);border:1px solid var(--slider-thumb-border);width:28px;height:18px;box-shadow:var(--slider-thumb-shadow);cursor:grab;border-radius:4px;transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .2s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.04);box-shadow:0 5px 14px #00000038}input[type=range]:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(.97)translateY(.5px);box-shadow:0 2px 5px #00000040,inset 0 1px 2px #0003}input[type=range]::-moz-range-thumb{background:linear-gradient(90deg, transparent calc(50% - 1.5px), var(--slider-pip,#10b981) calc(50% - 1.5px), var(--slider-pip,#10b981) calc(50% + 1.5px), transparent calc(50% + 1.5px)), repeating-linear-gradient(to bottom, transparent 0px, transparent 2px, #00000029 2px, #fffc 3px, transparent 3px, transparent 4px), linear-gradient(180deg, #fff 0%, #e2e7e0 100%);border:1px solid var(--slider-thumb-border);width:28px;height:18px;box-shadow:var(--slider-thumb-shadow);cursor:grab;border-radius:4px}html.theme-dark input[type=range]{background:linear-gradient(180deg, transparent 38%, #000000b3 38%, #000000b3 62%, transparent 62%), linear-gradient(90deg, #10b981 0%, #34d399 var(--p,50%), #121319 var(--p,50%), #121319 100%);box-shadow:inset 0 2px 5px #000000f2,0 1px #ffffff0d}html.theme-dark input[type=range]::-webkit-slider-thumb{background:linear-gradient(90deg, transparent calc(50% - 1.5px), var(--slider-pip,#10b981) calc(50% - 1.5px), var(--slider-pip,#10b981) calc(50% + 1.5px), transparent calc(50% + 1.5px)), repeating-linear-gradient(to bottom, transparent 0px, transparent 2px, #000000bf 2px, #ffffff2e 3px, transparent 3px, transparent 4px), linear-gradient(180deg, #373b49 0%, #1f212a 100%);border:1px solid #ffffff2e;box-shadow:0 5px 14px #000000d9,0 1px 4px #000000b3,inset 0 1px .5px #ffffff59,inset 0 -1.5px 1px #000000b3}html.theme-dark input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.04);box-shadow:0 6px 16px #000000e6}html.theme-dark input[type=range]:active::-webkit-slider-thumb{transform:scale(.97)translateY(.5px);box-shadow:0 3px 8px #000000f2,inset 0 1px 2px #000}html.theme-dark input[type=range]::-moz-range-thumb{background:linear-gradient(90deg, transparent calc(50% - 1.5px), var(--slider-pip,#10b981) calc(50% - 1.5px), var(--slider-pip,#10b981) calc(50% + 1.5px), transparent calc(50% + 1.5px)), repeating-linear-gradient(to bottom, transparent 0px, transparent 2px, #000000bf 2px, #ffffff2e 3px, transparent 3px, transparent 4px), linear-gradient(180deg, #373b49 0%, #1f212a 100%);border:1px solid #ffffff2e;box-shadow:0 5px 14px #000000d9,0 1px 4px #000000b3,inset 0 1px .5px #ffffff59,inset 0 -1.5px 1px #000000b3}svg.lucide,.lucide,svg[class*=lucide-]{vertical-align:middle;transform-origin:50%;will-change:transform;transition:transform .25s cubic-bezier(.16,1,.3,1),stroke .2s,fill .2s,filter .25s,opacity .2s;display:inline-block}button:hover>svg.lucide,button:hover>.lucide,.sh-icon-btn:hover svg,.stage-act-btn:hover svg,.btn-primary:hover svg,.btn-ghost:hover svg,.btn-danger:hover svg{transform:scale(1.12)}button:active>svg.lucide,.sh-icon-btn:active svg,.stage-act-btn:active svg{transform:scale(.92)}svg.lucide-sparkles,.lucide-sparkles{animation:2.8s ease-in-out infinite svg-sparkle-breathe}svg.lucide-crown,.lucide-crown{animation:3s ease-in-out infinite svg-crown-pulse}.stage-fav-btn.active svg,.stage-fav-btn.active .lucide-heart,button:hover>svg.lucide-heart{animation:1.3s ease-in-out infinite svg-heart-beat}@keyframes svg-sparkle-breathe{0%,to{opacity:.92;transform:scale(1)rotate(0)}50%{opacity:1;transform:scale(1.14)rotate(8deg)}}@keyframes svg-crown-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes svg-heart-beat{0%{transform:scale(1)}14%{transform:scale(1.22)}28%{transform:scale(1)}42%{transform:scale(1.15)}70%{transform:scale(1)}to{transform:scale(1)}}.studio-stage{box-sizing:border-box;background:0 0;flex-direction:column;flex:1;gap:12px;min-width:0;height:100%;padding:0;display:flex;position:relative}.stage-viewport{min-height:0;box-shadow:var(--shadow-canvas-bezel), inset 0 3px 14px #0000008c, inset 0 0 0 1px #ffffff14;background:#000;border:2.5px solid #00000029;border-radius:24px;flex:1;position:relative;overflow:hidden}.stage-viewport:before{content:"";z-index:15;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff59 15%,#fffc 50%,#ffffff59 85%,#0000 100%);height:1.5px;position:absolute;top:0;left:0;right:0}.stage-viewport:after{content:"";pointer-events:none;z-index:12;border:1px solid #ffffff0f;border-radius:16px;position:absolute;inset:14px}#fs-canvas{cursor:crosshair;width:100%;height:100%;display:block}.stage-info-card{z-index:20;max-width:min(520px,70%);box-shadow:none;-webkit-user-select:none;user-select:none;pointer-events:none;background:0 0;border:none;padding:0;position:absolute;top:22px;left:24px}.sic-title{font-family:var(--font-display);color:#fff;letter-spacing:-.02em;text-shadow:0 2px 14px #000000d9;align-items:center;gap:8px;margin:0;font-size:19px;font-weight:750;display:flex}.sic-desc{color:#ffffffd1;text-shadow:0 1px 8px #000000e6;margin:5px 0 0;font-size:12px;line-height:1.45}.stage-top-actions{z-index:20;-webkit-backdrop-filter:blur(28px)saturate(190%);background:#101412e0;border:1px solid #ffffff29;border-radius:9999px;align-items:center;gap:4px;padding:4px 6px;display:flex;position:absolute;top:20px;right:22px;box-shadow:0 12px 32px #00000073,inset 0 1px .5px #fff3}.stage-act-btn{color:#ffffffd9;cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;width:32px;height:32px;transition:all .18s cubic-bezier(.16,1,.3,1);display:grid}.stage-act-btn:hover{color:#fff;background:#ffffff29;transform:scale(1.08)}.stage-act-btn:active{transform:translateY(1px)scale(.94)}.stage-act-btn.active{color:#34d399;background:#10b98159}.stage-act-delete:hover{color:#ef4444!important;background:#ef444440!important}#stage-media-btn,#stage-split-toggle-btn{display:none!important}body.media-mode-active #stage-media-btn,body.media-mode-active #stage-split-toggle-btn{display:grid!important}body.media-mode-active #stage-info-card,body.media-mode-active #stage-bottom-cluster,body.media-mode-active .stage-bottom-cluster,body.media-mode-active .stage-strip,body.media-mode-active #stage-fps-badge,body.media-mode-active #stage-delete-btn,body.media-mode-active #stage-typo-btn{display:none!important}.stage-fps-badge{z-index:20;-webkit-backdrop-filter:blur(28px)saturate(190%);font-family:var(--font-mono);color:#fff;-webkit-user-select:none;user-select:none;cursor:pointer;letter-spacing:.3px;background:#101412e0;border:1px solid #ffffff29;border-radius:9999px;align-items:center;gap:9px;padding:6px 14px;font-size:11px;font-weight:650;transition:transform .18s,background .18s;display:inline-flex;position:absolute;bottom:20px;left:22px;box-shadow:0 10px 28px #00000073,inset 0 1px .5px #ffffff26}.stage-fps-badge:hover{background:#181e1af2;transform:translateY(-1px)}.stage-fps-badge:active{transform:translateY(1px)scale(.97)}.fps-pulse-dot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite dotPulse}.fps-dpr-badge{color:var(--accent-primary,#10b981);margin-left:2px;font-size:10.5px;font-weight:700}.stage-bottom-cluster{z-index:20;-webkit-user-select:none;user-select:none;flex-direction:row;align-items:center;gap:8px;display:inline-flex;position:absolute;bottom:20px;right:22px}.stage-fav-btn{-webkit-backdrop-filter:blur(28px)saturate(190%)!important;color:#fff!important;cursor:pointer!important;background:#101412e0!important;border:1px solid #ffffff29!important;border-radius:50%!important;flex-shrink:0!important;place-items:center!important;width:36px!important;height:36px!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important;display:grid!important;box-shadow:0 10px 28px #00000073,inset 0 1px .5px #ffffff26!important}.stage-fav-btn:hover{color:var(--accent-primary)!important;background:#181e1af2!important;transform:scale(1.08)!important}.stage-fav-btn:active{transform:translateY(1px)scale(.95)!important}.stage-fav-btn.active{color:var(--accent-primary)!important;background:#10b98147!important}.stage-fav-btn.active svg,.stage-fav-btn.active .lucide-heart{fill:var(--accent-primary)!important}.stage-stepper{-webkit-backdrop-filter:blur(28px)saturate(190%)!important;white-space:nowrap!important;background:#101412e0!important;border:1px solid #ffffff29!important;border-radius:9999px!important;flex-direction:row!important;flex-shrink:0!important;align-items:center!important;gap:4px!important;padding:4px 8px!important;display:inline-flex!important;position:static!important;box-shadow:0 10px 28px #00000073,inset 0 1px .5px #ffffff26!important}.stepper-btn{color:#fff!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:50%!important;flex-shrink:0!important;place-items:center!important;width:28px!important;height:28px!important;transition:all .15s!important;display:grid!important}.stepper-btn:hover{background:#ffffff2e!important;transform:scale(1.08)!important}.stepper-btn:active{transform:translateY(1px)scale(.92)!important}.stepper-count{font-family:var(--font-mono)!important;color:#fff!important;font-variant-numeric:tabular-nums!important;white-space:nowrap!important;letter-spacing:.8px!important;padding:0 10px!important;font-size:11.5px!important;font-weight:700!important}.heart-pop-burst{pointer-events:none;z-index:50;color:var(--accent-primary);opacity:0;transition:transform .45s cubic-bezier(.175,.885,.32,1.275),opacity .45s;position:absolute;transform:translate(-50%,-50%)scale(.5)}.heart-pop-burst svg{fill:var(--accent-primary)}.heart-pop-burst.animate{opacity:1;transform:translate(-50%,-50%)scale(1.6)}.stage-strip{background:var(--bg-card);border:1px solid var(--border-card);height:62px;min-height:62px;box-shadow:var(--shadow-card);-webkit-user-select:none;user-select:none;box-sizing:border-box;border-radius:18px;align-items:center;gap:10px;padding:8px 12px;display:flex}.strip-play-btn{background:var(--bg-card);border:1px solid var(--border-card);width:44px;height:44px;color:var(--text-primary);cursor:pointer;border-radius:12px;flex-shrink:0;place-items:center;transition:all .18s cubic-bezier(.16,1,.3,1);display:grid;box-shadow:0 3px 6px -1px #00000012,0 1px 2px #0000000a,inset 0 1px #fffffff2,inset 0 -1.5px #00000014}.strip-play-btn:hover{border-color:var(--border-strong);transform:translateY(-1px);box-shadow:0 5px 12px -2px #00000017,inset 0 1px #fff}.strip-play-btn:active{transform:translateY(1.5px)scale(.97);box-shadow:inset 0 2px 4px #00000029,0 1px #ffffffd9}.strip-carousel{scrollbar-width:none;flex:1;align-items:center;gap:8px;height:46px;display:flex;overflow-x:auto}.strip-carousel::-webkit-scrollbar{display:none}.strip-card{cursor:pointer;border:1.5px solid var(--border-card);width:68px;height:44px;box-shadow:var(--shadow-sm);background:#000;border-radius:10px;flex-shrink:0;transition:transform .2s cubic-bezier(.16,1,.3,1),border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.strip-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-tactile-hover);transform:translateY(-2px)}.strip-card.active{outline:none;transform:scale(1.05);box-shadow:0 4px 12px #0000002e;border:2px solid var(--accent-primary)!important}.strip-card canvas{width:100%;height:100%;display:block}.strip-add-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:1.5px solid #ffffff73;border-radius:14px;flex-shrink:0;place-items:center;width:44px;height:44px;transition:all .22s cubic-bezier(.16,1,.3,1);display:grid;position:relative;box-shadow:0 4px 14px #10b98173,inset 0 1px .5px #ffffff80}.strip-add-btn svg,.strip-add-btn i{stroke-width:2.5px;filter:drop-shadow(0 1px 2px #00000040);transition:transform .25s cubic-bezier(.16,1,.3,1);color:#fff!important;stroke:#fff!important}.strip-add-btn:hover{color:#fff;background:linear-gradient(135deg,#34d399 0%,#059669 100%);transform:scale(1.08);box-shadow:0 5px 14px #0000002e,inset 0 1px .5px #ffffffa6}.strip-add-btn:hover svg,.strip-add-btn:hover i{transform:rotate(90deg)scale(1.1)}.strip-add-btn:active{transform:scale(.96);box-shadow:0 2px 8px #10b98166,inset 0 1px 2px #00000040}.stage-split-slider{z-index:25;pointer-events:auto;cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none;width:44px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.split-divider-line{pointer-events:none;background:#ffffffe6;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 2px #0006}.split-handle{-webkit-backdrop-filter:blur(14px);cursor:ew-resize;background:#0e1018e0;border:1.5px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .15s,border-color .15s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 18px #0009}.split-handle:hover,.stage-split-slider.dragging .split-handle{border-color:#fff;transform:translate(-50%,-50%)scale(1.1)}.split-handle-icon{letter-spacing:-1.5px;color:#fff;pointer-events:none;font-size:13px;font-weight:800}.split-badge{letter-spacing:1px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#f1f5f9;pointer-events:none;background:#0a0c12bf;border:1px solid #fff3;border-radius:6px;padding:4px 9px;font-size:10px;font-weight:800;position:absolute;top:22px}.split-badge-before{right:calc(100% + 8px)}.split-badge-after{left:calc(100% + 8px)}:-webkit-any(:fullscreen #stage-viewport,:-webkit-full-screen #stage-viewport,#stage-viewport:fullscreen){z-index:999999!important;background:#000!important;border:none!important;border-radius:0!important;width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;margin:0!important;padding:0!important;display:block!important;position:fixed!important;inset:0!important;overflow:hidden!important}:is(:fullscreen #stage-viewport,:fullscreen #stage-viewport,#stage-viewport:fullscreen){z-index:999999!important;background:#000!important;border:none!important;border-radius:0!important;width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;margin:0!important;padding:0!important;display:block!important;position:fixed!important;inset:0!important;overflow:hidden!important}:fullscreen #stage-viewport #fs-canvas{border-radius:0!important;width:100%!important;max-width:100vw!important;height:100%!important;max-height:100vh!important;margin:0!important;display:block!important}:-webkit-full-screen #stage-viewport #fs-canvas{border-radius:0!important;width:100%!important;max-width:100vw!important;height:100%!important;max-height:100vh!important;margin:0!important;display:block!important}#stage-viewport:fullscreen #fs-canvas{border-radius:0!important;width:100%!important;max-width:100vw!important;height:100%!important;max-height:100vh!important;margin:0!important;display:block!important}:fullscreen #fs-canvas{border-radius:0!important;width:100%!important;max-width:100vw!important;height:100%!important;max-height:100vh!important;margin:0!important;display:block!important}:-webkit-full-screen #fs-canvas{border-radius:0!important;width:100%!important;max-width:100vw!important;height:100%!important;max-height:100vh!important;margin:0!important;display:block!important}html.theme-dark .stage-viewport{background:#000;border:1px solid #ffffff14;box-shadow:0 24px 60px -12px #000000f2,0 8px 24px -4px #000000bf}html.theme-dark .stage-top-actions,html.theme-dark .stage-fps-badge{background:#121319e0;border:1px solid #ffffff1f;box-shadow:0 8px 24px #000000b3,inset 0 1px .5px #ffffff24}html.theme-dark .stage-fav-btn,html.theme-dark .stage-stepper{background:#121319e0!important;border:1px solid #ffffff1f!important;box-shadow:0 8px 24px #000000b3,inset 0 1px .5px #ffffff24!important}html.theme-dark .stage-strip{background:linear-gradient(#181921 0%,#121319 100%);border:1px solid #ffffff14;box-shadow:0 12px 30px -4px #000c,inset 0 1px .5px #ffffff1a}html.theme-dark .strip-play-btn{color:#e5e7eb;background:linear-gradient(#262833 0%,#1a1b22 100%);border:1px solid #ffffff17;box-shadow:0 4px 10px #000000a6,inset 0 1px .5px #ffffff2e}html.theme-dark .strip-play-btn:hover{color:#34d399;background:linear-gradient(#2e313f 0%,#1f212c 100%);border-color:#10b98173;box-shadow:0 6px 14px #000000bf,inset 0 1px .5px #ffffff40}html.theme-dark .strip-add-btn{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:1.5px solid #ffffff59;box-shadow:0 5px 18px #10b9818c,inset 0 1px .5px #ffffff73}html.theme-dark .strip-add-btn:hover{color:#fff;background:linear-gradient(135deg,#34d399 0%,#059669 100%);box-shadow:0 5px 14px #0009,inset 0 1px .5px #fff9}html.theme-dark .strip-card{border:1.5px solid #ffffff14;box-shadow:0 3px 8px #0009}html.theme-dark .strip-card.active{box-shadow:0 4px 12px #000c;border:2px solid #10b981!important}@media (width<=767px){.stage-viewport{border-radius:20px}.stage-info-card{max-width:calc(100% - 150px);top:12px;left:14px}.sic-title{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.sic-desc{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;margin-top:2px;font-size:11px;line-height:1.3;display:-webkit-box;overflow:hidden}.stage-top-actions{gap:4px;padding:3px 6px;top:10px;right:12px}.stage-act-btn{width:32px;height:32px}#stage-delete-btn,#stage-typo-btn,#stage-split-toggle-btn{display:none!important}.stage-fps-badge{gap:6px;padding:4px 10px;font-size:10px;bottom:10px;left:12px}.stage-bottom-cluster{gap:6px;bottom:10px;right:12px}.stage-fav-btn{width:32px!important;height:32px!important}.stage-stepper{gap:2px!important;padding:3px 6px!important}.stepper-btn{width:24px!important;height:24px!important}.stepper-count{padding:0 6px!important;font-size:10px!important}.stage-strip{border-radius:16px;gap:6px;height:52px;min-height:52px;padding:5px 8px}.strip-play-btn{border-radius:12px;width:38px;height:38px}.strip-carousel{gap:6px;height:40px}.strip-card{border-radius:10px;width:58px;height:38px}.strip-add-btn{display:none!important}}.stage-typo-overlay{pointer-events:none;z-index:22;position:absolute;inset:0;overflow:hidden}.stage-snap-guide-x{opacity:0;pointer-events:none;z-index:10;background:#10b981d9;width:1px;transition:opacity .1s;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 2px #0009}.stage-snap-guide-y{opacity:0;pointer-events:none;z-index:10;background:#10b981d9;height:1px;transition:opacity .1s;position:absolute;top:50%;left:0;right:0;box-shadow:0 0 2px #0009}.stage-typo-coord-badge{-webkit-backdrop-filter:blur(8px);color:#10b981;font-family:var(--font-mono,monospace);pointer-events:none;opacity:0;white-space:nowrap;z-index:30;background:#0f1016eb;border:1px solid #ffffff26;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:700;transition:opacity .15s;position:absolute;transform:translate(-50%,-100%);box-shadow:0 4px 12px #00000080}.stage-typo-box{pointer-events:auto;cursor:grab;-webkit-user-select:none;user-select:none;box-sizing:border-box;transform-origin:50%;width:max-content;max-width:none;margin:0;padding:0;line-height:1;transition:outline-color .15s;display:inline-block;position:absolute}.stage-typo-box:hover{border-radius:3px;outline:1px dashed #10b98166}.stage-typo-box.dragging{cursor:grabbing}.stage-typo-box.dragging .stb-bounding-box{border-color:#10b981}.stb-text-display{color:#0000;pointer-events:none;white-space:pre;-webkit-user-select:none;user-select:none;box-sizing:border-box;margin:0;padding:0;display:block}.stb-bounding-box{pointer-events:none;border:1.5px solid #0000;border-radius:4px;transition:border-color .15s;position:absolute;inset:-6px -8px}.stage-typo-box.selected .stb-bounding-box{border-color:#10b981}.stage-typo-box.editing .stb-bounding-box{border:1.5px dashed #10b981!important}.stb-handle{pointer-events:auto;z-index:10;background:#fff;border:1.5px solid #10b981;border-radius:2px;width:9px;height:9px;transition:transform .1s,background .12s;display:none;position:absolute;box-shadow:0 1px 4px #00000073}.stage-typo-box.selected .stb-handle{display:block}.stage-typo-box.editing .stb-handle,.stage-typo-box.editing .stb-rotator-stem,.stage-typo-box.editing .stb-rotator{display:none!important}.stb-handle:hover{background:#ecfdf5;transform:scale(1.25)}.stb-handle-tl{cursor:nwse-resize;top:-5.5px;left:-5.5px}.stb-handle-tr{cursor:nesw-resize;top:-5.5px;right:-5.5px}.stb-handle-bl{cursor:nesw-resize;bottom:-5.5px;left:-5.5px}.stb-handle-br{cursor:nwse-resize;bottom:-5.5px;right:-5.5px}.stb-rotator-stem{pointer-events:none;background:#10b981;width:1.5px;height:24px;display:none;position:absolute;top:-24px;left:50%;transform:translate(-50%)}.stage-typo-box.selected .stb-rotator-stem{display:block}.stb-rotator{pointer-events:auto;cursor:grab;z-index:12;background:#fff;border:1.5px solid #10b981;border-radius:50%;width:12px;height:12px;transition:transform .12s,background .12s;display:none;position:absolute;top:-34px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #00000073}.stage-typo-box.selected .stb-rotator{display:block}.stb-rotator:hover{background:#ecfdf5;transform:translate(-50%)scale(1.2)}.stb-rotator:active,.stage-typo-box.rotating .stb-rotator{cursor:grabbing;background:#10b981}.stage-typo-box.scaling{cursor:nwse-resize!important}.stage-typo-box.rotating{cursor:grabbing!important}.stb-label{color:#fff;font-family:var(--font-mono,monospace);letter-spacing:.02em;white-space:nowrap;pointer-events:none;z-index:5;background:#10b981f2;border-radius:3px;padding:2px 7px;font-size:9.5px;font-weight:700;display:none;position:absolute;bottom:-25px;left:50%;transform:translate(-50%);box-shadow:0 2px 5px #00000059}.stage-typo-box.selected .stb-label{display:block}.stage-typo-box.editing .stb-label{display:none!important}.stb-inline-editor{z-index:10;text-shadow:0 2px 10px #000000b3;width:100%;height:100%;display:none;position:absolute;top:0;left:0;box-shadow:none!important;color:#fff!important;caret-color:#10b981!important;white-space:pre!important;resize:none!important;box-sizing:border-box!important;scrollbar-width:none!important;-ms-overflow-style:none!important;background:0 0!important;border:none!important;outline:none!important;margin:0!important;padding:0!important;overflow:hidden!important}.stb-inline-editor::-webkit-scrollbar{display:none!important}.stage-typo-box.editing{cursor:text}.stage-typo-box.editing .stb-text-display{visibility:hidden}.stage-typo-hud{-webkit-backdrop-filter:blur(20px)saturate(180%);z-index:35;pointer-events:auto;-webkit-user-select:none;user-select:none;background:#12141ce0;border:1px solid #ffffff1f;border-radius:9999px;align-items:center;gap:5px;padding:5px 8px;display:inline-flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #0009,0 2px 6px #0000004d}.theme-light .stage-typo-hud{background:#fffdfbeb;border-color:#0000001a;box-shadow:0 12px 30px #0000001f,0 2px 6px #0000000a}.st-hud-btn{color:var(--text-primary);font-family:var(--font-display,sans-serif);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:9999px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:650;transition:all .15s;display:inline-flex}.st-hud-btn:hover{background:#ffffff1a;border-color:#ffffff1f}.theme-light .st-hud-btn:hover{background:#0000000f;border-color:#00000014}.st-hud-btn.danger:hover{color:#ef4444;background:#ef444426;border-color:#ef44444d}.st-hud-divider{background:#ffffff1f;width:1px;height:14px}.theme-light .st-hud-divider{background:#0000001a}.stage-canvas-loader{z-index:18;pointer-events:none;opacity:0;visibility:hidden;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;transition:opacity .24s cubic-bezier(.16,1,.3,1),visibility .24s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;inset:0}.stage-canvas-loader.visible{opacity:1;visibility:visible}.stage-canvas-loader .scl-backdrop{-webkit-backdrop-filter:blur(14px);pointer-events:none;background:radial-gradient(circle,#0e121073 0%,#060807c7 100%);position:absolute;inset:0}html.theme-light .stage-canvas-loader .scl-backdrop{background:radial-gradient(circle,#f0f4f085 0%,#dce4ded9 100%)}.stage-canvas-loader .scl-card{z-index:2;-webkit-backdrop-filter:blur(24px);background:#121614db;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:14px;padding:10px 20px;transition:transform .24s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;transform:translateY(6px)scale(.96);box-shadow:0 16px 40px -8px #0009,0 4px 14px #0000004d,inset 0 1px #fff3}.stage-canvas-loader.visible .scl-card{transform:translateY(0)scale(1)}html.theme-light .stage-canvas-loader .scl-card{background:#ffffffeb;border:1px solid #a0b4a873;box-shadow:0 16px 36px -6px #12261c29,0 4px 12px #0000000f,inset 0 1px .5px #fffffff2}.stage-canvas-loader .scl-spinner-wrapper{flex-shrink:0;place-items:center;width:22px;height:22px;display:grid;position:relative}progress.scl-spinner:indeterminate{appearance:none;background:conic-gradient(from 0deg, var(--spinner-accent,var(--accent-primary,#10b981)) 0deg, #10b98140 180deg, transparent 280deg, transparent 360deg);border:none;border-radius:50%;width:20px;height:20px;animation:.85s linear infinite scl-spin;-webkit-mask-image:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 2.5px));mask-image:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 2.5px))}progress.scl-spinner:indeterminate::-webkit-progress-bar{background:0 0;display:none}progress.scl-spinner:indeterminate::-webkit-progress-value{background:0 0;display:none}progress.scl-spinner:indeterminate::-moz-progress-bar{background:0 0;display:none}@keyframes scl-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){progress.scl-spinner:indeterminate{animation-duration:3s}}.stage-canvas-loader .scl-spinner-glow{filter:blur(4px);pointer-events:none;opacity:.85;background:radial-gradient(circle,#10b98159 0%,#0000 70%);border-radius:50%;position:absolute;inset:-3px}.stage-canvas-loader .scl-info{flex-direction:column;gap:1px;min-width:0;display:flex}.stage-canvas-loader .scl-title{font-family:var(--font-sans);color:#f3f7f5;letter-spacing:-.01em;white-space:nowrap;font-size:12.5px;font-weight:600;line-height:1.25}html.theme-light .stage-canvas-loader .scl-title{color:#121814}.stage-canvas-loader .scl-subtitle{font-family:var(--font-mono);color:#7b998a;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;max-width:320px;font-size:10px;font-weight:500;line-height:1.2;overflow:hidden}html.theme-light .stage-canvas-loader .scl-subtitle{color:#556b60}.studio-sidebar{-webkit-user-select:none;user-select:none;box-sizing:border-box;background:0 0;border-right:none;flex-direction:column;gap:10px;width:240px;min-width:240px;max-width:240px;height:100%;padding:0;transition:transform .28s cubic-bezier(.16,1,.3,1),width .25s cubic-bezier(.16,1,.3,1),opacity .2s,max-width .25s,min-width .25s;display:flex}.sidebar-media-dropzone{background:var(--bg-card);border:1px solid var(--border-card);border-radius:14px;flex-direction:column;gap:9px;padding:12px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 3px 8px -1px #00000012,0 1px 2px #0000000a,inset 0 1px #fffffff2,inset 0 -1.5px #00000014}.sidebar-media-dropzone:hover{border-color:var(--border-strong);box-shadow:0 5px 14px -2px #00000017,inset 0 1px #fff}.sidebar-media-dropzone.drag-over{border-color:var(--accent-primary);box-shadow:var(--shadow-sm);background:#10b98114;transform:scale(1.01)}.sidebar-media-dropzone.guest-collapsed{cursor:pointer;gap:0;padding:8px 12px}.sidebar-media-dropzone.guest-collapsed:hover{background:#10b9810a;border-color:#10b98173;transform:translateY(-.5px)}.sidebar-media-dropzone.guest-collapsed .smd-dropbox{display:none!important}.sidebar-media-dropzone.guest-collapsed .smd-title-row{justify-content:space-between;width:100%}.smd-title-row{align-items:center;gap:6px;padding:0 2px;display:flex}.smd-title-text{font-family:var(--font-display);letter-spacing:.5px;text-transform:uppercase;color:var(--text-primary);font-size:11px;font-weight:750}.smd-beta-badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--accent-primary);background:#10b9811f;border:1px solid #10b9814d;border-radius:4px;padding:1.5px 5.5px;font-size:8px;font-weight:800;line-height:1.2}.smd-pro-lock-badge{color:var(--accent-primary);cursor:pointer;background:#10b9812e;border:1px solid #10b98166;font-size:8.5px;transition:all .15s}.smd-pro-lock-badge:hover{background:var(--accent-primary);color:#fff;transform:translateY(-.5px);box-shadow:0 2px 8px #10b98159}.smd-dropbox{border:1.5px dashed var(--border-card);background:var(--bg-surface);box-shadow:var(--shadow-inset);cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:16px 12px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.smd-dropbox:hover{background:#10b9810d;border-color:#10b98180;transform:translateY(-1px)}.sidebar-media-dropzone.drag-over .smd-dropbox{border-color:var(--accent-primary);background:#10b9811f}.smd-drop-content{flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.smd-drop-icon{background:var(--bg-card);border:1px solid var(--border-card);width:36px;height:36px;box-shadow:var(--shadow-tactile-btn);color:var(--accent-primary);border-radius:50%;place-items:center;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s;display:grid}.smd-dropbox:hover .smd-drop-icon{box-shadow:var(--shadow-tactile-hover);border-color:#10b98173;transform:translateY(-2px)scale(1.05)}.smd-drop-text-group{flex-direction:column;align-items:center;gap:2px;display:flex}.smd-drop-formats{color:var(--text-muted);letter-spacing:-.01em;font-size:10.5px;font-weight:550;line-height:1.3}.smd-active{align-items:center;gap:8px;display:flex}.smd-active-preview{border:1px solid var(--border-card);background:#000;border-radius:8px;flex-shrink:0;width:38px;height:38px;position:relative;overflow:hidden}.smd-preview-asset{object-fit:cover;width:100%;height:100%;display:block}.smd-type-badge{letter-spacing:.4px;color:var(--accent-primary);background:#000000d9;border-radius:3px;padding:1px 3px;font-size:7px;font-weight:800;line-height:1;position:absolute;bottom:2px;right:2px}.smd-active-meta{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.smd-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.smd-dims{color:var(--text-muted);font-size:9.5px}.smd-active-controls{flex-shrink:0;align-items:center;gap:3px;display:flex}.smd-ctrl-btn{width:24px;height:24px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.smd-ctrl-btn:hover{background:var(--bg-card-hover);border-color:var(--border-card);color:var(--text-primary)}.smd-eject-btn:hover{color:#ef4444;background:#ef44441f;border-color:#ef44444d}.sidebar-tabs{flex-direction:column;gap:6px;display:flex}.s-tab{background:var(--bg-card);border:1px solid var(--border-card);color:var(--text-secondary);font-family:var(--font-display);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:11.5px;font-weight:700;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 3px 6px -1px #00000012,0 1px 2px #0000000a,inset 0 1px #fffffff2,inset 0 -1.5px #00000014}.s-tab:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-strong);transform:translateY(-1px);box-shadow:0 5px 12px -2px #00000017,inset 0 1px #fff}.s-tab:active{transform:translateY(1.5px)scale(.98);box-shadow:inset 0 2px 4px #00000024,0 1px #ffffffd9}.s-tab.active{background:var(--bg-card);color:var(--text-primary);border:1px solid #10b98173;box-shadow:0 3px 8px -1px #00000014,inset 0 1px #fffffff2}.s-tab-left{align-items:center;gap:9px;display:flex}.s-tab-indicator{background:#10b981;border-radius:50%;width:4px;height:4px;margin-right:-2px}.s-tab-chevron{color:var(--text-muted)}.sidebar-section-title{font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);padding:8px 4px 3px;font-size:9.5px;font-weight:750}body.media-mode-active #sidebar-current-title,body.media-mode-active #current-shader-card,body.media-mode-active #stab-favorites{display:none!important}.current-shader-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:14px;align-items:center;gap:10px;padding:10px 12px;transition:border-color .2s,box-shadow .2s,transform .18s;display:flex;box-shadow:0 3px 8px -1px #00000012,0 1px 2px #0000000a,inset 0 1px #fffffff2,inset 0 -1.5px #00000014}.current-shader-card:hover{border-color:var(--border-strong);box-shadow:0 5px 14px -2px #00000017,inset 0 1px #fff}.csc-thumb{border:1px solid var(--border-subtle);background:#000;border-radius:8px;flex-shrink:0;width:40px;height:40px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #ffffff1a}.csc-thumb canvas{width:100%;height:100%;display:block}.csc-meta{flex:1;min-width:0}.csc-name{font-family:var(--font-display);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:700;overflow:hidden}.csc-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:10px;overflow:hidden}.csc-delete-btn{background:var(--bg-card);border:1px solid var(--border-subtle);width:28px;height:28px;color:var(--text-muted);cursor:pointer;box-shadow:var(--shadow-tactile-btn);border-radius:8px;flex-shrink:0;place-items:center;transition:all .18s cubic-bezier(.16,1,.3,1);display:grid}.csc-delete-btn:hover{color:#ef4444;background:#ef444414;border-color:#ef44444d;transform:translateY(-1px)}.csc-delete-btn:active{box-shadow:var(--shadow-tactile-pressed);transform:translateY(1.5px)scale(.95)}.sidebar-shader-list{flex-direction:column;flex:1;gap:6px;min-height:0;padding-right:2px;display:flex;overflow-y:auto}.pvh-item{background:var(--bg-card);border:1px solid var(--border-card);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;flex-direction:column;gap:6px;padding:10px 11px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 3px 6px -1px #00000012,0 1px 2px #0000000a,inset 0 1px #fffffff2,inset 0 -1.5px #00000014}.pvh-item:hover{background:var(--bg-card-hover);border-color:var(--border-strong);color:var(--text-primary);transform:translateY(-1px);box-shadow:0 5px 12px -2px #00000017,inset 0 1px #fff}.pvh-item.active{background:var(--bg-card);border:1px solid #10b98173;box-shadow:0 3px 8px -1px #00000014,inset 0 1px #fffffff2}.pvh-item.active:before{display:none}.pvh-header{justify-content:space-between;align-items:center;gap:6px;display:flex}.pvh-tag-group{align-items:center;gap:5px;display:flex}.pvh-badge{text-transform:uppercase;font-size:9px;font-weight:750;font-family:var(--font-mono);background:var(--bg-card-subtle);border:1px solid var(--border-card);color:var(--text-secondary);border-radius:5px;padding:2px 6px;line-height:1}.pvh-item.active .pvh-badge{color:var(--accent-primary);background:#10b98126;border-color:#10b98166}.pvh-media-pill{color:#6366f1;background:#6366f11f;border:1px solid #6366f140;border-radius:6px;align-items:center;gap:3px;padding:2px 5px;font-size:8.5px;font-weight:650;line-height:1;display:inline-flex}.pvh-header-right{align-items:center;gap:5px;display:flex}.pvh-time{color:var(--text-muted);font-size:9px;font-weight:500}.pvh-del-btn{width:20px;height:20px;color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:6px;place-items:center;padding:0;transition:all .15s;display:grid}.pvh-item:hover .pvh-del-btn{opacity:.7}.pvh-del-btn:hover{color:#ef4444;background:#ef44441a;opacity:1!important}.pvh-body{flex-direction:column;gap:2px;display:flex}.pvh-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:650;line-height:1.3;overflow:hidden}.pvh-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;line-height:1.3;overflow:hidden}.pvh-footer{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-top:2px;padding-top:4px;display:flex}.pvh-swatches{align-items:center;gap:4px;display:flex}.pvh-swatch{border:1px solid #fff6;border-radius:50%;flex-shrink:0;width:10px;height:10px;box-shadow:0 1px 3px #00000026}.pvh-status-active{color:var(--accent-primary);align-items:center;gap:4.5px;font-size:9px;font-weight:700;display:inline-flex}.pvh-active-dot{background:var(--accent-primary);border-radius:50%;width:5px;height:5px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.pvh-status-revisit{color:var(--text-muted);opacity:.8;font-size:9px;font-weight:500}.pvh-tip-card{background:var(--bg-card-subtle);border:1px dashed var(--border-card);border-radius:14px;flex-direction:column;gap:8px;margin-top:4px;padding:12px;display:flex}.pvh-tip-content{align-items:flex-start;gap:8px;display:flex}.pvh-tip-icon{width:24px;height:24px;color:var(--accent-primary);background:#10b9811f;border-radius:7px;flex-shrink:0;place-items:center;display:grid}.pvh-tip-text{flex-direction:column;gap:2px;display:flex}.pvh-tip-title{color:var(--text-primary);font-size:11px;font-weight:650}.pvh-tip-sub{color:var(--text-muted);font-size:9.5px;line-height:1.35}.pvh-tip-btn{background:var(--bg-card);border:1px solid var(--border-card);color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-tactile-btn);border-radius:9999px;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-family:inherit;font-size:11px;font-weight:650;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.pvh-tip-btn:hover{background:var(--bg-card-hover);color:var(--accent-primary);box-shadow:var(--shadow-tactile-hover);border-color:#10b98166;transform:translateY(-1px)}.fav-empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:36px 16px;display:flex}.fav-empty-state svg,.fav-empty-state .lucide-heart{color:var(--text-muted);opacity:.5}.fav-empty-state p{color:var(--text-secondary);margin:0;font-size:12.5px;font-weight:600}.fav-empty-state span{color:var(--text-muted);max-width:170px;font-size:11px;line-height:1.4}html.theme-dark .sidebar-media-dropzone{background:linear-gradient(#1f2129 0%,#16171e 100%);border:1px solid #ffffff14;box-shadow:0 10px 28px -4px #000000bf,inset 0 1px .5px #ffffff24,inset 0 -1px 1px #00000080}html.theme-dark .smd-browse-pill{color:#f3f4f6;background:linear-gradient(#272935 0%,#1b1c24 100%);border:1px solid #ffffff1a;box-shadow:0 4px 10px #000000a6,inset 0 1px .5px #fff3}html.theme-dark .s-tab{color:#9ca3af;background:linear-gradient(#20222a 0%,#17181f 100%);border:1px solid #ffffff14;box-shadow:0 4px 12px #000000a6,inset 0 1px .5px #ffffff24}html.theme-dark .s-tab:hover{color:#fff;background:linear-gradient(#272935 0%,#1c1d25 100%);border-color:#ffffff24}html.theme-dark .s-tab.active{color:#fff;border:1.5px solid var(--accent-primary,#10b981);background:linear-gradient(#20222a 0%,#17181f 100%);box-shadow:0 0 0 1px #10b98140,0 2px 8px #0006}html.theme-dark .current-shader-card{background:linear-gradient(#1f2129 0%,#16171e 100%);border:1px solid #ffffff14;box-shadow:0 10px 28px -4px #000000bf,inset 0 1px .5px #ffffff24}html.theme-dark .csc-delete-btn{background:linear-gradient(#252733 0%,#181921 100%);border:1px solid #ffffff14;box-shadow:0 2px 6px #0009,inset 0 1px .5px #ffffff26}html.theme-dark .smd-dropbox{background:#ffffff05;border-color:#ffffff14}html.theme-dark .smd-dropbox:hover{background:#10b98114;border-color:#10b98166}html.theme-dark .pvh-item{background:linear-gradient(#20222b 0%,#171821 100%);border-color:#ffffff12;box-shadow:0 2px 6px #0006}html.theme-dark .pvh-item:hover{background:linear-gradient(#252833 0%,#1b1c26 100%);border-color:#ffffff1f;box-shadow:0 4px 12px #0009}html.theme-dark .pvh-item.active{border:1.5px solid var(--accent-primary,#10b981);background:linear-gradient(#20222b 0%,#171821 100%);box-shadow:0 0 0 1px #10b98140,0 4px 12px #00000080}html.theme-dark .pvh-tip-card{background:#ffffff05;border-color:#ffffff12}html.theme-dark .pvh-tip-btn{color:#e5e7eb;background:linear-gradient(#252733 0%,#191a22 100%);border-color:#ffffff17}html.theme-dark .pvh-tip-btn:hover{color:#34d399;background:linear-gradient(#2b2e3c 0%,#1e202b 100%);border-color:#10b98173}.studio-inspector{background:var(--bg-card);border:1px solid var(--border-card);-webkit-user-select:none;user-select:none;width:360px;min-width:360px;max-width:360px;height:100%;box-shadow:var(--shadow-card);box-sizing:border-box;border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.inspector-tabs{background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);box-shadow:var(--shadow-inset);gap:5px;padding:8px 12px;display:flex}.i-tab{color:var(--text-muted);font-family:var(--font-display);letter-spacing:.5px;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 6px;font-size:11px;font-weight:700;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.i-tab:hover{color:var(--text-primary)}.i-tab.active{color:var(--text-primary);background:var(--bg-card);border-color:var(--border-card);box-shadow:0 3px 6px -1px #00000012,0 1px 2px #0000000a,inset 0 1px #fffffff2,inset 0 -1.5px #00000014}.i-tab.active:after{content:"";background:var(--accent-primary);border-radius:50%;width:4px;height:4px;margin-left:2px;position:static}.inspector-view{flex-direction:column;flex:1;gap:14px;padding:14px 16px 24px;display:flex;overflow-y:auto}.cd-section{background:var(--bg-card);border:1px solid var(--border-card);border-radius:14px;flex-direction:column;gap:11px;padding:13px 15px 15px;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 3px 8px -1px #00000012,0 1px 2px #0000000a,inset 0 1px #fffffff2,inset 0 -1.5px #0000000f}.cd-section:hover{border-color:var(--border-strong);box-shadow:0 5px 14px -2px #00000017,inset 0 1px #fff}.cd-section-head{cursor:pointer;border-bottom:1px solid var(--border-subtle);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding-bottom:9px;display:flex}.cd-section-head .ico{background:#10b981;border-radius:50%;flex-shrink:0;width:6px;height:6px;transition:transform .2s;display:inline-block}.cd-section-head .ico svg,.cd-section-head .ico i{display:none}.cd-section:hover .cd-section-head .ico{transform:scale(1.2)}.cd-section-head .title{font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;color:var(--text-primary);flex:1;font-size:10.5px;font-weight:750}.cd-section-head .caret{color:var(--text-muted);place-items:center;transition:transform .25s cubic-bezier(.2,.8,.2,1);display:grid}.cd-section.collapsed .cd-section-head{border-bottom:none;padding-bottom:0}.cd-section.collapsed .cd-section-head .caret{transform:rotate(-90deg)}.cd-section-body{flex-direction:column;gap:11px;display:flex}.cd-section.collapsed .cd-section-body{display:none}#inspector-typography-section.pulse-highlight{animation:1.3s cubic-bezier(.16,1,.3,1) typo-pulse-highlight}@keyframes typo-pulse-highlight{0%{border-color:#10b981;box-shadow:0 0 #10b98180,inset 0 0 8px #10b9811a}30%{border-color:#10b981;box-shadow:0 0 0 5px #10b98133,inset 0 0 12px #10b98126}to{border-color:var(--border-card);box-shadow:0 3px 8px -1px #00000012}}.ctrl{flex-direction:column;gap:7px;padding:5px 0;display:flex}.ctrl-head{color:var(--text-primary);letter-spacing:.2px;justify-content:space-between;align-items:center;font-size:11px;font-weight:650;display:flex}.ctrl-name{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:650}.ctrl-value{text-align:center;min-width:44px;font-family:var(--font-mono);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-subtle);font-variant-numeric:tabular-nums;border-radius:5px;padding:2px 7px;font-size:10.5px;font-weight:700;transition:all .15s;box-shadow:inset 0 1.5px 3px #0000001f,0 1px #ffffffd9}.ctrl-value.changed{color:var(--accent-primary);background:#10b9811f;border-color:#10b98159;font-weight:750;box-shadow:inset 0 1.5px 3px #10b98126}.ctrl-slider{align-items:center;height:26px;display:flex;position:relative}.ctrl-slider:after{content:"";background:repeating-linear-gradient(90deg, var(--text-muted) 0px, var(--text-muted) 1px, transparent 1px, transparent calc((100% - 5px) / 4));opacity:.35;pointer-events:none;height:3px;position:absolute;bottom:0;left:14px;right:14px}.ctrl-slider input[type=range]{appearance:none;background: linear-gradient(180deg, transparent 38%, #00000026 38%, #00000026 62%, transparent 62%),  linear-gradient(90deg, var(--slider-fill) 0%, var(--slider-fill) var(--p,50%), var(--slider-track) var(--p,50%), var(--slider-track) 100%);cursor:pointer;border:none;border-radius:4px;outline:none;width:100%;height:8px;box-shadow:inset 0 2px 4px #0000002e,inset 0 1px 2px #0000001a,0 1px #ffffffe6}.ctrl-slider input[type=range]::-webkit-slider-thumb{appearance:none;background: linear-gradient(90deg, transparent calc(50% - 1.5px), var(--slider-pip,#10b981) calc(50% - 1.5px), var(--slider-pip,#10b981) calc(50% + 1.5px), transparent calc(50% + 1.5px)),  repeating-linear-gradient(to bottom, transparent 0px, transparent 2px, #00000026 2px, #fffc 3px, transparent 3px, transparent 4px),  linear-gradient(180deg, #fff 0%, #e3e8e2 100%);cursor:grab;border:1px solid #00000024;border-radius:4px;width:28px;height:18px;transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .2s;box-shadow:0 4px 10px #0000002e,0 1px 3px #0000001a,inset 0 1px #fffffff2,inset 0 -1.5px #0000001f}.ctrl-slider:hover input[type=range]::-webkit-slider-thumb{transform:scale(1.04);box-shadow:0 5px 14px #00000038}.ctrl-slider input[type=range]:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(.97)translateY(.5px);box-shadow:0 2px 5px #00000040,inset 0 1px 2px #0003}.ctrl-slider input[type=range]::-moz-range-thumb{background:linear-gradient(90deg, transparent calc(50% - 1.5px), var(--slider-pip,#10b981) calc(50% - 1.5px), var(--slider-pip,#10b981) calc(50% + 1.5px), transparent calc(50% + 1.5px)), repeating-linear-gradient(to bottom, transparent 0px, transparent 2px, #00000026 2px, #fffc 3px, transparent 3px, transparent 4px), linear-gradient(180deg, #fff 0%, #e3e8e2 100%);cursor:grab;border:1px solid #00000024;border-radius:4px;width:28px;height:18px;box-shadow:0 4px 10px #0000002e,0 1px 3px #0000001a,inset 0 1px #fffffff2}.ctrl-segmented{background:var(--bg-surface);box-shadow:var(--shadow-inset);border:1px solid var(--border-subtle);box-sizing:border-box;border-radius:9px;flex-wrap:wrap;gap:4px;width:100%;padding:4px;display:flex}.ctrl-segmented button{min-width:44px;font-family:var(--font-sans);letter-spacing:.3px;text-transform:uppercase;color:var(--text-secondary);cursor:pointer;white-space:nowrap;text-align:center;background:0 0;border:1px solid #0000;border-radius:7px;flex:auto;padding:6px 8px;font-size:10px;font-weight:700;transition:all .18s cubic-bezier(.16,1,.3,1)}.ctrl-segmented button:hover{color:var(--text-primary);background:#fff9}.ctrl-segmented button.active{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-card);font-weight:750;box-shadow:0 2px 5px -1px #00000014,inset 0 1px #fffffff2,inset 0 -1px #0000000f}.ctrl-segmented button:active{transform:translateY(1px)}.ctrl-color-row{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:10px;align-items:center;gap:10px;padding:6px 10px;display:flex}.ctrl-swatch{border:1px solid var(--border-card);cursor:pointer;border-radius:7px;flex-shrink:0;width:24px;height:24px;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000026}.ctrl-swatch input[type=color]{cursor:pointer;opacity:0;background:0 0;border:none;width:calc(100% + 8px);height:calc(100% + 8px);padding:0;position:absolute;inset:-4px}.ctrl-hex{font-family:var(--font-mono);color:var(--text-primary);letter-spacing:.04em;text-transform:uppercase;flex:1;font-size:11px;font-weight:600}.studio-color-wheel-wrap{-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:4px 0 8px;display:flex;position:relative}.studio-color-wheel-canvas{touch-action:none;-webkit-user-select:none;user-select:none;cursor:default;border-radius:50%;transition:transform .15s ease-out;display:block}.palette-compact-col.active-pointer-role .palette-compact-card{border-color:var(--accent-primary,#10b981);box-shadow:0 0 0 1px var(--accent-primary,#10b981), var(--shadow-sm)}.palette-colors-row{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:4px;margin-bottom:4px;display:grid}.palette-compact-col{flex-direction:column;gap:4px;display:flex}.palette-compact-label{color:var(--text-muted);letter-spacing:.03em;text-transform:uppercase;font-size:9.5px;font-weight:650}.palette-compact-card{background:var(--bg-card);border:1px solid var(--border-card);box-shadow:var(--shadow-tactile-btn);border-radius:10px;align-items:center;gap:6px;padding:4px 6px;transition:all .18s;display:flex;position:relative}.palette-compact-card:focus-within{border-color:var(--accent-primary,#10b981);box-shadow:0 0 0 1px var(--accent-primary,#10b981)}.palette-compact-swatch{cursor:pointer;border-radius:6px;flex-shrink:0;width:22px;height:22px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fff3,0 1px 3px #0000004d}.palette-compact-swatch input[type=color]{opacity:0;cursor:pointer;width:160%;height:160%;position:absolute;inset:-6px}.palette-field-hex-input{font-family:var(--font-mono);color:var(--text-primary);letter-spacing:.03em;text-transform:uppercase;background:0 0;border:none;outline:none;width:100%;min-width:0;padding:1px 0;font-size:10px;font-weight:650}.palette-field-hex-input.invalid{color:#ef4444!important}.ctrl-pointer-react .ctrl-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.ctrl-power-toggle{background:var(--bg-card);border:1px solid var(--border-card);letter-spacing:.03em;text-transform:uppercase;color:var(--text-muted);cursor:pointer;border-radius:9999px;align-items:center;gap:5px;padding:3px 8px;font-size:9.5px;font-weight:700;transition:all .18s;display:inline-flex}.ctrl-power-toggle .cpt-indicator{background:var(--text-muted);border-radius:50%;width:6px;height:6px;transition:all .18s}.ctrl-power-toggle.active{color:#10b981;background:#10b9811f;border-color:#10b98173}.ctrl-power-toggle.active .cpt-indicator{background:#10b981;box-shadow:0 1px 2px #00000040}.pointer-react-segmented{grid-template-columns:repeat(2,1fr);gap:5px;transition:opacity .2s,filter .2s;display:grid}.pointer-react-segmented.is-disabled{opacity:.4;pointer-events:none;filter:grayscale(.6)}.ctrl.ctrl-disabled{opacity:.4;pointer-events:none;filter:grayscale(.6);transition:opacity .2s}.panel-randomize-wrap{margin-bottom:2px;padding:0 0 8px}.btn-randomize-params{background:var(--bg-card);border:1px solid var(--border-card);width:100%;color:var(--text-primary);font-family:var(--font-sans);letter-spacing:.5px;text-transform:uppercase;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:11.5px;font-weight:700;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 3px 8px #00000012,0 1px 2px #0000000a,inset 0 1px #fffffff2,inset 0 -2px #00000014}.btn-randomize-params:hover{background:var(--bg-card-hover);color:var(--accent-primary);border-color:#10b98180;transform:translateY(-1px);box-shadow:0 4px 12px -2px #0000001a,inset 0 1px #fff}.btn-randomize-params:active{transform:translateY(1.5px)scale(.98);box-shadow:inset 0 2.5px 5px #00000029,0 1px #ffffffd9}.btn-randomize-params svg{color:var(--accent-primary)}.bg-control-wrap{flex-direction:column;gap:6px;margin-bottom:4px;display:flex}.bg-control-label{color:var(--text-primary);letter-spacing:-.01em;font-size:11px;font-weight:700}.bg-control-card{background:var(--bg-card-subtle);border:1px solid var(--border-card);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:8px 12px;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.bg-control-card:hover{border-color:var(--border-strong);background:var(--bg-card-hover);transform:translateY(-1px)}.bg-control-swatch{border:1px solid var(--border-subtle);border-radius:8px;flex-shrink:0;width:28px;height:28px;position:relative;overflow:hidden;box-shadow:0 1px 4px #0003}.bg-control-swatch input[type=color]{opacity:0;cursor:pointer;width:160%;height:160%;position:absolute;inset:-6px}.bg-control-hex{font-family:var(--font-mono);color:var(--text-primary);letter-spacing:.02em;flex:1;font-size:12px;font-weight:600}.bg-control-chevron{color:var(--text-muted);place-items:center;display:grid}.code-view-head{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.cvh-title{color:var(--text-primary);align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.btn-compile-quick{background:var(--accent-subtle);border:1px solid var(--border-active);color:var(--accent-primary);cursor:pointer;border-radius:7px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .15s;display:flex}.btn-compile-quick:hover{background:var(--accent-primary);color:var(--btn-primary-text);box-shadow:var(--shadow-tactile-hover)}.code-view-editor{flex-direction:column;flex:1;min-height:380px;display:flex}#live-glsl-editor{background:var(--bg-card);border:1px solid var(--border-card);width:100%;min-height:420px;color:var(--text-primary);font-family:var(--font-mono);resize:none;tab-size:2;border-radius:10px;outline:none;flex:1;padding:12px;font-size:11.5px;line-height:1.6;transition:border-color .15s,background .15s}#live-glsl-editor.editor-locked-pro{cursor:pointer;background:#00000005}html.theme-dark #live-glsl-editor.editor-locked-pro{background:#ffffff05}.code-locked-banner{background:var(--bg-card);cursor:pointer;border:1px solid #10b98159;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding:10px 14px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;box-shadow:0 4px 12px -2px #0000000d}.code-locked-banner:hover{border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:0 6px 16px -2px #10b9811f}.code-locked-banner .clb-text{color:var(--text-secondary);align-items:center;gap:8px;font-size:11px;line-height:1.4;display:flex}.code-locked-banner .clb-text i{color:var(--accent-primary);flex-shrink:0}.code-locked-banner .clb-text strong{color:var(--text-primary);font-weight:600}.code-locked-banner .btn-clb-unlock{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:7px;flex-shrink:0;align-items:center;gap:4px;padding:5px 11px;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 2px 6px #10b9814d}.code-locked-banner .btn-clb-unlock:hover{filter:brightness(1.08);transform:translateY(-.5px)}.badge-gated-pro{font-family:var(--font-mono);color:var(--accent-primary);vertical-align:middle;letter-spacing:.05em;background:#10b98129;border:1px solid #10b9814d;border-radius:4px;align-items:center;gap:2px;margin-left:5px;padding:2px 5px;font-size:8.5px;font-weight:800;line-height:1;display:inline-flex}html.theme-dark .badge-gated-pro{color:#34d399;background:#10b98133;border-color:#10b98166}.btn-compile-quick.btn-compile-locked{background:#10b98114;border-color:#10b98140}.btn-compile-quick.btn-compile-locked:hover{color:var(--accent-primary);background:#10b98126}.info-view-content{flex-direction:column;gap:14px;display:flex}.info-card{background:var(--bg-card);border:1px solid var(--border-card);box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;gap:8px;padding:14px;display:flex}.info-card h4{color:var(--text-primary);margin:0;font-size:12.5px;font-weight:650}.info-card p{color:var(--text-secondary);margin:0;font-size:11.5px;line-height:1.5}.info-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;padding:4px 0;font-size:11px;display:flex}.info-label{color:var(--text-muted)}.info-val{color:var(--text-primary);font-weight:550;font-family:var(--font-mono)}.inspector-foot{border-top:1px solid var(--border-subtle);background:var(--bg-card);align-items:center;gap:8px;padding:14px 16px;display:flex}.inspector-foot .btn-ghost{background:var(--bg-card);border-color:var(--border-card);font-size:11px;font-weight:700;font-family:var(--font-sans);letter-spacing:.6px;text-transform:uppercase;border-radius:10px;flex:1;justify-content:center;padding:10px 14px;box-shadow:0 3px 6px -1px #00000012,0 1px 2px #0000000a,inset 0 1px #fffffff2,inset 0 -1.5px #00000014}.inspector-foot .btn-ghost:hover{background:var(--bg-card-hover);border-color:var(--border-strong);transform:translateY(-1px);box-shadow:0 5px 12px -2px #00000017,inset 0 1px #fff}.inspector-foot .btn-ghost:active{transform:translateY(1.5px)scale(.98);box-shadow:inset 0 2px 4px #00000029,0 1px #ffffffd9}.btn-luxury-export{color:#fff;font-family:var(--font-display);letter-spacing:.7px;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:1px solid #ffffff61;border-radius:12px;flex:1.4;justify-content:center;align-items:center;gap:7px;padding:10px 18px;font-size:11.5px;font-weight:750;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 3px 6px -1px #0000001f,inset 0 1px .5px #fff9,inset 0 -2px #0003}.btn-luxury-export:hover{filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 4px 10px #00000026,inset 0 1px .5px #fffc}.btn-luxury-export:active{transform:translateY(1.5px)scale(.98);box-shadow:inset 0 2px 4px #0000004d}.typo-section-card{background:var(--bg-card);border:1px solid var(--border-card);box-shadow:var(--shadow-sm);border-radius:14px;flex-direction:column;gap:12px;padding:14px;display:flex}.typo-layers-section{border-bottom:1px solid var(--border-subtle);flex-direction:column;gap:8px;padding-bottom:12px;display:flex}.typo-layers-strip{align-items:center;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.typo-layer-tab{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);font-family:var(--font-display,inherit);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.typo-layer-tab:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-strong)}.typo-layer-tab.active{color:#10b981;background:#10b9811f;border-color:#10b981;box-shadow:0 1px 3px #0000001a}.tlt-pip{font-family:var(--font-mono,monospace);background:#00000014;border-radius:3px;padding:1px 4px;font-size:9px;font-weight:800}.typo-layer-tab.active .tlt-pip{color:#fff;background:#10b981}.btn-typo-add-layer{color:#fff;font-family:var(--font-display,inherit);cursor:pointer;background:#10b981;border:none;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:700;transition:all .15s;display:inline-flex}.btn-typo-add-layer:hover{background:#059669;transform:translateY(-1px)}.typo-layer-actions-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.typo-hint-text{color:var(--text-muted);font-size:10px}.typo-layer-btn-group{align-items:center;gap:4px;display:flex}.btn-typo-sub-action{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:3px 7px;font-size:10px;font-weight:600;transition:all .15s;display:inline-flex}.btn-typo-sub-action:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-strong)}.btn-typo-sub-action.danger:hover{color:#ef4444;background:#ef44441f;border-color:#ef444459}.typo-font-group{flex-direction:column;gap:4px;display:flex}.typo-font-search-wrap{align-items:center;gap:6px;margin-bottom:2px;display:flex}.typo-font-search-input{background:var(--bg-surface);border:1px solid var(--border-card);height:28px;color:var(--text-primary);border-radius:7px;outline:none;flex:1;padding:0 9px;font-size:11px;font-weight:550;transition:border-color .18s}.typo-font-search-input:focus{border-color:var(--accent-primary,#10b981)}.btn-typo-apply-font{background:var(--bg-surface);border:1px solid var(--border-card);height:28px;font-family:var(--font-display,inherit);color:var(--text-primary);cursor:pointer;border-radius:7px;padding:0 10px;font-size:10.5px;font-weight:700;transition:all .15s}.btn-typo-apply-font:hover{background:var(--bg-card-hover);border-color:var(--accent-primary,#10b981);color:var(--accent-primary,#10b981)}.ctrl-num-input-wrap{align-items:center;gap:2px;display:inline-flex}.ctrl-num-input{text-align:right;background:var(--bg-surface);border:1px solid var(--border-subtle);width:44px;height:20px;font-family:var(--font-mono,monospace);color:var(--text-primary);appearance:textfield;border-radius:4px;outline:none;padding:0 3px;font-size:10.5px;font-weight:650}.ctrl-num-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ctrl-num-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ctrl-num-input:focus{border-color:var(--accent-primary,#10b981)}.ctrl-unit{font-family:var(--font-mono,monospace);color:var(--text-muted);font-size:9.5px}.typo-preset-chips{flex-wrap:wrap;gap:6px;margin-bottom:2px;display:flex}.typo-chip{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:4px 9px;font-size:10.5px;font-weight:550;transition:all .15s;display:flex}.typo-chip:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-strong);transform:translateY(-1px)}.typo-chip.active{color:#10b981;background:#10b9811f;border-color:#10b98159}.typo-chip-dot{border-radius:50%;width:6px;height:6px}.typo-field{flex-direction:column;gap:5px;display:flex}.typo-field-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.typo-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:5px;font-size:11px;font-weight:600;display:flex}.typo-val-badge{font-size:10.5px;font-family:var(--font-mono);color:var(--text-secondary)}.typo-textarea{background:var(--bg-surface);border:1px solid var(--border-card);width:100%;min-height:64px;max-height:120px;color:var(--text-primary);resize:vertical;box-sizing:border-box;border-radius:8px;outline:none;padding:8px 10px;font-size:12px;font-weight:600;line-height:1.4;transition:border-color .18s}.typo-textarea:focus{border-color:var(--accent-primary);box-shadow:var(--shadow-inset)}.typo-select{background:var(--bg-surface);border:1px solid var(--border-card);width:100%;color:var(--text-primary);cursor:pointer;box-sizing:border-box;border-radius:8px;outline:none;padding:7px 10px;font-size:11.5px;font-weight:550;transition:border-color .18s}.typo-select:focus{border-color:var(--accent-primary)}.typo-select option{background:var(--bg-card);color:var(--text-primary)}.typo-segmented{background:var(--bg-surface);border:1px solid var(--border-card);border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(68px,1fr));gap:4px;padding:3px;display:grid}.typo-seg-btn{color:var(--text-muted);cursor:pointer;text-align:center;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:5px 6px;font-size:10.5px;font-weight:600;transition:all .15s}.typo-seg-btn:hover{color:var(--text-primary)}.typo-seg-btn.active{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-subtle);box-shadow:0 1px 4px #00000040}.typo-font-picker{width:100%;position:relative}.tfp-input-box{background:var(--bg-surface);border:1px solid var(--border-card);border-radius:8px;align-items:center;width:100%;transition:border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.typo-font-picker.tfp-open .tfp-input-box,.tfp-input-box:focus-within{border-color:#10b981;box-shadow:0 0 0 2px #10b98126}.tfp-search-icon{color:var(--text-muted);pointer-events:none;flex-shrink:0;margin-left:9px}.tfp-input{min-width:0;color:var(--text-primary);font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1;padding:8px 8px 8px 7px;font-size:11.5px;font-weight:550}.tfp-input::placeholder{color:var(--text-muted)}.tfp-chevron-btn{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin-right:2px;padding:0;transition:color .15s,background .15s;display:flex}.tfp-chevron-btn:hover{color:var(--text-primary);background:#ffffff0d}.tfp-chevron-btn svg{transition:transform .2s}.typo-font-picker.tfp-open .tfp-chevron-btn svg{color:#10b981;transform:rotate(180deg)}.tfp-dropdown{border:1px solid var(--border-strong);z-index:120;background:#12141a;border-radius:8px;max-height:220px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 28px #0000008c,0 0 0 1px #ffffff0d}.tfp-cat-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;-webkit-user-select:none;user-select:none;padding:6px 8px 3px;font-size:9px;font-weight:700}.tfp-item{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;box-sizing:border-box;background:0 0;border:none;border-radius:5px;justify-content:space-between;align-items:center;padding:6px 8px;font-size:11.5px;transition:background .12s,color .12s;display:flex}.tfp-item:hover,.tfp-item.highlighted{color:var(--text-primary);background:#ffffff0f}.tfp-item.selected{color:#10b981;background:#10b9811f;font-weight:600}.tfp-item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.tfp-item-cat{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-right:8px;font-size:9px}.tfp-empty-state{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:6px;padding:10px 8px;font-size:10.5px;display:flex}.tfp-load-custom{color:#10b981;cursor:pointer;background:#10b9811f;border:1px solid #10b9814d;border-radius:5px;padding:4px 8px;font-size:10px;font-weight:600;transition:background .15s}.tfp-load-custom:hover{background:#10b98138}.typo-mode-grid{grid-template-columns:1fr 1fr;gap:6px;width:100%;display:grid}.typo-mode-card{background:var(--bg-surface);border:1px solid var(--border-card);cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;transition:all .15s;display:flex}.typo-mode-card:hover{border-color:var(--border-strong);background:#ffffff0a}.typo-mode-card.active{background:var(--bg-card);border-color:#10b981;box-shadow:0 1px 4px #00000026}.typo-mode-card .tmc-title{color:var(--text-primary);font-size:11px;font-weight:700;line-height:1.2}.typo-mode-card .tmc-desc{color:var(--text-muted);font-size:9.5px;line-height:1.2}.typo-mode-card.active .tmc-title{color:#10b981}.typo-mode-card.active .tmc-desc{color:var(--text-secondary)}.typo-postfx-card{background:var(--bg-surface);border:1px solid var(--border-card);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;transition:border-color .2s,background .2s;display:flex}.typo-postfx-card:hover{border-color:var(--border-strong)}.tpf-left{flex:1;align-items:center;gap:9px;min-width:0;display:flex}.tpf-status-dot{background:var(--text-muted);border-radius:50%;flex-shrink:0;width:7px;height:7px;transition:all .2s}.tpf-status-dot.active{background:#10b981;box-shadow:0 0 6px #10b98166}.tpf-info{flex-direction:column;gap:2px;min-width:0;display:flex}.tpf-label-row{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.tpf-label{color:var(--text-primary);letter-spacing:-.01em;font-size:11.5px;font-weight:700}.tpf-badge{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);border:1px solid var(--border-subtle);background:#ffffff0f;border-radius:4px;padding:1px 5px;font-size:8.5px;font-weight:750;transition:all .2s}.tpf-badge.active{color:#10b981;background:#10b9811f;border-color:#10b9814d}.tpf-sub{color:var(--text-muted);font-size:9.5px;line-height:1.25}.btn-hardware-switch{background:var(--bg-card);border:1px solid var(--border-strong);box-sizing:border-box;cursor:pointer;border-radius:10px;flex-shrink:0;width:36px;height:20px;padding:2px;transition:background .2s,border-color .2s;position:relative}.btn-hardware-switch .bhs-thumb{background:var(--text-muted);border-radius:50%;width:14px;height:14px;transition:transform .2s cubic-bezier(.16,1,.3,1),background .2s;display:block;transform:translate(0)}.btn-hardware-switch.active{background:#10b9812e;border-color:#10b981}.btn-hardware-switch.active .bhs-thumb{background:#10b981;transform:translate(16px)}.typo-empty-selection{background:var(--bg-surface);border:1px dashed var(--border-subtle);color:var(--text-muted);border-radius:8px;align-items:center;gap:9px;padding:14px 16px;font-size:11px;line-height:1.4;display:flex}.typo-empty-selection svg{color:#10b981;flex-shrink:0}.typo-colors-grid{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.btn-void-match{border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:5px;padding:2px 6px;font-size:9.5px;transition:all .15s}.btn-void-match:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-strong)}.btn-void-match.active{color:#10b981;background:#10b98124;border-color:#10b98159}#btn-typo-caps{font-family:var(--font-mono);letter-spacing:.04em;border-radius:6px;padding:3px 8px;font-size:9.5px;font-weight:700;transition:all .15s}#btn-typo-caps.active{color:#10b981;background:#10b9811f;border-color:#10b98159}.typo-hint{color:var(--text-muted);border-left:2px solid var(--accent-primary);background:#ffffff06;border-radius:6px;padding:6px 8px;font-size:10.5px;line-height:1.4}.media-effects-suite{flex-direction:column;gap:10px;width:100%;display:flex}.media-effects-header{-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:4px 2px 6px;display:flex}.meh-left{align-items:center;gap:8px;display:flex}.meh-dot{background:#10b981;border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 1px 2px #00000040}.meh-title{font-family:var(--font-display,"Space Grotesk", sans-serif);letter-spacing:1.4px;text-transform:uppercase;color:var(--text-primary);font-size:11px;font-weight:750}.meh-actions{align-items:center;gap:6px;display:flex}.media-section-card{background:var(--bg-card);border:1px solid var(--border-card);box-shadow:var(--shadow-sm);border-radius:14px;flex-direction:column;gap:12px;padding:14px;display:flex}.media-toggle-row{border-bottom:none;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-bottom:2px;display:flex}.media-toggle-label{color:var(--text-primary);align-items:center;gap:8px;font-size:12px;font-weight:650;display:flex}.media-orient-bar{justify-content:space-between;align-items:center;gap:8px;padding:2px 0;display:flex}.media-orient-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:10.5px;font-weight:700;display:inline-flex}.media-orient-title svg{color:var(--accent-primary,#10b981)}.media-orient-actions{background:var(--bg-surface);border:1px solid var(--border-card);border-radius:9px;align-items:center;gap:5px;padding:3px;display:inline-flex}.btn-orient-tool{background:var(--bg-card);border:1px solid var(--border-subtle);height:25px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:6px;align-items:center;gap:5px;padding:0 9px;font-family:inherit;font-size:10.5px;font-weight:600;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 1px 2px #0000000a}.btn-orient-tool:hover{background:var(--bg-card-hover,var(--bg-card));color:var(--text-primary);border-color:var(--border-strong);transform:translateY(-.5px)}.btn-orient-tool:active{transform:translateY(.5px)scale(.98)}.btn-orient-tool.active{color:#10b981;box-shadow:var(--shadow-sm);background:#10b98124;border-color:#10b98166}.btn-orient-tool svg{stroke-width:2.2px}.media-fit-select-wrapper{align-items:center;display:inline-flex;position:relative}.media-fit-select{appearance:none;background:var(--bg-card);border:1px solid var(--border-subtle);height:25px;color:var(--text-primary);cursor:pointer;border-radius:6px;outline:none;padding:0 20px 0 9px;font-family:inherit;font-size:10.5px;font-weight:600;transition:all .18s;box-shadow:0 1px 2px #0000000a}.media-fit-select:hover{border-color:var(--border-strong)}.media-fit-select:focus{border-color:var(--accent-primary,#10b981);box-shadow:0 0 0 1.5px var(--accent-primary,#10b981)}.media-fit-chevron{pointer-events:none;color:var(--text-muted);transition:transform .15s;position:absolute;right:6px}.media-fit-select:focus+.media-fit-chevron{color:var(--accent-primary,#10b981)}.media-select-full{background:var(--bg-surface);border:1px solid var(--border-card);width:100%;color:var(--text-primary);cursor:pointer;border-radius:8px;outline:none;padding:6px 10px;font-size:11px;font-weight:500;transition:border-color .15s}.media-select-full:focus{border-color:var(--accent-primary,#10b981)}.media-field{flex-direction:column;gap:6px;display:flex}.media-field-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:650}.media-preset-chips{flex-wrap:wrap;gap:6px;display:flex}.media-chip{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:4px 9px;font-size:10.5px;font-weight:550;transition:all .15s;display:flex}.media-chip:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-strong);transform:translateY(-1px)}.media-chip-dot{border-radius:50%;width:6px;height:6px}.media-sub-card{box-shadow:none;background:0 0;border:none;border-radius:0;flex-direction:column;gap:8px;padding:0;display:flex}.studio-divider-engrave{background:linear-gradient(90deg,#0000 0%,#91a59873 15% 85%,#0000 100%);border:none;width:100%;height:1px;margin:12px 0 10px;box-shadow:0 1px #fffffff2}.studio-subhead{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.studio-subhead-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;font-size:10.5px;font-weight:700;display:inline-flex}.studio-subhead-title svg{color:var(--accent-primary)}.studio-subhead-actions{align-items:center;gap:6px;display:flex}.studio-artistic-bar{align-items:center;gap:8px;margin-bottom:8px;display:flex}.artistic-thumb-grid{scrollbar-width:thin;grid-template-columns:repeat(3,1fr);grid-auto-rows:76px;gap:7px;max-height:242px;margin-bottom:8px;padding-right:3px;display:grid;overflow-y:auto}.artistic-thumb-grid::-webkit-scrollbar{width:4px}.artistic-thumb-grid::-webkit-scrollbar-thumb{background:var(--border-card);border-radius:4px}.artistic-card{box-sizing:border-box;background:var(--bg-card);border:1px solid var(--border-card);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;flex-direction:column;height:76px;min-height:76px;transition:all .15s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 6px #0000000a}.artistic-card:hover{border-color:var(--border-strong);transform:translateY(-1.5px);box-shadow:0 4px 10px #00000014}.artistic-card.active{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary), var(--shadow-sm);background:#10b9810f}.artistic-card-thumb-wrap{background:var(--bg-surface);flex-shrink:0;width:100%;height:48px;min-height:48px;position:relative;overflow:hidden}.artistic-card-img{object-fit:cover;width:100%;height:100%;transition:transform .2s;display:block}.artistic-card:hover .artistic-card-img{transform:scale(1.06)}.artistic-card-active-badge{background:var(--accent-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:13px;height:13px;display:flex;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #00000040}.artistic-card-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;text-align:center;background:var(--bg-surface);flex:1;justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:600;display:flex;overflow:hidden}.artistic-card.active .artistic-card-name{color:var(--accent-primary);font-weight:700}.studio-artistic-controls{flex-direction:column;gap:6px;animation:.18s fadeIn;display:flex}.studio-artistic-suite{flex-direction:column;gap:8px;display:flex}html.theme-dark .studio-inspector{background:linear-gradient(#181921 0%,#13141b 100%);border:1px solid #ffffff14;box-shadow:0 16px 36px -4px #000c,inset 0 1px .5px #ffffff1f}html.theme-dark .inspector-tabs{border-bottom:1px solid #ffffff0f}html.theme-dark .i-tab{color:#8b92a2}html.theme-dark .i-tab:hover{color:#fff}html.theme-dark .i-tab.active{color:#34d399}html.theme-dark .cd-section{background:linear-gradient(#20222a 0%,#17181f 100%);border:1px solid #ffffff14;box-shadow:0 10px 28px -4px #000000bf,0 3px 8px #00000080,inset 0 1px .5px #ffffff24,inset 0 -1px 1px #00000080}html.theme-dark .cd-section:hover{border-color:#ffffff24;box-shadow:0 12px 32px -4px #000000d1,0 4px 10px #0009,inset 0 1px .5px #fff3}html.theme-dark .cd-section-head{border-bottom:1px solid #ffffff0f}html.theme-dark .cd-section-head .ico{background:#10b981;box-shadow:0 1px 2px #0006}html.theme-dark .ctrl-slider input[type=range]{background: linear-gradient(180deg, transparent 38%, #000000bf 38%, #000000bf 62%, transparent 62%), linear-gradient(90deg, #10b981 0%, #34d399 var(--p,50%), #121319 var(--p,50%), #121319 100%);border-radius:4px;height:8px;box-shadow:inset 0 2.5px 5px #000000f2,inset 0 1px 2px #000,0 1px #ffffff0d}html.theme-dark .ctrl-slider input[type=range]::-webkit-slider-thumb{background:linear-gradient(90deg, transparent calc(50% - 1.5px), var(--slider-pip,#10b981) calc(50% - 1.5px), var(--slider-pip,#10b981) calc(50% + 1.5px), transparent calc(50% + 1.5px)), repeating-linear-gradient(to bottom, transparent 0px, transparent 2px, #000000bf 2px, #ffffff2e 3px, transparent 3px, transparent 4px), linear-gradient(180deg, #373b49 0%, #1f212a 100%);cursor:grab;border:1px solid #ffffff2e;border-radius:4px;width:28px;height:18px;transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .2s;box-shadow:0 5px 14px #000000d9,0 1px 4px #000000b3,inset 0 1px .5px #ffffff59,inset 0 -1.5px 1px #000000b3}html.theme-dark .ctrl-slider:hover input[type=range]::-webkit-slider-thumb{transform:scale(1.04);box-shadow:0 6px 16px #000000e6}html.theme-dark .ctrl-slider input[type=range]:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(.97)translateY(.5px);box-shadow:0 3px 8px #000000f2,inset 0 1px 2px #000}html.theme-dark .ctrl-slider input[type=range]::-moz-range-thumb{background:linear-gradient(90deg, transparent calc(50% - 1.5px), var(--slider-pip,#10b981) calc(50% - 1.5px), var(--slider-pip,#10b981) calc(50% + 1.5px), transparent calc(50% + 1.5px)), repeating-linear-gradient(to bottom, transparent 0px, transparent 2px, #000000bf 2px, #ffffff2e 3px, transparent 3px, transparent 4px), linear-gradient(180deg, #373b49 0%, #1f212a 100%);border:1px solid #ffffff2e;border-radius:4px;width:28px;height:18px;box-shadow:0 5px 14px #000000d9,0 1px 4px #000000b3,inset 0 1px .5px #ffffff59,inset 0 -1.5px 1px #000000b3}html.theme-dark .ctrl-segmented{background:#0b0c10;border:1px solid #ffffff0d;box-shadow:inset 0 2.5px 6px #000000f2,inset 0 1px 2px #000,0 1px #ffffff0d}html.theme-dark .ctrl-segmented button{color:#8e95a5}html.theme-dark .ctrl-segmented button:hover{color:#fff;background:#ffffff0f}html.theme-dark .ctrl-segmented button.active{color:#34d399;background:linear-gradient(#2d313e 0%,#1c1d25 100%);border:1px solid #10b98173;box-shadow:0 3px 10px #000c,inset 0 1px .5px #ffffff47}html.theme-dark .btn-randomize-params{color:#f3f4f6;background:linear-gradient(#282a35 0%,#1b1c24 100%);border:1px solid #ffffff1a;box-shadow:0 5px 14px -2px #000000bf,0 2px 4px #00000080,inset 0 1px .5px #fff3,inset 0 -1px 1px #00000080}html.theme-dark .btn-randomize-params:hover{color:#fff;background:linear-gradient(#323545 0%,#20222e 100%);border-color:#10b98173;box-shadow:0 7px 18px -2px #000000d9,inset 0 1px .5px #ffffff4d}html.theme-dark .btn-randomize-params:active{transform:translateY(1.5px)scale(.98);box-shadow:inset 0 3px 7px #000000e6,inset 0 1px 2px #000,0 1px #ffffff0d}html.theme-dark .inspector-foot{background:linear-gradient(#181921 0%,#13141b 100%);border-top:1px solid #ffffff0f}html.theme-dark .inspector-foot .btn-ghost{color:#e5e7eb;background:linear-gradient(#262833 0%,#1a1b23 100%);border:1px solid #ffffff17;box-shadow:0 5px 14px -2px #000000b3,0 1px 3px #00000080,inset 0 1px .5px #ffffff2e,inset 0 -1px 1px #00000080}html.theme-dark .inspector-foot .btn-ghost:hover{color:#fff;background:linear-gradient(#2e313f 0%,#1f212c 100%);border-color:#ffffff29;box-shadow:0 7px 18px -2px #000c,inset 0 1px .5px #ffffff40}html.theme-dark .btn-luxury-export{color:#34d399;background:linear-gradient(#18382a 0%,#0d221a 100%);border:1px solid #34d39966;box-shadow:0 5px 16px -2px #000000bf,inset 0 1px .5px #34d39973,inset 0 -1px 1px #0009}html.theme-dark .btn-luxury-export:hover{color:#6ee7b7;background:linear-gradient(#1f4534 0%,#112a20 100%);border-color:#34d399a6;box-shadow:0 7px 22px -2px #000000d9,inset 0 1px .5px #34d399a6}html.theme-dark .btn-luxury-export:active{transform:translateY(1.5px)scale(.98);box-shadow:inset 0 3px 6px #000000e6,0 1px #ffffff0d}html.theme-dark .palette-chip{background:linear-gradient(#22242e 0%,#171820 100%);border:1px solid #ffffff14;box-shadow:0 3px 8px #00000080,inset 0 1px .5px #ffffff1f}html.theme-dark .palette-chip:hover{background:linear-gradient(#2a2d3b 0%,#1d1e28 100%);border-color:#10b98166;box-shadow:0 5px 12px #000000a6,inset 0 1px .5px #fff3}html.theme-dark .palette-field-card{background:linear-gradient(#22242e 0%,#171820 100%);border:1px solid #ffffff14;box-shadow:0 3px 8px #00000080,inset 0 1px .5px #ffffff1f}html.theme-dark .palette-field-card:hover{background:linear-gradient(#2a2d3b 0%,#1d1e28 100%);border-color:#10b98166;box-shadow:0 5px 12px #000000a6,inset 0 1px .5px #fff3}html.theme-dark .bg-control-card{background:linear-gradient(#22242e 0%,#171820 100%);border:1px solid #ffffff14;box-shadow:0 3px 8px #00000080,inset 0 1px .5px #ffffff1f}html.theme-dark .ctrl-color-row{background:#0e0f14;border:1px solid #ffffff0f;box-shadow:inset 0 1.5px 4px #000c,0 1px #ffffff0a}.grade-section-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:2px;display:flex}.btn-extract-grade{color:#047857;cursor:pointer;background:linear-gradient(#ecfdf5 0%,#d1fae5 100%);border:1px solid #10b98166;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 3px #0000000d,inset 0 1px #ffffffe6}.btn-extract-grade:hover{color:#065f46;background:linear-gradient(#d1fae5 0%,#a7f3d0 100%);border-color:#10b981;transform:translateY(-1px);box-shadow:0 2px 6px #10b98133}.btn-extract-grade:active{transform:translateY(.5px)}.grade-filter-bar{background:var(--bg-surface);border:1px solid var(--border-card);border-radius:8px;gap:2px;margin:6px 0 10px;padding:2px;display:flex}.grade-filter-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;text-align:center;background:0 0;border:none;border-radius:6px;flex:1;padding:5px 6px;font-size:10.5px;font-weight:550;transition:all .12s}.grade-filter-btn:hover{color:var(--text-primary)}.grade-filter-btn.active{background:var(--bg-card);color:var(--text-primary);font-weight:650;box-shadow:0 1px 3px #00000014}.lut-extraction-studio{background:var(--bg-card);box-shadow:var(--shadow-sm);border:1px solid #10b98166;border-radius:12px;flex-direction:column;gap:10px;margin-bottom:14px;padding:12px;animation:.25s cubic-bezier(.16,1,.3,1) pending-fade-in;display:flex}@keyframes pending-fade-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.les-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:8px;padding-bottom:8px;display:flex}.les-status{align-items:center;gap:7px;display:flex}.les-live-badge{color:#059669;letter-spacing:.04em;text-transform:uppercase;background:#10b9811f;border:1px solid #34d39966;border-radius:999px;align-items:center;gap:5px;padding:2px 7px;font-size:9.5px;font-weight:750;display:inline-flex}.les-dot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite pulse-dot;box-shadow:0 1px 2px #00000040}.les-title{color:var(--text-primary);letter-spacing:.01em;font-size:11px;font-weight:650}.les-close-btn{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-card);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;width:22px;height:22px;font-size:15px;line-height:1;transition:all .15s;display:flex}.les-close-btn:hover{color:#ef4444;background:#ef444426;border-color:#ef44444d}.les-hero-row{align-items:stretch;gap:10px;display:flex}.les-thumb-wrap{border:1px solid var(--border-card);background:var(--bg-surface);border-radius:8px;flex-shrink:0;width:70px;height:70px;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000014}.les-thumb-img{object-fit:cover;width:100%;height:100%;display:block}.les-hist-wrap{border:1px solid var(--border-card);background:#fff;border-radius:8px;flex:1;min-width:0;height:70px;position:relative;overflow:hidden}.les-hist-canvas{width:100%;height:100%;display:block}.les-palette-strip{border:1px solid var(--border-card);border-radius:5px;height:16px;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000f}.les-palette-item{cursor:pointer;flex:1;height:100%;transition:opacity .15s;position:relative}.les-palette-item:hover{opacity:.85}.les-telemetry-grid{grid-template-columns:1fr 1fr;gap:5px;display:grid}.les-metric-pill{background:var(--bg-card-subtle);border:1px solid var(--border-card);border-radius:5px;justify-content:space-between;align-items:center;padding:4px 7px;display:flex}.les-mp-k{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:9px;font-weight:600}.les-mp-v{font-family:var(--font-mono);color:#0284c7;font-size:10px;font-weight:700}.les-action-dock{flex-direction:column;gap:7px;margin-top:2px;display:flex}.les-input-wrap{align-items:center;display:flex;position:relative}.les-input-ico{color:var(--text-muted);pointer-events:none;position:absolute;left:9px}.les-name-input{box-sizing:border-box;background:var(--bg-surface);border:1px solid var(--border-card);width:100%;color:var(--text-primary);border-radius:6px;outline:none;padding:7px 10px 7px 28px;font-size:11.5px;font-weight:600;transition:all .15s}.les-name-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 1.5px var(--accent-primary);background:#fff}.les-btn-row{gap:7px;display:flex}.les-save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-size:11.5px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 2px 8px #10b98159}.les-save-btn:hover{background:linear-gradient(135deg,#34d399 0%,#10b981 100%);transform:translateY(-1px);box-shadow:0 4px 12px #10b98180}.les-discard-btn{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-card);cursor:pointer;border-radius:6px;padding:7px 12px;font-size:11px;font-weight:600;transition:all .15s}.les-discard-btn:hover{color:#ef4444;background:#ef444426;border-color:#ef44444d}.tone-curve-widget{background:var(--bg-card-subtle);border:1px solid var(--border-card);box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;gap:8px;margin:10px 0 14px;padding:10px;display:flex}.tc-toolbar{justify-content:space-between;align-items:center;gap:6px;display:flex}.tc-channels{background:var(--bg-surface);border:1px solid var(--border-card);border-radius:6px;gap:2px;padding:2px;display:inline-flex}.tc-chan-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:700;transition:all .15s}.tc-chan-btn.active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 1px 3px #00000014}.tc-chan-r.active{color:#dc2626;background:#ef44442e}.tc-chan-g.active{color:#16a34a;background:#16a34a2e}.tc-chan-b.active{color:#2563eb;background:#2563eb2e}.tc-status-badge{align-items:center;gap:5px;display:flex}.tc-status-dot{background:var(--accent-primary);border-radius:50%;width:5px;height:5px}.tc-status-label{color:var(--text-secondary);font-size:10px;font-weight:650}.tc-reset-btn{background:var(--bg-surface);border:1px solid var(--border-card);color:var(--text-secondary);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;transition:all .15s;display:flex}.tc-reset-btn:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--bg-card-hover)}.tc-canvas-wrapper{border:1px solid var(--border-card);background:#fff;border-radius:8px;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #0000000d}.tc-canvas{cursor:crosshair;touch-action:none;width:100%;height:140px;display:block}.tc-zone-labels{background:var(--bg-surface);border-top:1px solid var(--border-subtle);justify-content:space-between;padding:3px 6px;display:flex}.tc-zone-labels span{color:var(--text-muted);letter-spacing:.04em;font-size:8px;font-weight:700}.tc-presets-bar{gap:4px;padding-bottom:2px;display:flex;overflow-x:auto}.tc-presets-bar::-webkit-scrollbar{height:2px}.tc-presets-bar::-webkit-scrollbar-thumb{background:var(--border-card);border-radius:2px}.tc-preset-chip{background:var(--bg-surface);border:1px solid var(--border-card);color:var(--text-secondary);cursor:pointer;border-radius:4px;flex-shrink:0;padding:3px 7px;font-size:9.5px;font-weight:600;transition:all .15s}.tc-preset-chip:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-strong)}.tc-preset-chip.active{color:#059669;background:#10b98124;border-color:#10b98180;box-shadow:0 1px 3px #10b98126}.ctrl-pair-row{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:6px;display:grid}.mini-ctrl{background:var(--bg-card-subtle);border:1px solid var(--border-card);box-shadow:var(--shadow-sm);border-radius:8px;flex-direction:column;gap:4px;padding:6px 9px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.mini-ctrl:hover{border-color:var(--border-strong);background:var(--bg-card-hover)}.mini-ctrl-head{justify-content:space-between;align-items:center;display:flex}.mini-ctrl-label{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;font-weight:650;overflow:hidden}.mini-ctrl-val{font-family:var(--font-mono);color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:10.5px;font-weight:700}.mini-ctrl-val.changed{color:var(--accent-primary)}.mini-ctrl-slider-wrap{align-items:center;height:18px;display:flex;position:relative}.mini-ctrl-slider-wrap input[type=range]{appearance:none;background:linear-gradient(180deg, transparent 38%, #00000026 38%, #00000026 62%, transparent 62%), linear-gradient(90deg, var(--slider-fill) 0%, var(--slider-fill) var(--p,50%), var(--slider-track) var(--p,50%), var(--slider-track) 100%);cursor:pointer;border:none;border-radius:3px;outline:none;width:100%;height:6px;box-shadow:inset 0 1.5px 3px #00000026,0 1px #ffffffd9}.mini-ctrl-slider-wrap input[type=range]::-webkit-slider-thumb{appearance:none;background:linear-gradient(90deg, transparent calc(50% - 1px), var(--slider-pip,#10b981) calc(50% - 1px), var(--slider-pip,#10b981) calc(50% + 1px), transparent calc(50% + 1px)), repeating-linear-gradient(to bottom, transparent 0px, transparent 1.5px, #00000026 1.5px, #fffc 2.5px, transparent 2.5px, transparent 3px), linear-gradient(180deg, #fff 0%, #e3e8e2 100%);cursor:grab;border:1px solid #00000024;border-radius:3px;width:20px;height:14px;transition:transform .12s;box-shadow:0 2px 6px #0000002e,inset 0 1px #fffffff2}.mini-ctrl-slider-wrap input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.05);box-shadow:0 3px 8px #00000038}.mini-ctrl-slider-wrap input[type=range]:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(.96)translateY(.5px)}.lut-module-group{border-top:none;margin-top:4px;padding-top:2px}.lut-module-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);align-items:center;gap:5px;margin-bottom:6px;font-size:10px;font-weight:750;display:flex}.lut-accordion-group.collapsed .lut-accordion-caret{transform:rotate(-90deg)}.lut-accordion-group.collapsed .lut-accordion-body{display:none}.lut-accordion-body{border-top:1px solid var(--border-subtle);flex-direction:column;gap:3px;padding:4px 10px 10px;display:flex}.grade-thumb-grid{scrollbar-width:thin;grid-template-columns:repeat(3,1fr);grid-auto-rows:94px;gap:8px;max-height:290px;padding-right:4px;display:grid;overflow-y:auto}.grade-thumb-grid::-webkit-scrollbar{width:4px}.grade-thumb-grid::-webkit-scrollbar-thumb{background:var(--border-card);border-radius:4px}.grade-card{box-sizing:border-box;background:var(--bg-card);border:1px solid var(--border-card);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:9px;flex-direction:column;height:94px;min-height:94px;transition:all .15s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 6px #0000000a}.grade-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 5px 12px #00000014}.grade-card.active{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary), var(--shadow-sm);background:#10b9810f}.grade-card-thumb-wrap{background:var(--bg-surface);flex-shrink:0;width:100%;height:52px;min-height:52px;position:relative;overflow:hidden}.grade-card-img{object-fit:cover;width:100%;height:100%;transition:transform .2s;display:block}.grade-card:hover .grade-card-img{transform:scale(1.05)}.grade-card-active-badge{background:var(--accent-primary);color:#fff;opacity:0;border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;transition:all .15s;display:flex;position:absolute;top:4px;left:4px;transform:scale(.6);box-shadow:0 2px 6px #0000004d}.grade-card.active .grade-card-active-badge{opacity:1;transform:scale(1)}.grade-card-del-btn{background:var(--bg-overlay);border:1px solid var(--border-card);color:#ef4444;cursor:pointer;opacity:0;z-index:5;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;transition:opacity .15s,background-color .15s;display:flex;position:absolute;top:3px;right:3px}.grade-card-del-btn:hover{color:#fff;background:#ef4444}.grade-card:hover .grade-card-del-btn{opacity:1}.grade-card-meta{flex-direction:column;flex:1;justify-content:center;gap:2px;min-height:0;padding:4px 6px 5px;display:flex;overflow:hidden}.grade-card-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;font-weight:600;line-height:1.25;overflow:hidden}.grade-card-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:9px;line-height:1.2;overflow:hidden}.grade-card-dots{align-items:center;gap:3px;margin-top:1px;display:flex}.grade-dot{border:.5px solid #00000026;border-radius:50%;flex-shrink:0;width:6.5px;height:6.5px;box-shadow:0 1px 2px #0000001a}.grade-card-add{box-sizing:border-box;text-align:center;cursor:pointer;background:#10b9810a;border:1.5px dashed #10b98173;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:94px;min-height:94px;transition:all .15s;display:flex}.grade-card-add:hover{border-color:var(--accent-primary);background:#10b98117;transform:translateY(-2px)}.gca-icon{color:#10b981;background:#10b98126;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:16px;font-weight:700;display:flex}.gca-label{color:var(--text-primary);font-size:10px;font-weight:650}.gca-sub{color:var(--text-muted);font-size:8.5px}html.theme-dark .media-orient-actions{background:#00000059;border-color:#ffffff14}html.theme-dark .btn-orient-tool{color:#9ca3af;background:#ffffff0d;border-color:#ffffff14}html.theme-dark .btn-orient-tool:hover{color:#f3f4f6;background:#ffffff1a;border-color:#ffffff2e}html.theme-dark .btn-orient-tool.active{color:#34d399;background:#10b9812e;border-color:#10b98173;box-shadow:0 1px 3px #0006}html.theme-dark .media-fit-select{color:#e5e7eb;background:#111827;border-color:#ffffff1a}html.theme-dark .media-fit-select option{color:#e5e7eb;background:#111827}html.theme-dark .studio-divider-engrave{background:linear-gradient(90deg,#0000 0%,#ffffff1f 15% 85%,#0000 100%);box-shadow:0 1px #000000b3}html.theme-dark .btn-extract-grade{color:#34d399;background:linear-gradient(#1d4332 0%,#0e271c 100%);border:1px solid #34d39973;box-shadow:0 2px 6px #0006,inset 0 1px .5px #34d39959}html.theme-dark .btn-extract-grade:hover{color:#6ee7b7;background:linear-gradient(#24523d 0%,#123023 100%);border-color:#34d399b3;box-shadow:0 4px 10px #00000080}html.theme-dark .grade-filter-bar{background:#0000004d;border:1px solid #ffffff12}html.theme-dark .grade-filter-btn{color:#9ca3af}html.theme-dark .grade-filter-btn:hover{color:#fff}html.theme-dark .grade-filter-btn.active{color:#fff;background:#ffffff1a;box-shadow:0 1px 3px #0006}html.theme-dark .lut-extraction-studio{background:linear-gradient(145deg,#0e141ff2 0%,#080c14fa 100%);border:1px solid #10b98166;box-shadow:0 8px 24px #00000080,inset 0 1px #ffffff14}html.theme-dark .les-header{border-bottom:1px solid #ffffff0f}html.theme-dark .les-title{color:#f3f4f6}html.theme-dark .les-close-btn{color:#9ca3af;background:#ffffff0f;border:1px solid #ffffff1a}html.theme-dark .les-close-btn:hover{color:#ef4444;background:#ef444433;border-color:#ef444466}html.theme-dark .les-thumb-wrap{background:#000;border:1px solid #ffffff26;box-shadow:0 2px 8px #00000080}html.theme-dark .les-hist-wrap{background:#0b0d13;border:1px solid #ffffff1a}html.theme-dark .les-palette-strip{border:1px solid #ffffff26;box-shadow:0 1px 4px #0006}html.theme-dark .les-metric-pill{background:#ffffff0a;border:1px solid #ffffff14}html.theme-dark .les-mp-k{color:#9ca3af}html.theme-dark .les-mp-v{color:#38bdf8}html.theme-dark .les-name-input{color:#fff;background:#00000080;border:1px solid #ffffff2e}html.theme-dark .les-name-input:focus{background:#000000b3;border-color:#10b981;box-shadow:0 0 0 1.5px #10b981}html.theme-dark .les-discard-btn{color:#9ca3af;background:#ffffff0f;border:1px solid #ffffff1f}html.theme-dark .les-discard-btn:hover{color:#ef4444;background:#ef444426;border-color:#ef44444d}html.theme-dark .tone-curve-widget{background:#0a0e16d9;border:1px solid #ffffff14;box-shadow:inset 0 1px #ffffff0a}html.theme-dark .tc-channels{background:#0006;border:1px solid #ffffff1a}html.theme-dark .tc-chan-btn{color:#9ca3af}html.theme-dark .tc-chan-btn.active{color:#fff;box-shadow:none;background:#ffffff24}html.theme-dark .tc-chan-r.active{color:#f87171;background:#ef444440}html.theme-dark .tc-chan-g.active{color:#4ade80;background:#22c55e40}html.theme-dark .tc-chan-b.active{color:#60a5fa;background:#3b82f640}html.theme-dark .tc-reset-btn{color:#9ca3af;background:0 0;border:1px solid #ffffff1a}html.theme-dark .tc-reset-btn:hover{color:#fff;background:#ffffff0f;border-color:#ffffff40}html.theme-dark .tc-canvas-wrapper{box-shadow:none;background:#0a0d14;border:1px solid #ffffff1a}html.theme-dark .tc-zone-labels{background:#0006;border-top:1px solid #ffffff0d}html.theme-dark .tc-zone-labels span{color:#6b7280}html.theme-dark .tc-presets-bar::-webkit-scrollbar-thumb{background:#ffffff26}html.theme-dark .tc-preset-chip{color:#d1d5db;background:#ffffff0d;border:1px solid #ffffff17}html.theme-dark .tc-preset-chip:hover{color:#fff;background:#ffffff1a}html.theme-dark .tc-preset-chip.active{color:#38bdf8;background:#38bdf833;border-color:#38bdf866}html.theme-dark .mini-ctrl{background:#00000047;border:1px solid #ffffff12;box-shadow:inset 0 1px #ffffff08}html.theme-dark .mini-ctrl:hover{background:#00000061;border-color:#ffffff29}html.theme-dark .mini-ctrl-slider-wrap input[type=range]{background:linear-gradient(180deg, transparent 38%, #000000b3 38%, #000000b3 62%, transparent 62%), linear-gradient(90deg, #10b981 0%, #34d399 var(--p,50%), #121319 var(--p,50%), #121319 100%);box-shadow:inset 0 1.5px 3px #000000d9}html.theme-dark .mini-ctrl-slider-wrap input[type=range]::-webkit-slider-thumb{background:linear-gradient(90deg, transparent calc(50% - 1px), var(--slider-pip,#10b981) calc(50% - 1px), var(--slider-pip,#10b981) calc(50% + 1px), transparent calc(50% + 1px)), repeating-linear-gradient(to bottom, transparent 0px, transparent 1.5px, #000000bf 1.5px, #ffffff2e 2.5px, transparent 2.5px, transparent 3px), linear-gradient(180deg, #373b49 0%, #1f212a 100%);border:1px solid #ffffff2e;box-shadow:0 3px 8px #000000d9,inset 0 1px .5px #ffffff4d}html.theme-dark .grade-thumb-grid::-webkit-scrollbar-thumb{background:#ffffff26}html.theme-dark .grade-card{background:#ffffff08;border:1px solid #ffffff14;box-shadow:0 2px 6px #00000059}html.theme-dark .grade-card:hover{border-color:#ffffff38;box-shadow:0 5px 12px #0000008c}html.theme-dark .grade-card.active{background:#10b98114;border-color:#10b981;box-shadow:0 0 0 1px #10b981,0 2px 6px #0006}html.theme-dark .grade-card-thumb-wrap{background:#0d0e12}html.theme-dark .grade-card-del-btn{background:#000000bf;border:1px solid #fff3}html.theme-dark .grade-dot{border:.5px solid #ffffff59;box-shadow:0 1px 2px #0006}html.theme-dark .grade-card-add{background:#10b98108;border:1.5px dashed #10b98166}html.theme-dark .grade-card-add:hover{background:#10b98117;border-color:#10b981cc}html.theme-dark .artistic-thumb-grid::-webkit-scrollbar-thumb{background:#ffffff26}html.theme-dark .artistic-card{background:#ffffff08;border:1px solid #ffffff14;box-shadow:0 2px 6px #0000004d}html.theme-dark .artistic-card:hover{border-color:#ffffff38;box-shadow:0 4px 10px #00000080}html.theme-dark .artistic-card.active{background:#10b98114;border-color:#10b981;box-shadow:0 0 0 1px #10b981,0 2px 6px #0006}html.theme-dark .artistic-card-name{color:#9ca3af;background:#00000040}html.theme-dark .artistic-card.active .artistic-card-name{color:#fff}html.theme-dark .typo-layer-tab{color:#9ca3af;background:#1c1e28;border-color:#ffffff1a}html.theme-dark .typo-layer-tab:hover{color:#fff;background:#242735}html.theme-dark .typo-layer-tab.active{color:#34d399;background:#10b98126;border-color:#10b981}html.theme-dark .typo-font-search-input{color:#fff;background:#14161f;border-color:#ffffff1a}html.theme-dark .btn-typo-apply-font{color:#fff;background:#1c1e28;border-color:#ffffff1a}html.theme-dark .btn-typo-apply-font:hover{color:#34d399;background:#242735;border-color:#10b981}html.theme-dark .ctrl-num-input{color:#fff;background:#14161f;border-color:#ffffff1a}html.theme-dark .btn-typo-sub-action{color:#9ca3af;background:#1c1e28;border-color:#ffffff1a}html.theme-dark .btn-typo-sub-action:hover{color:#fff;background:#242735}.postfx-grid{flex-direction:column;gap:8px;padding:2px 0 4px;display:flex}.postfx-card{background:var(--bg-card);border:1px solid var(--border-card);box-shadow:var(--shadow-sm);border-radius:14px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.postfx-card:hover{border-color:var(--border-strong)}.postfx-card.enabled{border-color:var(--accent-primary);box-shadow:var(--shadow-sm)}.postfx-card-head{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:10px 12px;transition:background .15s;display:flex}.postfx-card-head:hover{background:var(--bg-card-hover)}.postfx-icon-wrap{background:var(--bg-card-subtle);border:1px solid var(--border-subtle);width:32px;height:32px;color:var(--text-muted);box-shadow:var(--shadow-sm);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.postfx-card:hover .postfx-icon-wrap{color:var(--text-primary);border-color:var(--border-card)}.postfx-card.enabled .postfx-icon-wrap{background:var(--accent-subtle);border-color:var(--accent-primary);color:var(--accent-primary)}.postfx-icon-wrap svg{width:16px;height:16px;transition:transform .2s cubic-bezier(.16,1,.3,1);display:block}.postfx-card.enabled .postfx-icon-wrap svg{transform:scale(1.08)}@keyframes spinPulse{0%{transform:scale(1)rotate(0)}50%{transform:scale(1.15)rotate(90deg)}to{transform:scale(1)rotate(180deg)}}.spin-pulse svg{animation:.4s cubic-bezier(.16,1,.3,1) spinPulse}.postfx-meta{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.postfx-card-name{color:var(--text-primary);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:650;overflow:hidden}.postfx-card-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;overflow:hidden}.postfx-card.enabled .postfx-card-name{color:var(--text-primary);font-weight:700}.postfx-toggle{background:var(--slider-track);border:1px solid var(--border-card);cursor:pointer;border-radius:999px;flex-shrink:0;width:32px;height:18px;transition:background .2s,border-color .2s;position:relative}.postfx-toggle:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:left .18s cubic-bezier(.2,.8,.2,1),background .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000040}.postfx-card.enabled .postfx-toggle{background:var(--accent-primary);border-color:var(--accent-primary);box-shadow:inset 0 1px 2px #0003}.postfx-card.enabled .postfx-toggle:after{background:#fff;left:16px}.postfx-card-caret{color:var(--text-muted);flex-shrink:0;place-items:center;transition:transform .22s cubic-bezier(.2,.8,.2,1);display:grid}.postfx-card.collapsed .postfx-card-caret{transform:rotate(-90deg)}.postfx-card-body{border-top:1px solid var(--border-subtle);background:var(--bg-card);flex-direction:column;gap:10px;padding:12px 14px 14px;display:flex}.postfx-card.collapsed .postfx-card-body{display:none}.modal{z-index:9995;background:var(--bg-overlay);-webkit-backdrop-filter:blur(16px);opacity:0;pointer-events:none;visibility:hidden;justify-content:center;align-items:center;padding:24px;transition:opacity .25s,visibility 0s linear .25s;display:flex;position:fixed;inset:0}.modal.open{opacity:1;pointer-events:auto;visibility:visible;transition:opacity .25s,visibility}.modal-inner{background:var(--bg-surface);border:1px solid var(--border-card);width:min(700px,100%);max-height:88vh;box-shadow:var(--shadow-elevated);border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.modal-head{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:14px;padding:18px 24px;display:flex}.modal-head h2{color:var(--text-primary);font-size:15.5px;font-weight:700;font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:10px;margin:0;display:flex}.modal-head p{color:var(--text-muted);margin:3px 0 0;font-size:11px}.modal-body{padding:20px 24px;overflow-y:auto}.export-modal-inner{width:min(720px,95vw)}.export-profiles-banner{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px;display:grid}@media (width<=600px){.export-profiles-banner{grid-template-columns:1fr}}.export-profile-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:14px;padding:12px 14px;transition:all .2s;position:relative;overflow:hidden}.export-profile-card.profile-lite{background:linear-gradient(135deg, #10b9810d 0%, var(--bg-card) 100%);border-color:#10b98147}.export-profile-card.profile-studio{border-color:var(--border-card);background:var(--bg-card)}.profile-card-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.profile-badge{letter-spacing:.02em;border-radius:999px;align-items:center;gap:5px;padding:2.5px 8px;font-size:11px;font-weight:700;display:inline-flex}.profile-badge.lite{background:var(--badge-bg);border:1px solid var(--badge-border);color:var(--accent-primary)}.profile-badge.studio{background:var(--bg-card-hover);border:1px solid var(--border-card);color:var(--text-secondary)}.profile-tag{font-size:10px;font-family:var(--font-mono,monospace);color:var(--text-muted);opacity:.85;font-weight:500}.export-profile-card p{color:var(--text-muted);margin:0;font-size:11px;line-height:1.45}.export-profile-card strong{color:var(--text-primary)}.export-opt{background:var(--bg-card);border:1px solid var(--border-card);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:11px;padding:15px 18px;transition:border-color .2s,transform .15s;display:flex}.export-opt:hover{border-color:var(--border-strong,#ffffff26)}.export-opt-info{flex:1;min-width:0}.opt-title-row{align-items:center;gap:8px;display:flex}.export-opt h4{color:var(--text-primary);margin:0;font-size:13.5px;font-weight:650}.export-format-badge{font-size:10px;font-family:var(--font-mono,monospace);background:var(--bg-surface-raised,#ffffff0d);color:var(--text-muted);border:1px solid var(--border-subtle,#ffffff14);border-radius:5px;padding:1.5px 6px;font-weight:600}.export-opt p{color:var(--text-muted);margin:4px 0 0;font-size:11.5px;line-height:1.45}.export-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.btn-export-lite{background:var(--btn-primary-bg);color:var(--btn-primary-text);font-size:11.5px;font-weight:700;font-family:var(--font-display);letter-spacing:.3px;text-transform:uppercase;cursor:pointer;box-shadow:var(--shadow-tactile-btn);white-space:nowrap;border:1px solid #ffffff40;border-radius:9999px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-export-lite:hover{box-shadow:var(--shadow-tactile-hover);filter:brightness(1.04);transform:translateY(-1px)}.btn-export-lite:active{box-shadow:var(--shadow-tactile-pressed);filter:brightness(.97);transform:translateY(1px)scale(.97)}.btn-export-studio{background:var(--btn-ghost-bg);color:var(--btn-ghost-text,var(--text-primary));font-size:11.5px;font-weight:700;font-family:var(--font-display);letter-spacing:.3px;text-transform:uppercase;border:1px solid var(--btn-ghost-border);cursor:pointer;box-shadow:var(--shadow-tactile-btn);white-space:nowrap;border-radius:9999px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-export-studio:hover{background:var(--bg-card-hover);border-color:var(--border-strong);color:var(--text-primary);box-shadow:var(--shadow-tactile-hover);transform:translateY(-1px)}.btn-export-studio:active{box-shadow:var(--shadow-tactile-pressed);transform:translateY(1px)scale(.97)}.gallery-overlay{z-index:120;background:var(--bg-overlay);-webkit-backdrop-filter:blur(24px);opacity:0;pointer-events:none;visibility:hidden;flex-direction:column;transition:opacity .3s,visibility 0s linear .3s;display:flex;position:fixed;inset:0}.gallery-overlay.open{opacity:1;pointer-events:auto;visibility:visible;transition:opacity .3s,visibility}.gallery-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;height:60px;padding:0 28px;display:flex}.gallery-title-box h3{color:var(--text-primary);margin:0;font-size:16px;font-weight:700}.gallery-title-box p{color:var(--text-muted);margin:2px 0 0;font-size:11px}.gallery-controls{align-items:center;gap:12px;display:flex}.gallery-search{background:var(--bg-card);border:1px solid var(--border-card);color:var(--text-primary);border-radius:999px;outline:none;width:220px;padding:6px 14px;font-family:inherit;font-size:12px;transition:border-color .2s}.gallery-search:focus{border-color:var(--border-active)}.gallery-chips{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;gap:6px;padding:12px 28px;display:flex}.gallery-body{flex:1;padding:24px 28px 60px;overflow-y:auto}.grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.card{aspect-ratio:16/10;border:1px solid var(--border-card);cursor:pointer;isolation:isolate;background:#000;border-radius:16px;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .25s,box-shadow .3s;position:relative;overflow:hidden}.card:hover{border-color:var(--border-active);box-shadow:var(--shadow-elevated);transform:translateY(-4px)}.card canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.card-badge{z-index:2;color:var(--text-primary);background:var(--bg-overlay);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-card);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:10.5px;font-weight:600;display:inline-flex;position:absolute;top:12px;left:12px}.card-badge:before{content:"";background:var(--accent-primary);border-radius:50%;width:5px;height:5px}.card-info{z-index:2;pointer-events:none;background:linear-gradient(#0000,#00000059 30%,#000000e0);flex-direction:column;gap:3px;padding:14px 16px;display:flex;position:absolute;bottom:0;left:0;right:0}.card-info h3{color:#fff;margin:0;font-size:14.5px;font-weight:700}.card-info p{color:#ffffffbf;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-width:100%;margin:0;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.filter-chip{border:1px solid var(--border-card);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:5px 12px;font-size:11px;font-weight:550;transition:all .2s;display:inline-flex}.filter-chip:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-strong)}.filter-chip.active{background:var(--accent-subtle);border-color:var(--border-active);color:var(--accent-primary);font-weight:650}.filter-chip .dot{background:var(--accent-primary);border-radius:50%;width:5px;height:5px}.filter-chip .count{background:var(--border-subtle);color:var(--text-muted);border-radius:4px;padding:1px 5px;font-size:9px;font-weight:700}.editor-modal-overlay{z-index:200;background:var(--bg-overlay);-webkit-backdrop-filter:blur(20px);opacity:0;pointer-events:none;visibility:hidden;justify-content:center;align-items:center;padding:24px;transition:opacity .25s,visibility 0s linear .25s;display:flex;position:fixed;inset:0}.editor-modal-overlay.open{opacity:1;pointer-events:auto;visibility:visible;transition:opacity .25s,visibility}.editor-modal-card{background:var(--bg-surface);border:1px solid var(--border-card);width:min(920px,94vw);height:min(780px,90vh);box-shadow:var(--shadow-elevated);border-radius:20px;flex-direction:column;animation:.25s cubic-bezier(.16,1,.3,1) modalPop;display:flex;overflow:hidden}@keyframes modalPop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.ep-head{border-bottom:1px solid var(--border-subtle);background:var(--bg-card);justify-content:space-between;align-items:center;min-height:68px;padding:14px 24px;display:flex;position:relative}.ep-head-left{z-index:2;flex-shrink:1;align-items:flex-start;gap:12px;min-width:0;max-width:calc(50% - 210px);display:flex}.ep-brand{align-items:flex-start;gap:10px;min-width:0;display:flex}.ep-brand-icon{background:var(--accent-subtle);width:34px;height:34px;color:var(--accent-primary);border:1px solid var(--border-active);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.ep-head-titles{flex-direction:column;min-width:0;display:flex}.ep-head h2{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14.5px;font-weight:700;line-height:1.25;overflow:hidden}.ep-head p{color:var(--text-muted);white-space:normal;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:2px 0 0;font-size:11px;line-height:1.35;display:-webkit-box;overflow:hidden}.editor-mode-nav{background:var(--bg-card-subtle);border:1px solid var(--border-card);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);z-index:5;border-radius:9999px;align-items:center;gap:4px;padding:3px;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.editor-mode-tab{color:var(--text-secondary);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:9999px;align-items:center;gap:7px;padding:6px 16px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.editor-mode-tab span{white-space:nowrap}.editor-mode-tab:hover{color:var(--text-primary);background:var(--bg-card-hover)}.editor-mode-tab.active{color:#fff;background:#10b981;font-weight:750;box-shadow:0 2px 10px #10b98166}.editor-mode-tab.active i,.editor-mode-tab.active svg{color:#fff!important;stroke:#fff!important}.ep-head-right{z-index:2;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;max-width:calc(50% - 210px);display:flex}.ep-body,.ep-view{flex-direction:column;flex:1;min-height:0;display:flex}.ep-view[hidden],.ep-view.is-hidden,.ep-view[style*="display: none"],.ep-view[style*=display\:none]{display:none!important}.ep-title{border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);padding:12px 22px}.ep-input-wrap{align-items:center;gap:10px;display:flex}.ep-input-label{color:var(--text-secondary);white-space:nowrap;font-size:11.5px;font-weight:600}.ep-title input{background:var(--bg-card);border:1px solid var(--border-card);color:var(--text-primary);border-radius:9px;outline:none;flex:1;padding:8px 12px;font-family:inherit;font-size:12.5px;transition:border-color .2s}.ep-title input:focus{border-color:var(--border-active)}.ep-collection-banner{background:var(--accent-subtle);border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);align-items:center;gap:10px;padding:10px 22px;font-size:11.5px;display:flex}.ecb-icon{color:var(--accent-primary);flex-shrink:0}.ecb-text code{background:var(--bg-surface);font-family:var(--font-mono);border:1px solid var(--border-subtle);color:var(--accent-primary);border-radius:4px;padding:1px 5px;font-size:10.5px}.ep-code{border-bottom:1px solid var(--border-subtle);background:#0c0b0a;flex:1;min-height:0;display:flex;overflow:hidden}.ep-lines{width:48px;font-family:var(--font-mono);color:var(--text-muted);text-align:right;-webkit-user-select:none;user-select:none;background:#00000059;flex-shrink:0;padding:14px 8px;font-size:11px;line-height:1.65;overflow:hidden}.ep-code textarea{resize:none;color:#f8f3ed;font-family:var(--font-mono);white-space:pre;tab-size:2;background:0 0;border:none;outline:none;flex:1;padding:14px;font-size:11.5px;line-height:1.65}.ep-diag{background:var(--bg-surface);border-top:1px solid var(--border-subtle);padding:12px 22px}.diag-box{border:1px solid var(--border-card);background:var(--bg-card);font-family:var(--font-mono);border-radius:10px;max-height:90px;padding:10px 14px;font-size:11px;overflow-y:auto}.diag-head{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.diag-head span:first-child{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);font-size:9px}.diag-head-actions{align-items:center;gap:6px;display:flex}.btn-copy-diag{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;font-size:9px;font-weight:600;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.05em;border-radius:4px;align-items:center;gap:4px;padding:2px 7px;transition:all .18s;display:inline-flex}.btn-copy-diag:hover{background:var(--bg-card);border-color:var(--border-active);color:var(--text-primary);box-shadow:0 1px 4px #0000001a}.btn-copy-diag:active{transform:scale(.96)}.btn-copy-diag.copied{color:#10b981;background:#10b9811f;border-color:#10b98166}.diag-badge{background:var(--border-subtle);color:var(--text-secondary);border-radius:4px;padding:2px 7px;font-size:9px;font-weight:700}.diag-badge.ok{color:#10b981;background:#10b9812e}.diag-badge.err{color:#f43f5e;background:#f43f5e2e}.diag-msg{color:var(--text-secondary);white-space:pre-wrap;line-height:1.45}.ep-foot{border-top:1px solid var(--border-subtle);background:var(--bg-card);justify-content:flex-end;align-items:center;padding:14px 22px;display:flex}.ep-foot-group{align-items:center;gap:10px;width:100%;display:flex}.ep-foot-group[hidden],.ep-foot-group.is-hidden,.ep-foot-group[style*="display: none"],.ep-foot-group[style*=display\:none]{display:none!important}.ep-foot-group .btn-primary,.ep-foot-group .btn-ghost{flex:1;justify-content:center}.btn-copy-master-prompt,#editor-copy-prompt-btn{cursor:pointer;white-space:nowrap;border-radius:9999px;align-items:center;gap:7px;height:34px;padding:0 15px;font-size:11.5px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 8px #0f172a2e,0 1px 3px #0000001f;color:#fff!important;background:#0f172a!important;border:1px solid #0f172a!important}.btn-copy-master-prompt:hover,#editor-copy-prompt-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #0f172a47;color:#fff!important;background:#1e293b!important;border-color:#1e293b!important}.btn-copy-master-prompt:active,#editor-copy-prompt-btn:active{transform:translateY(0)}.btn-copy-master-prompt i,.btn-copy-master-prompt svg,#editor-copy-prompt-btn i,#editor-copy-prompt-btn svg{flex-shrink:0;color:#fff!important;stroke:#fff!important}html.theme-dark .btn-copy-master-prompt,html.theme-dark #editor-copy-prompt-btn{box-shadow:0 2px 10px #fff3,0 1px 3px #00000040;color:#09090b!important;background:#fff!important;border:1px solid #fff!important}html.theme-dark .btn-copy-master-prompt:hover,html.theme-dark #editor-copy-prompt-btn:hover{box-shadow:0 4px 14px #ffffff59;color:#000!important;background:#f1f5f9!important;border-color:#f1f5f9!important}html.theme-dark .btn-copy-master-prompt i,html.theme-dark .btn-copy-master-prompt svg,html.theme-dark #editor-copy-prompt-btn i,html.theme-dark #editor-copy-prompt-btn svg{color:#09090b!important;stroke:#09090b!important}.delete-modal-overlay{z-index:300;background:var(--bg-overlay);-webkit-backdrop-filter:blur(20px);opacity:0;pointer-events:none;visibility:hidden;justify-content:center;align-items:center;padding:20px;transition:opacity .22s,visibility 0s linear .22s;display:flex;position:fixed;inset:0}.delete-modal-overlay.open{opacity:1;pointer-events:auto;visibility:visible;transition:opacity .22s,visibility}.delete-modal-card{background:var(--bg-surface);border:1px solid var(--border-card);width:min(440px,92vw);box-shadow:var(--shadow-elevated);border-radius:18px;flex-direction:column;gap:16px;padding:24px;animation:.2s cubic-bezier(.16,1,.3,1) modalPop;display:flex}.dm-header{align-items:center;gap:14px;display:flex}.dm-icon{color:#e05a47;background:#e05a471f;border:1px solid #e05a4740;border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.dm-header h3{color:var(--text-primary);margin:0;font-size:16px;font-weight:700}.dm-header p{color:var(--text-muted);margin:2px 0 0;font-size:11.5px}.dm-body p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.dm-body strong{color:var(--text-primary);font-weight:600}.dm-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:6px;display:flex}#ep-view-ai{background:var(--bg-surface);flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.ai-onboarding-view{flex:1;justify-content:center;align-items:center;padding:32px 24px;animation:.25s cubic-bezier(.16,1,.3,1) modalPop;display:flex}.ai-onboarding-content{text-align:left;flex-direction:column;gap:16px;width:min(560px,100%);margin:auto;display:flex}.aoc-badge{background:var(--accent-subtle);color:#059669;border:1px solid var(--badge-border);border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.aoc-badge i,.aoc-badge svg{color:#059669;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}html.theme-dark .aoc-badge,html.theme-dark .aoc-badge i,html.theme-dark .aoc-badge svg{color:#34d399}.ai-kbd{background:var(--bg-card);border:1px solid var(--border-card);color:var(--text-primary);font-family:var(--font-mono);box-shadow:var(--shadow-sm);vertical-align:middle;border-radius:5px;align-items:center;padding:2px 7px;font-size:11px;font-weight:600;display:inline-flex}.aoc-title{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:20px;font-weight:750}.aoc-desc{color:var(--text-secondary);margin:0;font-size:12.5px;line-height:1.55}.aoc-steps{background:var(--bg-card-subtle);border:1px solid var(--border-subtle);border-radius:14px;flex-direction:column;gap:12px;padding:16px 18px;display:flex}.aoc-step{align-items:flex-start;gap:12px;display:flex}.aoc-step-num{background:var(--accent-primary);color:#fff;width:22px;height:22px;box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:11px;font-weight:700;display:flex}.aoc-step-content{flex-direction:column;gap:2px;display:flex}.aoc-step-title{color:var(--text-primary);font-size:12px;font-weight:650}.aoc-step-detail{color:var(--text-secondary);font-size:11.5px;line-height:1.45}.aoc-link{color:var(--accent-primary);align-items:center;gap:3px;font-weight:700;text-decoration:none;display:inline-flex}.aoc-link:hover{text-decoration:underline}.aoc-input-row{align-items:center;gap:10px;margin-top:4px;display:flex}.aoc-input-box{flex:1;align-items:center;display:flex;position:relative}.aoc-lock-icon{color:var(--text-muted);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}#ai-api-key-input{border:1.5px solid var(--border-card);background:var(--bg-surface);width:100%;height:42px;font-family:var(--font-mono);color:var(--text-primary);border-radius:12px;outline:none;padding:0 38px;font-size:12.5px;transition:all .2s}#ai-api-key-input:focus{border-color:var(--border-active);box-shadow:var(--shadow-inset)}.aoc-eye-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.aoc-eye-btn:hover{color:var(--text-primary)}.aoc-submit-btn{white-space:nowrap;border-radius:12px;align-items:center;gap:8px;height:42px;padding:0 20px;font-size:13px;font-weight:650;display:inline-flex}.aoc-foot-note{color:var(--text-muted);justify-content:center;align-items:center;gap:6px;margin-top:4px;font-size:11px;display:flex}.ai-workspace-view{flex-direction:column;flex:1;min-height:0;animation:.25s fadeIn;display:flex;position:relative}.ai-workspace-scroll{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:24px 32px 16px;transition:all .35s;display:flex;position:relative;overflow-y:auto}.ai-workspace-view.has-chat .ai-workspace-scroll{justify-content:flex-start;padding-top:56px}.ai-workspace-topbar{z-index:15;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:14px;left:24px;right:24px}.ai-workspace-topbar>*{pointer-events:auto}.ai-btn-new-session{background:var(--bg-card-subtle);border:1px solid var(--border-card);color:var(--text-secondary);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-family:inherit;font-size:11px;font-weight:650;transition:all .18s;display:inline-flex}.ai-btn-new-session:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--accent-primary);transform:translateY(-1px)}.ai-btn-new-session svg{stroke:var(--accent-primary)}.ai-btn-change-key{background:var(--bg-card-subtle);border:1px solid var(--border-card);height:28px;color:var(--text-secondary);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-family:inherit;font-size:11.5px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.ai-btn-change-key:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--accent-primary);transform:translateY(-1px)}.ai-btn-change-key svg{color:var(--accent-primary);stroke:var(--accent-primary);flex-shrink:0}.ai-chat-thread{flex-direction:column;flex:1;gap:20px;width:min(740px,100%);padding:8px 0 20px;display:flex}.ai-user-turn{flex-direction:column;align-items:flex-end;gap:6px;animation:.22s cubic-bezier(.16,1,.3,1) modalPop;display:flex}.ai-user-bubble{background:var(--bg-card);border:1.5px solid var(--border-card);color:var(--text-primary);max-width:82%;box-shadow:var(--shadow-sm);word-break:break-word;border-radius:20px 20px 6px;padding:12px 18px;font-size:13.5px;line-height:1.55}.ai-user-bubble.auto-repair{background:#ef444414;border-color:#ef444452}.ai-auto-badge{text-transform:uppercase;letter-spacing:.04em;color:#ef4444;background:#ef444429;border-radius:6px;align-items:center;gap:4px;margin-right:6px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.ai-crc-apply-btn.applied{color:#10b981!important;background:#10b98129!important;border:1px solid #10b98159!important}.ai-crc-apply-btn.applied:hover{background:#10b98140!important}.ai-user-meta{color:var(--text-muted);padding-right:4px;font-size:10.5px}.ai-user-attached-chips{flex-wrap:wrap;gap:6px;max-width:82%;display:flex}.ai-assistant-turn{flex-direction:column;gap:12px;animation:.25s cubic-bezier(.16,1,.3,1) modalPop;display:flex}.ai-thinking-card{background:var(--bg-card-subtle);border:1px solid var(--border-subtle);border-radius:12px;transition:all .2s;overflow:hidden}.ai-thinking-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:8px 14px;transition:background .15s;display:flex}.ai-thinking-header:hover{background:var(--bg-card-hover)}.ai-th-badge{color:var(--text-muted);align-items:center;gap:7px;font-size:12px;font-weight:600;display:inline-flex}.ai-th-badge.thinking{color:var(--accent-primary)}.ai-brain-svg{stroke:currentColor;flex-shrink:0}.ai-th-dot{background:#10b981;border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite pulseDot}@keyframes pulseDot{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.ai-th-toggle-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:2px 4px;font-size:11px;font-weight:550;display:inline-flex}.ai-thinking-header:hover .ai-th-toggle-btn{color:var(--text-primary)}.ai-th-chevron{transition:transform .2s cubic-bezier(.16,1,.3,1)}.ai-th-chevron.open{transform:rotate(180deg)}.ai-thinking-body{border-top:1px solid var(--border-subtle);font-family:var(--font-mono,monospace);color:var(--text-secondary);white-space:pre-wrap;background:#00000026;max-height:200px;padding:10px 14px 12px;font-size:11px;line-height:1.6;overflow-y:auto}.ai-code-result-card{background:var(--bg-card);border:1.5px solid #10b98159;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #10b98114}.ai-crc-header{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 18px;display:flex}.ai-crc-info{flex-direction:column;flex:1;gap:4px;min-width:240px;display:flex}.ai-crc-badges{align-items:center;gap:8px;display:flex}.ai-crc-badge{text-transform:uppercase;letter-spacing:.05em;color:#10b981;background:#10b9811f;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:750}.ai-crc-badge.p5{color:#ec4899;background:#ec48991f}.ai-crc-fps{color:var(--text-muted);align-items:center;gap:3px;font-size:10px;font-weight:600;display:inline-flex}.ai-crc-title{color:var(--text-primary);margin:4px 0 2px;font-size:15px;font-weight:700}.ai-crc-desc{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.45}.ai-crc-swatches{align-items:center;gap:5px;margin-top:4px;display:flex}.ai-crc-swatch{border:1px solid #00000026;border-radius:3px;width:14px;height:14px}.ai-crc-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.ai-crc-actions .btn-ghost,.ai-crc-actions .btn-primary{gap:5px;height:32px;padding:0 12px;font-size:11.5px}.ai-crc-code-container{border-top:1px solid var(--border-subtle);background:#080c10;max-height:240px;padding:12px 16px;position:relative;overflow-y:auto}.ai-crc-code{font-family:var(--font-mono,monospace);color:#38bdf8;white-space:pre-wrap;word-break:break-all;margin:0;font-size:11px;line-height:1.6}.ai-chat-error-card{background:#f43f5e0f;border:1.5px solid #f43f5e59;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;animation:.2s cubic-bezier(.16,1,.3,1) modalPop;display:flex}.ai-chat-error-card .ai-err-top{flex:1;align-items:flex-start;gap:10px;min-width:240px;display:flex}.ai-chat-error-card .ai-err-icon{color:#f43f5e;flex-shrink:0;margin-top:2px}.ai-chat-error-card .ai-err-title{color:#f43f5e;font-size:12.5px;font-weight:700;display:block}.ai-chat-error-card .ai-err-msg{color:var(--text-secondary);font-size:11px;font-family:var(--font-mono);white-space:pre-wrap;max-height:60px;margin:3px 0 0;overflow-y:auto}.ai-chat-error-card .ai-err-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.ai-claude-prompt-container{flex-direction:column;gap:14px;width:min(740px,100%);transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.ai-claude-prompt-container.idle{margin:auto 0}.ai-claude-prompt-container.active-chat{z-index:10;background:linear-gradient(to top, var(--bg-surface) 80%, transparent 100%);margin-top:auto;margin-bottom:0;padding-top:10px;padding-bottom:6px;position:sticky;bottom:0}.ai-claude-prompt-container.active-chat .ai-archetypes-stream{display:none!important}.ai-claude-prompt-box{background:var(--bg-card);border:1.5px solid var(--border-card);box-shadow:none;border-radius:18px;flex-direction:column;gap:10px;padding:14px 18px;transition:border-color .2s,background-color .2s;display:flex;position:relative}.ai-claude-prompt-box:focus-within{border-color:var(--accent-primary);box-shadow:none}.ai-claude-prompt-box.dragover{border-color:var(--accent-primary);background:var(--bg-card-hover);box-shadow:none}.ai-attachments-tray{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:8px;display:flex}.ai-att-chip{background:var(--bg-surface);border:1px solid var(--border-card);color:var(--text-primary);box-shadow:var(--shadow-sm);border-radius:8px;align-items:center;gap:7px;padding:4px 8px;font-size:11px;animation:.18s modalPop;display:inline-flex}.ai-att-thumb{object-fit:cover;border:1px solid var(--border-subtle);border-radius:4px;flex-shrink:0;width:24px;height:24px}.ai-att-icon{color:var(--accent-primary);flex-shrink:0;place-items:center;display:grid}.ai-att-name{white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:11px;font-weight:550;overflow:hidden}.ai-att-size{color:var(--text-muted);font-size:9.5px;font-family:var(--font-mono)}.ai-att-remove{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;place-items:center;padding:2px;transition:all .15s;display:grid}.ai-att-remove:hover{background:var(--bg-card-hover);color:#f43f5e}.ai-textarea-wrapper{width:100%;display:flex}.ai-textarea-wrapper textarea{resize:none;width:100%;min-height:74px;max-height:200px;color:var(--text-primary);background:0 0;border:none;outline:none;padding:2px 0;font-family:inherit;font-size:14px;line-height:1.6}.ai-textarea-wrapper textarea::placeholder{color:var(--text-muted);font-size:13.5px}.ai-prompt-footer-bar{justify-content:space-between;align-items:center;gap:12px;padding-top:6px;display:flex;position:relative}.ai-pf-left{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ai-icon-action-btn{border:1px solid var(--border-card);background:var(--bg-card-subtle);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .18s;display:inline-flex}.ai-icon-action-btn:hover{background:var(--bg-card-hover);border-color:var(--border-strong);color:var(--text-primary)}.ai-icon-action-btn svg{stroke:currentColor;width:16px;height:16px;display:block}.ai-engine-pill{background:var(--bg-card-subtle);border:1px solid var(--border-card);border-radius:8px;flex-shrink:0;align-items:center;gap:2px;padding:2px;display:inline-flex}.ai-ep-btn{color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:6px;padding:4px 10px;font-family:inherit;font-size:11px;font-weight:600;transition:all .15s}.ai-ep-btn:hover{color:var(--text-primary)}.ai-ep-btn.active{color:#fff;box-shadow:none;background:#10b981;font-weight:750}.ai-model-picker-wrap{align-items:center;display:inline-flex;position:relative}.ai-model-pill-btn{border:1px solid var(--border-card);background:var(--bg-card-subtle);height:32px;color:var(--text-primary);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:7px;max-width:250px;padding:0 12px;font-family:inherit;font-size:11.5px;font-weight:600;transition:all .18s;display:inline-flex}.ai-model-pill-btn:hover{background:var(--bg-card-hover);border-color:var(--border-strong)}.ai-model-pill-btn .ai-model-icon{color:#10b981;flex-shrink:0}.ai-model-pill-name{text-overflow:ellipsis;white-space:nowrap;max-width:165px;color:var(--text-primary);overflow:hidden}.ai-model-pill-caret{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.ai-model-pill-btn:hover .ai-model-pill-caret{color:var(--text-primary)}.ai-model-picker-wrap.open .ai-model-pill-caret{transform:rotate(180deg)}.ai-model-popover{background:var(--bg-surface);border:1px solid var(--border-card);-webkit-backdrop-filter:blur(24px);z-index:100;transform-origin:0 0;opacity:0;pointer-events:none;visibility:hidden;border-radius:14px;flex-direction:column;width:480px;max-width:min(480px,100vw - 48px);max-height:350px;transition:opacity .26s cubic-bezier(.16,1,.3,1),transform .26s cubic-bezier(.16,1,.3,1),visibility .26s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:calc(100% + 8px);bottom:auto;left:0;overflow:hidden;transform:translateY(-8px)scale(.98);box-shadow:0 16px 40px -8px #122b2529,0 4px 16px #0000000d}.ai-model-popover.open{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)scale(1)}.ai-mp-search-row{border-bottom:1px solid var(--border-subtle);background:var(--bg-card-subtle);align-items:center;gap:10px;padding:10px 14px;display:flex}.ai-mp-search-icon{color:var(--text-muted);flex-shrink:0}#ai-mp-search-input,.ai-mp-search-input{flex:1;margin:0;padding:0;font-family:inherit;box-shadow:none!important;color:var(--text-primary)!important;background:0 0!important;border:none!important;outline:none!important;font-size:12.5px!important}#ai-mp-search-input::placeholder{color:var(--text-muted);font-size:12px}.ai-mp-count{color:var(--text-secondary);font-size:10.5px;font-weight:600;font-family:var(--font-mono,monospace);white-space:nowrap;background:var(--bg-card);border:1px solid var(--border-card);border-radius:999px;padding:2px 7px}.ai-mp-filters{border-bottom:1px solid var(--border-subtle);scrollbar-width:none;background:var(--bg-surface);align-items:center;gap:6px;padding:8px 12px;display:flex;overflow-x:auto}.ai-mp-filters::-webkit-scrollbar{display:none}.ai-mp-filter{border:1px solid var(--border-card);background:var(--bg-card-subtle);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:10.5px;font-weight:600;transition:all .15s}.ai-mp-filter:hover{color:var(--text-primary);background:var(--bg-card-hover);border-color:var(--border-strong)}.ai-mp-filter.active{color:#fff;background:#10b981;border-color:#10b981;font-weight:750;box-shadow:0 1px 6px #10b98159}.ai-mp-list{background:var(--bg-surface);flex-direction:column;flex:1;gap:3px;max-height:230px;padding:6px;display:flex;overflow-y:auto}.ai-model-item{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.ai-model-item:hover{background:var(--accent-subtle);border-color:var(--badge-border);box-shadow:var(--shadow-sm);transform:translate(4px)translateY(-1px)}.ai-model-item:hover .ai-mi-name{color:var(--accent-primary)!important}.ai-model-item:active{transform:translate(2px)scale(.99)}.ai-model-item.selected{background:var(--accent-subtle);border-color:var(--border-active)}.ai-mi-left{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ai-mi-name{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:650;transition:color .15s;overflow:hidden;color:var(--text-primary)!important}.ai-mi-id{font-size:10px;font-family:var(--font-mono,monospace);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--text-muted)!important}.ai-mi-badges{flex-shrink:0;align-items:center;gap:5px;display:flex}.ai-badge-vision{color:#0284c7;background:#0ea5e91f;border:1px solid #0ea5e940;border-radius:4px;padding:1.5px 5.5px;font-size:9px;font-weight:700}.ai-badge-free{color:#059669;background:#10b98124;border:1px solid #10b98147;border-radius:4px;padding:1.5px 5.5px;font-size:9px;font-weight:700}.ai-badge-ctx{background:var(--bg-card-subtle);color:var(--text-secondary);font-size:9px;font-weight:600;font-family:var(--font-mono,monospace);border:1px solid var(--border-card);border-radius:4px;padding:1.5px 5px}.ai-mi-check{color:#10b981;flex-shrink:0}.ai-mp-loading,.ai-mp-empty{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:28px 16px;font-size:12px;display:flex}html.theme-dark .ai-model-popover{background:#0d1217;border:1px solid #ffffff24;box-shadow:0 24px 50px #000c,0 0 0 1px #ffffff0f}html.theme-dark .ai-mp-search-row{background:#131a22;border-bottom:1px solid #ffffff14}html.theme-dark .ai-mp-filters{background:#0d1217;border-bottom:1px solid #ffffff0f}html.theme-dark .ai-mp-list{background:#0d1217}html.theme-dark .ai-mp-filter.active{color:#020617}html.theme-dark .ai-badge-vision{color:#38bdf8;background:#38bdf826;border-color:#38bdf840}html.theme-dark .ai-badge-free{color:#34d399;background:#10b9812e;border-color:#10b98159}.ai-pf-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.ai-kbd-hint{font-size:11px;font-family:var(--font-mono,monospace);color:var(--text-muted);letter-spacing:.05em;-webkit-user-select:none;user-select:none}.ai-send-btn{color:#fff;cursor:pointer;width:34px;height:34px;box-shadow:none;background:#10b981;border:none;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.ai-send-btn:hover{box-shadow:none;background:#059669;transform:translateY(-1px)scale(1.02)}.ai-send-btn:active{box-shadow:none;transform:scale(.96)}.ai-send-btn:disabled,.ai-send-btn.loading{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.ai-send-btn svg{stroke:#fff;stroke-width:2.5px;width:15px;height:15px;display:block}.ai-archetypes-stream{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:100%;padding:4px 0;display:flex}.ai-pill-chip{background:var(--bg-card-subtle);border:1px solid var(--border-card);color:var(--text-secondary);cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-sm);border-radius:9999px;align-items:center;padding:6px 14px;font-family:inherit;font-size:11.5px;font-weight:550;transition:all .18s;display:inline-flex}.ai-pill-chip:hover{background:var(--bg-card-hover);border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:0 2px 8px var(--accent-subtle);transform:translateY(-1px)}.ai-pill-chip:active{transform:scale(.97)}.ai-result-area{flex-direction:column;gap:12px;margin-top:2px;display:flex}.ai-status-card{background:var(--accent-subtle);border:1px solid var(--badge-border);border-radius:14px;align-items:center;gap:14px;padding:16px 20px;animation:.2s modalPop;display:flex}.ai-spinner-wrap{flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.ai-spinner{border:2.5px solid #10b98140;border-top-color:var(--accent-primary);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.ai-generating-text h4{color:var(--text-primary);margin:0;font-size:13.5px;font-weight:700}.ai-generating-text p{color:var(--text-secondary);margin:3px 0 0;font-size:11.5px}.ai-success-card{background:var(--bg-card);border:1.5px solid #10b98166;border-radius:16px;flex-direction:column;gap:12px;padding:18px 22px;animation:.2s cubic-bezier(.16,1,.3,1) modalPop;display:flex;box-shadow:0 4px 18px #10b98114}.ai-success-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.ai-success-badge{color:#10b981;text-transform:uppercase;letter-spacing:.05em;background:#10b9811f;border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:10px;font-weight:750;display:inline-flex}.ai-success-info h3{color:var(--text-primary);margin:5px 0 2px;font-size:16px;font-weight:700}.ai-success-info p{color:var(--text-secondary);margin:0;font-size:12px}.ai-success-actions{align-items:center;gap:8px;display:flex}.ai-meta-strip{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:9px;flex-wrap:wrap;align-items:center;gap:12px;padding:8px 12px;display:flex}.ai-palette-preview{align-items:center;gap:5px;display:flex}.ai-swatch{border:1px solid #0000001a;border-radius:4px;width:18px;height:18px;box-shadow:0 1px 3px #0000001a}.ai-uniforms-list{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ai-uniform-pill{font-size:10px;font-family:var(--font-mono);background:var(--bg-card);border:1px solid var(--border-card);color:var(--text-secondary);border-radius:4px;padding:2px 6px}.ai-code-details{color:var(--text-muted);font-size:11.5px}.ai-code-details summary{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:5px;font-weight:600;transition:color .15s;display:inline-flex}.ai-code-details summary:hover{color:var(--text-primary)}.ai-code-preview{max-height:140px;font-family:var(--font-mono);color:#f8f3ed;background:#0c0b0a;border-radius:9px;margin-top:8px;padding:12px;font-size:11px;line-height:1.6;overflow-y:auto}.ai-error-card{background:#f43f5e0d;border:1px solid #f43f5e47;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;animation:.2s modalPop;display:flex}.ai-error-head{flex:1;align-items:flex-start;gap:10px;display:flex}.ai-err-icon{color:#f43f5e;flex-shrink:0;margin-top:2px}#ai-error-title{color:#f43f5e;font-size:12.5px;font-weight:700;display:block}#ai-error-msg{color:var(--text-secondary);font-size:11px;font-family:var(--font-mono);white-space:pre-wrap;max-height:60px;margin:3px 0 0;overflow-y:auto}.ai-error-actions{align-items:center;gap:8px;display:flex}.ai-btn-repair{color:#fff;font-family:var(--font-display);cursor:pointer;height:34px;box-shadow:var(--shadow-tactile-btn);background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;align-items:center;gap:5px;padding:0 14px;font-size:11.5px;font-weight:700;display:inline-flex}html.theme-dark .modal-inner,html.theme-dark .editor-modal-card{background:linear-gradient(#181921 0%,#13141b 100%);border:1px solid #ffffff14;box-shadow:0 24px 60px -10px #000000f2,inset 0 1px .5px #ffffff1f}html.theme-dark .ep-head,html.theme-dark .modal-head{background:#14151c;border-bottom:1px solid #ffffff0f}html.theme-dark .gallery-header{background:#111216;border-bottom:1px solid #ffffff0f}html.theme-dark .gallery-search{color:#f3f4f6;background:#0d0e12;border:1px solid #ffffff14;box-shadow:inset 0 2px 5px #000c,0 1px #ffffff0a}html.theme-dark .filter-chip{color:#9ca3af;background:linear-gradient(#252733 0%,#191a22 100%);border:1px solid #ffffff14;box-shadow:0 3px 8px #00000080,inset 0 1px .5px #ffffff1f}html.theme-dark .filter-chip:hover{color:#fff;background:linear-gradient(#2c2f3c 0%,#1e202a 100%);border-color:#ffffff24}html.theme-dark .filter-chip.active{color:#34d399;background:linear-gradient(#18382a 0%,#0d221a 100%);border-color:#34d39973;box-shadow:0 4px 12px #000000b3,inset 0 1px .5px #34d39959}.grade-modal-inner{background:var(--bg-surface,#14151c);border:1px solid var(--border-card,#ffffff1a);border-radius:20px;width:min(600px,94vw);overflow:hidden;box-shadow:0 28px 70px -12px #000000d9}.gem-head-meta{flex-direction:column;gap:3px;display:flex}.gem-head-meta h2{color:var(--text-primary,#fff);align-items:center;gap:10px;margin:0;font-size:16px;font-weight:700;display:flex}.gem-head-meta p{color:var(--text-muted,#9ca3af);margin:0;font-size:11.5px}.grade-modal-body{flex-direction:column;gap:16px;padding:22px 24px;display:flex}.gem-dropzone{text-align:center;cursor:pointer;background:#10b98108;border:2px dashed #10b98159;border-radius:16px;padding:36px 20px;transition:all .2s}.gem-dropzone:hover,.gem-dropzone.drag-over{background:#10b98114;border-color:#10b981b3;transform:translateY(-1px)}.gem-drop-content{flex-direction:column;align-items:center;gap:8px;display:flex}.gem-drop-icon{background:#10b9811f;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:4px;display:flex}.gem-drop-title{color:var(--text-primary,#fff);margin:0;font-size:13.5px;font-weight:600}.gem-drop-title span{color:#10b981;text-underline-offset:3px;text-decoration:underline}.gem-drop-sub{color:var(--text-muted,#9ca3af);max-width:380px;margin:0;font-size:11.5px;line-height:1.45}.gem-analyzing-card{color:var(--text-muted,#9ca3af);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:44px 20px;font-size:12.5px;display:flex}.gem-spinner{border:3px solid #10b98133;border-top-color:#10b981;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite gem-spin}@keyframes gem-spin{to{transform:rotate(360deg)}}.gem-result-card{flex-direction:column;gap:16px;display:flex}.gem-result-top{background:#00000040;border:1px solid #ffffff14;border-radius:14px;gap:18px;padding:14px;display:flex}.gem-thumb-box{border:1px solid #ffffff1f;border-radius:10px;width:104px;min-width:104px;height:104px;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000080}.gem-thumb-box img{object-fit:cover;width:100%;height:100%}.gem-thumb-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#34d399;text-transform:uppercase;letter-spacing:.5px;text-align:center;background:#000000bf;border-radius:4px;padding:2px 0;font-size:9px;font-weight:700;position:absolute;bottom:4px;left:4px;right:4px}.gem-metrics-box{flex-direction:column;flex:1;justify-content:center;gap:12px;display:flex}.gem-swatch-row{flex-direction:column;gap:6px;display:flex}.gem-swatch-label{color:var(--text-muted,#9ca3af);text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:600}.gem-swatch-items{gap:8px;display:flex}.gem-swatch-item{background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:6px;padding:4px 8px;display:flex}.gem-swatch-dot{border:1px solid #ffffff4d;border-radius:50%;width:12px;height:12px;box-shadow:0 1px 3px #0006}.gem-swatch-text{font-size:10.5px;font-family:var(--font-mono,monospace);color:var(--text-primary,#fff);font-weight:600}.gem-swatch-zone{color:var(--text-muted,#9ca3af);margin-left:2px;font-size:9.5px}.gem-pills-row{flex-wrap:wrap;gap:6px;display:flex}.gem-pill{color:var(--text-secondary,#d1d5db);background:#ffffff0a;border:1px solid #ffffff12;border-radius:6px;padding:3px 8px;font-size:10.5px;font-weight:500}.gem-name-field{flex-direction:column;gap:6px;display:flex}.gem-name-field label{color:var(--text-secondary,#d1d5db);font-size:11.5px;font-weight:600}.gem-input-wrap{gap:8px;display:flex}.gem-input-wrap input{color:var(--text-primary,#fff);background:#00000059;border:1px solid #ffffff1f;border-radius:10px;outline:none;flex:1;padding:8px 12px;font-size:13px;transition:border-color .2s}.gem-input-wrap input:focus{border-color:#10b981}.gem-re-extract-btn{color:var(--text-secondary,#d1d5db);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;padding:0 12px;font-size:11.5px;font-weight:550;transition:all .15s}.gem-re-extract-btn:hover{color:#fff;background:#ffffff1f}.gem-live-row{align-items:center;gap:8px;padding-top:2px;display:flex}.gem-checkbox-label{color:var(--text-muted,#9ca3af);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:11.5px;display:flex}.gem-checkbox-label input{accent-color:#10b981;cursor:pointer}.gem-footer{border-top:1px solid var(--border-subtle,#ffffff14);justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}@media (width<=767px){.gallery-header{flex-wrap:wrap;gap:8px;height:auto;min-height:52px;padding:10px 14px}.gallery-title-box h3{font-size:15px}.gallery-title-box p{display:none}.gallery-controls{justify-content:space-between;gap:8px;width:100%}.gallery-search{flex:1;width:auto;font-size:12px}.gallery-chips{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:6px;padding:8px 14px;overflow-x:auto}.gallery-chips::-webkit-scrollbar{display:none}.gallery-body{padding:14px 14px 70px}.grid{grid-template-columns:1fr;gap:14px}.card{aspect-ratio:16/9}.editor-modal-overlay{z-index:150!important;padding:8px!important}.editor-modal-card{border-radius:18px!important;flex-direction:column!important;width:100%!important;max-width:100%!important;height:94vh!important;max-height:94vh!important;display:flex!important;overflow:hidden!important}.ep-head{min-height:unset!important;background:var(--bg-card)!important;flex-direction:column!important;gap:8px!important;padding:10px 12px!important;display:flex!important;position:relative!important}.ep-head-left{flex-shrink:0!important;width:100%!important;max-width:calc(100% - 44px)!important;margin-bottom:0!important}.ep-brand{gap:8px!important}.ep-brand-icon{border-radius:8px!important;width:28px!important;height:28px!important;margin-top:0!important}.ep-head h2{font-size:13.5px!important;line-height:1.2!important}.ep-head p,.ep-head-titles p{display:none!important}.ep-head-right{max-width:unset!important;z-index:10!important;position:absolute!important;top:8px!important;right:10px!important}.btn-copy-master-prompt,#editor-copy-prompt-btn{display:none!important}#editor-close-btn{border-radius:10px!important;width:32px!important;height:32px!important;display:grid!important}.editor-mode-nav{box-sizing:border-box!important;border-radius:12px!important;justify-content:space-between!important;align-items:center!important;gap:3px!important;width:100%!important;margin-top:0!important;padding:2.5px!important;display:flex!important;position:static!important;top:auto!important;left:auto!important;transform:none!important}.editor-mode-tab{border-radius:9px!important;flex:1!important;justify-content:center!important;gap:4px!important;min-width:0!important;padding:6px 4px!important;font-size:10.5px!important}.editor-mode-tab span{white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important}.ep-body{flex-direction:column!important;flex:1!important;min-height:0!important;padding:0!important;display:flex!important;overflow:hidden!important}.ep-view{flex-direction:column;flex:1;min-height:0;overflow:hidden}.ep-view:not(.is-hidden):not([hidden]):not([style*="display: none"]):not([style*=display\:none]){display:flex!important}.ep-view.is-hidden,.ep-view[hidden],.ep-view[style*="display: none"],.ep-view[style*=display\:none]{display:none!important}#ep-view-single{flex:1!important;min-height:0!important;overflow:hidden!important}.ep-title{flex-shrink:0!important;padding:8px 12px!important}.ep-input-wrap{gap:6px!important}.ep-input-label{font-size:11px!important}.ep-title input{padding:6px 10px!important;font-size:11.5px!important}.ep-code{flex:1!important;min-height:180px!important;display:flex!important;overflow:hidden!important}.ep-lines{width:32px!important;padding:8px 4px!important;font-size:10px!important;line-height:1.5!important}.ep-code textarea{white-space:pre!important;word-break:normal!important;padding:8px!important;font-size:11.5px!important;line-height:1.5!important;overflow-x:auto!important}#ep-view-collection{flex:1!important;min-height:0!important;overflow:hidden!important}.ep-collection-banner{flex-shrink:0!important;gap:6px!important;padding:8px 12px!important;font-size:11px!important}.ep-diag{flex-shrink:0!important;padding:6px 12px!important}.diag-box{max-height:60px!important;padding:6px 8px!important;font-size:10px!important}.ep-foot{flex-shrink:0!important;padding:8px 12px!important}.ep-foot-group{gap:6px!important;width:100%!important}.ep-foot-group:not(.is-hidden):not([hidden]):not([style*="display: none"]):not([style*=display\:none]){display:flex!important}.ep-foot-group.is-hidden,.ep-foot-group[hidden],.ep-foot-group[style*="display: none"],.ep-foot-group[style*=display\:none]{display:none!important}.ep-foot-group .btn-primary,.ep-foot-group .btn-ghost{flex:calc(50% - 4px)!important;min-width:0!important;height:36px!important;padding:0 10px!important;font-size:11.5px!important}#ep-view-ai,.ai-workspace-view{flex:1!important;min-height:0!important;position:relative!important;overflow:hidden!important}.ai-workspace-scroll{box-sizing:border-box!important;justify-content:flex-start!important;width:100%!important;padding:44px 12px 14px!important;overflow-y:auto!important}.ai-workspace-topbar{z-index:20!important;position:absolute!important;top:8px!important;left:12px!important;right:12px!important}.ai-claude-prompt-container{gap:10px!important;width:100%!important;margin:0!important}.ai-claude-prompt-box{border-radius:14px!important;gap:8px!important;padding:10px 12px!important}.ai-textarea-wrapper textarea{min-height:64px!important;max-height:140px!important;padding:0!important;font-size:14px!important}.ai-prompt-footer-bar{flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;padding-top:4px!important}.ai-pf-left{flex-wrap:wrap!important;flex:1!important;gap:6px!important;min-width:0!important}.ai-model-pill-btn{max-width:135px!important;height:30px!important;padding:0 8px!important;font-size:11px!important}.ai-model-pill-name{max-width:75px!important}.ai-model-popover{z-index:100!important;width:calc(100vw - 32px)!important;max-width:calc(100vw - 32px)!important;left:0!important}.ai-icon-action-btn{width:30px!important;height:30px!important}.ai-ep-btn{padding:3px 8px!important;font-size:10.5px!important}.ai-send-btn{flex-shrink:0!important;width:34px!important;height:34px!important}.ai-archetypes-stream{justify-content:center!important;gap:6px!important;margin-top:10px!important}.ai-pill-chip{padding:5px 10px!important;font-size:11px!important}.ai-onboarding-view{padding:14px 12px!important;overflow-y:auto!important}.aoc-badge{margin-bottom:8px!important}.aoc-title{font-size:15px!important;line-height:1.3!important}.aoc-desc{font-size:11px!important;line-height:1.4!important}.aoc-steps{gap:10px!important;margin:12px 0!important}.aoc-step{gap:8px!important}.aoc-step-num{width:22px!important;height:22px!important;font-size:10.5px!important}.aoc-step-title{font-size:11.5px!important}.aoc-step-detail{font-size:10.5px!important}.aoc-input-row{flex-direction:column!important;gap:8px!important}.aoc-save-btn{justify-content:center!important;width:100%!important}}#toasts{z-index:999999999;pointer-events:none;justify-content:center;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%)}.toast{font-family:var(--font-sans,-apple-system, BlinkMacSystemFont, sans-serif);letter-spacing:.015em;-webkit-backdrop-filter:blur(20px)saturate(180%);color:var(--text-primary);white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:auto;background:#151412e6;border:1px solid #ded5c929;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:11px;font-weight:550;transition:transform .2s cubic-bezier(.16,1,.3,1),opacity .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 10px 30px #00000059,0 2px 8px #00000026}.theme-light .toast{color:var(--text-primary);background:#fffdfbf2;border-color:#96784e2e;box-shadow:0 10px 26px #96784e24,0 2px 6px #0000000a}.toast-icon-wrap{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.toast-svg-icon{animation:.3s cubic-bezier(.16,1,.3,1) forwards toast-svg-pop;display:block}.toast.success .toast-svg-icon{color:#10b981}.toast.error .toast-svg-icon{color:#f43f5e}.toast.info .toast-svg-icon,.toast.warning .toast-svg-icon{color:var(--accent-primary,#10b981);animation:2s ease-in-out infinite toast-svg-breathe}@keyframes toast-svg-pop{0%{opacity:0;transform:scale(.4)rotate(-20deg)}70%{opacity:1;transform:scale(1.2)rotate(4deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes toast-svg-breathe{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.15)rotate(8deg)}}.toast-dot{background:var(--accent-primary);border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:0 1px 2px #00000040}.toast.success .toast-dot{background:#10b981}.toast.error .toast-dot{background:#f43f5e}.toast.warning .toast-dot{background:#f59e0b}.user-profile-btn{border-radius:var(--radius-full,9999px);background:var(--bg-card,#ffffff0d);border:1px solid var(--border-color,#ffffff1a);height:32px;color:var(--text-primary,#fff);cursor:pointer;outline:none;align-items:center;gap:8px;padding:0 10px 0 6px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.user-profile-btn:hover{background:var(--bg-hover,#ffffff17);border-color:var(--accent-primary,#6366f1);transform:translateY(-1px)}.user-avatar-circle{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;font-weight:700;display:flex;overflow:hidden}.user-avatar-img{object-fit:cover;width:100%;height:100%}.user-badge-pro{color:var(--accent-primary,#10b981);font-family:var(--font-mono);letter-spacing:.8px;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);vertical-align:middle;background:linear-gradient(135deg,#10b9812e 0%,#0596691f 100%);border:1px solid #10b98159;border-radius:9999px;align-items:center;gap:4px;padding:1.5px 7px;font-size:9.5px;font-weight:800;line-height:1.2;display:inline-flex}.user-dropdown-menu{background:var(--bg-card,#111827);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color,#ffffff1f);z-index:1000;opacity:0;pointer-events:none;border-radius:14px;width:250px;padding:8px;transition:all .2s cubic-bezier(.16,1,.3,1);position:absolute;top:calc(100% + 8px);right:0;transform:translateY(6px)scale(.97);box-shadow:0 20px 40px #00000080,0 0 0 1px #ffffff0d}.user-dropdown-menu.active{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.user-menu-header{border-bottom:1px solid var(--border-color,#ffffff14);padding:10px 12px 12px}.user-menu-name{color:var(--text-primary,#fff);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.user-menu-email{color:var(--text-secondary,#9ca3af);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.user-menu-plan-row{justify-content:space-between;align-items:center;margin-top:8px;font-size:11px;display:flex}.user-menu-plan-label{color:var(--text-secondary,#9ca3af);font-weight:500}.user-menu-items{margin:0;padding:6px 0;list-style:none}.user-menu-item{color:var(--text-primary,#e5e7eb);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.user-menu-item:hover{background:var(--bg-hover,#ffffff14);color:#fff}.user-menu-item.highlight-pro{color:#f59e0b;background:linear-gradient(135deg,#f59e0b26,#ec489926);border:1px solid #f59e0b4d;margin:4px 0;font-weight:700}.user-menu-item.highlight-pro:hover{color:#fbbf24;background:linear-gradient(135deg,#f59e0b40,#ec489940)}.user-menu-item.text-danger{color:#ef4444}.user-menu-item.text-danger:hover{color:#f87171;background:#ef44441a}.auth-modal-overlay{z-index:9999;opacity:0;pointer-events:none;background:0 0;justify-content:center;align-items:center;padding:24px;transition:opacity .38s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0;overflow-y:auto}.auth-modal-overlay.active{opacity:1;pointer-events:auto}.auth-shader-backdrop{pointer-events:none;z-index:1;width:100vw;height:100vh;transition:transform .65s cubic-bezier(.16,1,.3,1);position:fixed;inset:0;overflow:hidden;transform:scale(1.02)}.auth-modal-overlay.active .auth-shader-backdrop{transform:scale(1)}.auth-bg-shader-canvas{width:100%;height:100%;display:block}.auth-shader-vignette{display:none!important}.auth-modal-card{-webkit-backdrop-filter:blur(36px)saturate(200%);z-index:2;opacity:0;background:#12100ead;border:1px solid #ffffff1f;border-top-color:#ffffff42;border-radius:22px;flex-direction:column;width:100%;max-width:440px;padding:32px 30px;transition:transform .42s cubic-bezier(.16,1,.3,1),opacity .38s cubic-bezier(.16,1,.3,1),box-shadow .4s;display:flex;position:relative;transform:translateY(22px)scale(.96);box-shadow:0 32px 80px -16px #000000d9,0 0 45px #10b9811f,inset 0 1px 1px #ffffff38}.auth-modal-overlay.active .auth-modal-card{opacity:1;transform:translateY(0)scale(1)}.theme-light .auth-modal-card{background:var(--bg-card);-webkit-backdrop-filter:blur(36px)saturate(200%);border:1px solid var(--border-card);box-shadow:var(--shadow-elevated)}.auth-close-btn{background:var(--bg-surface,#151412);border:1px solid var(--border-card,#ded5c921);width:32px;height:32px;color:var(--text-secondary,#ccc4b8);cursor:pointer;z-index:3;border-radius:50%;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:18px;right:18px}.auth-close-btn:hover{background:var(--bg-card-hover,#1f2830);color:var(--text-primary,#f3f4f6);border-color:var(--border-active,#10b981);transform:scale(1.05)}.theme-light .auth-close-btn{color:#64748b;background:#0000000a;border-color:#00000014}.theme-light .auth-close-btn:hover{color:#10b981;background:#10b98114;border-color:#10b981}.auth-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:22px;display:flex}.auth-brand-badge{width:52px;height:52px;box-shadow:none;background:0 0;border:none;justify-content:center;align-items:center;margin-bottom:14px;transition:transform .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.auth-brand-badge img,.auth-brand-logo{object-fit:contain;filter:drop-shadow(0 4px 16px #2bb67373);width:48px;height:48px;transition:transform .3s,filter .3s;display:block}.auth-brand-badge:hover img,.auth-brand-badge:hover .auth-brand-logo{filter:drop-shadow(0 6px 22px #2bb673a6);transform:scale(1.08)}.auth-title{font-family:var(--font-display);color:var(--text-primary,#f8f3ed);letter-spacing:-.02em;margin:0;font-size:21px;font-weight:800}.auth-subtitle{color:var(--text-secondary,#ccc4b8);max-width:320px;margin-top:6px;font-size:13px;line-height:1.45}.auth-tabs{background:#00000038;border:1px solid #ffffff14;border-radius:9999px;margin-bottom:20px;padding:4px;display:flex;position:relative}.theme-light .auth-tabs{background:#0000000d;border-color:#00000014}.auth-tab-btn{color:var(--text-secondary,#ccc4b8);font-family:var(--font-display);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9999px;flex:1;justify-content:center;align-items:center;padding:8px 16px;font-size:12px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.auth-tab-btn:hover{color:var(--text-primary,#f8f3ed)}.auth-tab-btn.active{color:var(--text-primary,#f3f4f6);box-shadow:var(--shadow-tactile-btn);background:#10b98124;border-color:#10b98166;font-weight:750}.theme-light .auth-tab-btn.active{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-card);box-shadow:var(--shadow-tactile-btn)}.btn-google-auth{width:100%;height:44px;color:var(--text-primary,#f8f3ed);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:12px;justify-content:center;align-items:center;gap:12px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.btn-google-auth:hover{color:#fff;background:#ffffff1a;border-color:#10b98173;transform:translateY(-1px);box-shadow:0 4px 16px #0000004d}.theme-light .btn-google-auth{color:#111827;background:#ffffffd9;border-color:#0000001f;box-shadow:0 2px 8px #0000000d}.theme-light .btn-google-auth:hover{background:#fff;border-color:#10b981;box-shadow:0 4px 14px #10b98126}.auth-divider{color:var(--text-secondary,#ccc4b8);opacity:.7;text-transform:uppercase;letter-spacing:.8px;align-items:center;gap:12px;margin:18px 0;font-size:10.5px;font-weight:700;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#ffffff1a;flex:1;height:1px}.theme-light .auth-divider:before,.theme-light .auth-divider:after{background:#0000001a}.auth-form-group{margin-bottom:14px}.auth-label{color:var(--text-secondary,#ccc4b8);letter-spacing:.2px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.auth-input-wrapper{align-items:center;display:flex;position:relative}.auth-input-wrapper i,.auth-input-wrapper svg{color:var(--text-secondary,#ccc4b8);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.auth-input{width:100%;height:44px;color:var(--text-primary,#f8f3ed);background:#00000047;border:1px solid #ffffff1a;border-radius:12px;padding:0 14px 0 40px;font-family:inherit;font-size:13.5px;transition:all .2s}.auth-input::placeholder{color:#ccc4b866}.auth-input:focus{border-color:var(--accent-primary,#10b981);background:#0000006b;outline:none;box-shadow:inset 0 1px 2px #00000040}.theme-light .auth-input{color:#111827;background:#ffffffb3;border-color:#0000001f}.theme-light .auth-input::placeholder{color:#64748b80}.theme-light .auth-input:focus{box-shadow:var(--shadow-inset);background:#fff;border-color:#10b981}.btn-auth-submit{color:#fff;width:100%;height:44px;font-family:var(--font-display);cursor:pointer;box-shadow:var(--shadow-tactile-btn);background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:1px solid #ffffff40;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:10px;font-size:13px;font-weight:750;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.btn-auth-submit:hover:not(:disabled){box-shadow:var(--shadow-tactile-hover);filter:brightness(1.04);transform:translateY(-1px)}.btn-auth-submit:active:not(:disabled){filter:brightness(.96);transform:translateY(0)}.btn-auth-submit:disabled{opacity:.6;cursor:not-allowed}.theme-light .btn-auth-submit{color:#fff;box-shadow:var(--shadow-tactile-btn);background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-color:#ffffff40}.auth-error-banner{color:#fca5a5;background:#ef44441f;border:1px solid #ef44444d;border-radius:10px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:12px;line-height:1.4;display:none}.auth-footer-help{text-align:center;color:var(--text-secondary,#ccc4b8);margin-top:18px;font-size:12px}.auth-link{color:var(--accent-primary,#10b981);cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none;padding:0;font-weight:600;text-decoration:none;transition:color .15s}.auth-link:hover{color:var(--accent-hover,#059669);text-decoration:underline}.theme-light .auth-link{color:#059669}.theme-light .auth-link:hover{color:#047857}@media (width<=767px){.auth-modal-overlay{z-index:150!important;padding:8px!important}.auth-modal-card{box-sizing:border-box!important;border-radius:20px!important;width:100%!important;max-width:100%!important;padding:24px 16px 20px!important}.auth-close-btn{width:30px!important;height:30px!important;top:14px!important;right:14px!important}.auth-header{margin-bottom:16px!important}.auth-title{font-size:17px!important}.auth-subtitle{font-size:11px!important}.auth-tabs{width:100%!important;margin-bottom:16px!important}.auth-tab{padding:7px 10px!important;font-size:11.5px!important}.auth-form{gap:12px!important}.auth-social-btns{flex-direction:column!important;gap:8px!important}.btn-auth-social{justify-content:center!important;width:100%!important}.btn-auth-submit{width:100%!important}}.profile-overlay{z-index:9998;opacity:0;pointer-events:none;background:radial-gradient(circle at 18% 28%,#10b98173 0%,#0000 55%),radial-gradient(circle at 82% 72%,#064e3bb3 0%,#0000 60%),linear-gradient(135deg,#053b2c 0%,#02241c 35%,#064e3b 70%,#032b21 100%);justify-content:center;align-items:center;padding:20px;transition:opacity .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0;overflow-y:auto}html.theme-dark .profile-overlay,.theme-dark .profile-overlay{background:radial-gradient(circle at 18% 25%,#10b98129 0%,#0000 55%),radial-gradient(circle at 82% 75%,#14161cf2 0%,#0000 60%),linear-gradient(135deg,#0f1013 0%,#15171d 40%,#191b22 70%,#0c0d10 100%)}.profile-overlay.active{opacity:1;pointer-events:auto}.profile-shader-backdrop{pointer-events:none;z-index:1;width:100vw;height:100vh;transition:transform .65s cubic-bezier(.16,1,.3,1);position:fixed;inset:0;overflow:hidden;transform:scale(1.02)}.profile-overlay.active .profile-shader-backdrop{transform:scale(1)}.profile-bg-shader-canvas{width:100%;height:100%;display:block}.profile-shader-vignette,.pricing-shader-vignette{display:none!important}.profile-card{--text-primary:#121814;--text-secondary:#424e47;--text-muted:#6f7f76;--bg-card:#f8faf6;--bg-card-subtle:#edf2ea;--bg-card-hover:#fff;--border-card:#afbeb299;--border-subtle:#0000000d;--bg-surface:#dfe5dc;color:var(--text-primary);font-family:var(--font-sans);background:var(--bg-card);-webkit-backdrop-filter:blur(28px);border:1px solid var(--border-card);width:100%;max-width:690px;max-height:94vh;box-shadow:var(--shadow-elevated);z-index:2;opacity:0;border-radius:24px;flex-direction:column;transition:transform .42s cubic-bezier(.16,1,.3,1),opacity .38s cubic-bezier(.16,1,.3,1),box-shadow .4s;display:flex;position:relative;overflow:hidden;transform:translateY(22px)scale(.96)}html.theme-dark .profile-card,.theme-dark .profile-card{--text-primary:#f4f5f7;--text-secondary:#9da4b1;--text-muted:#676e7d;--bg-card:#1b1e25;--bg-card-subtle:#171920;--bg-card-hover:#222530;--border-card:#ffffff17;--border-subtle:#ffffff0f;--bg-surface:#15171d;color:var(--text-primary);background:var(--bg-card);box-shadow:var(--shadow-elevated);border-color:#ffffff1a}.profile-overlay.active .profile-card{opacity:1;transform:translateY(0)scale(1)}#profile-overlay:not(.step-pricing) #profile-main-card{display:flex}#profile-overlay:not(.step-pricing) #profile-pricing-card,#profile-overlay.step-pricing #profile-main-card{display:none!important}#profile-overlay.step-pricing #profile-pricing-card{opacity:1;animation:.32s cubic-bezier(.16,1,.3,1) profile-step-slide-in;transform:translateY(0)scale(1);display:flex!important}#profile-overlay.returning #profile-main-card{animation:.32s cubic-bezier(.16,1,.3,1) profile-step-slide-back}@keyframes profile-step-slide-in{0%{opacity:0;transform:translate(24px)scale(.97)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes profile-step-slide-back{0%{opacity:0;transform:translate(-24px)scale(.97)}to{opacity:1;transform:translate(0)scale(1)}}.profile-overlay.active .profile-header{animation:.4s cubic-bezier(.16,1,.3,1) 50ms backwards profile-card-slide-in}.profile-overlay.active .profile-tabs-bar{animation:.4s cubic-bezier(.16,1,.3,1) .1s backwards profile-card-slide-in}.profile-overlay.active .profile-body{animation:.45s cubic-bezier(.16,1,.3,1) .15s backwards profile-card-slide-in}@keyframes profile-card-slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.profile-header{border-bottom:1px solid var(--border-subtle);z-index:2;background:0 0;justify-content:space-between;align-items:center;padding:16px 24px 12px;display:flex;position:relative}.theme-light .profile-header{background:0 0;border-bottom-color:#0000000d}html.theme-dark .profile-header,.theme-dark .profile-header{border-bottom-color:#ffffff0f}.profile-user-summary{align-items:center;gap:12px;display:flex}.profile-avatar-large{color:#fff;background:linear-gradient(135deg,#10b981 0%,#047857 100%);border:2px solid #ffffffe6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:17px;font-weight:750;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #fff6,0 3px 10px #10b98140}html.theme-dark .profile-avatar-large,.theme-dark .profile-avatar-large{border-color:#fff3;box-shadow:inset 0 1px 1px #fff3,0 4px 12px #0009}.profile-avatar-large img{object-fit:cover;width:100%;height:100%}.profile-user-meta{flex-direction:column;gap:1px;display:flex}.profile-user-name{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;align-items:center;gap:8px;font-size:15.5px;font-weight:750;display:flex}.profile-user-email{color:var(--text-muted);font-size:11.5px;font-weight:500}.profile-close-btn{border:1px solid var(--border-card);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;box-shadow:var(--shadow-tactile-btn);background:#fff;border-radius:50%;justify-content:center;align-items:center;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex}.profile-close-btn:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-strong);box-shadow:var(--shadow-tactile-hover);transform:scale(1.06)}.profile-close-btn:active{box-shadow:var(--shadow-tactile-pressed);transform:scale(.94)}html.theme-dark .profile-close-btn,.theme-dark .profile-close-btn{color:#f3f4f6;background:#22242c;border-color:#ffffff1f}html.theme-dark .profile-close-btn:hover,.theme-dark .profile-close-btn:hover{color:#fff;background:#2a2d37;border-color:#fff3}.profile-tabs-bar{background:var(--bg-surface);border:1px solid var(--border-card);box-shadow:var(--shadow-inset);z-index:2;border-radius:9999px;align-items:center;gap:6px;margin:12px 24px 0;padding:4px;display:flex;position:relative}.theme-light .profile-tabs-bar{background:var(--bg-surface);border-color:var(--border-card)}html.theme-dark .profile-tabs-bar,.theme-dark .profile-tabs-bar{background:var(--bg-surface);border-color:var(--border-card);box-shadow:var(--shadow-inset)}.profile-tab-btn{font-family:var(--font-display);letter-spacing:.3px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9999px;align-items:center;gap:6px;padding:6px 16px;font-size:11.5px;font-weight:700;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.profile-tab-btn:hover{color:var(--text-primary);background:#fff6}html.theme-dark .profile-tab-btn,.theme-dark .profile-tab-btn{color:var(--text-secondary)}html.theme-dark .profile-tab-btn:hover,.theme-dark .profile-tab-btn:hover{color:var(--text-primary);background:#ffffff0f}.profile-tab-btn.active{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-card);box-shadow:var(--shadow-tactile-btn);font-weight:750}html.theme-dark .profile-tab-btn.active,.theme-dark .profile-tab-btn.active{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-card);box-shadow:var(--shadow-tactile-btn)}.profile-tab-btn.active:after{display:none}.profile-tab-btn.active svg,.profile-tab-btn.active i{color:#10b981}.profile-badge-count{font-family:var(--font-mono);color:#059669;background:#10b9811f;border:1px solid #10b98140;border-radius:9999px;margin-left:2px;padding:1px 6px;font-size:9.5px;font-weight:800}.profile-tab-btn.active .profile-badge-count{color:#059669;background:#10b98124;border-color:#10b9814d}html.theme-dark .profile-badge-count,.theme-dark .profile-badge-count{color:#34d399;background:#10b9812e;border-color:#10b98159}.profile-body{z-index:2;flex:1;padding:10px 24px 6px;position:relative;overflow:hidden auto}.profile-body::-webkit-scrollbar{width:5px;height:0}.profile-body::-webkit-scrollbar-track{background:0 0}.profile-body::-webkit-scrollbar-thumb{background:#10b98138;border-radius:9999px}.profile-body::-webkit-scrollbar-thumb:hover{background:#10b98173}.profile-tab-pane{display:none}.profile-tab-pane.active{display:block}.devices-meter-card{-webkit-backdrop-filter:blur(14px);background:#ffffff0a;border:1px solid #ffffff17;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:16px 20px;display:flex}.theme-light .devices-meter-card{background:#ffffff8c;border-color:#00000014}html.theme-dark .devices-meter-card,.theme-dark .devices-meter-card{background:#20222a;border-color:#ffffff14}.devices-meter-info h4{color:var(--text-primary);margin:0;font-size:14px;font-weight:700}.devices-meter-info p{color:var(--text-secondary);margin:4px 0 0;font-size:12px}.devices-meter-pill{color:#10b981;background:#10b9811f;border:1px solid #10b9814d;border-radius:9999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;display:flex}.devices-meter-pill.near-limit{color:#f59e0b;background:#f59e0b26;border-color:#f59e0b4d}.devices-meter-pill.full-limit{color:#ef4444;background:#ef444426;border-color:#ef44444d}.devices-list{flex-direction:column;gap:12px;display:flex}.device-card{-webkit-backdrop-filter:blur(12px);background:#ffffff09;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 16px;transition:all .2s;display:flex}.device-card:hover{border-color:var(--border-active,#10b981);background:#ffffff12}.theme-light .device-card{background:#ffffff85;border-color:#00000014}.theme-light .device-card:hover{background:#ffffffbf}html.theme-dark .device-card,.theme-dark .device-card{background:#20222a;border-color:#ffffff14}html.theme-dark .device-card:hover,.theme-dark .device-card:hover{border-color:var(--border-active,#10b981);background:#272a33}.device-card-left{align-items:center;gap:14px;display:flex}.device-icon-box{background:var(--bg-surface,#151412);border:1px solid var(--border-subtle,#ded5c914);width:38px;height:38px;color:var(--accent-primary,#10b981);border-radius:10px;justify-content:center;align-items:center;display:flex}.device-details h5{color:var(--text-primary,#f8f3ed);align-items:center;gap:8px;margin:0;font-size:13.5px;font-weight:700;display:flex}.device-this-pill{background:var(--accent-subtle,#10b9811a);border:1px solid var(--border-active,#10b981);color:var(--accent-primary,#10b981);text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700}.device-current-pill{color:#10b981;font-size:11px;font-weight:700}.device-meta-row{color:var(--text-secondary,#ccc4b8);align-items:center;gap:8px;margin-top:3px;font-size:11.5px;display:flex}.status-dot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-dot;display:inline-block}.btn-device-revoke{color:#fca5a5;cursor:pointer;background:#ef44441a;border:1px solid #ef444447;border-radius:8px;padding:6px 12px;font-size:11.5px;font-weight:600;transition:all .15s}.btn-device-revoke:hover{color:#ef4444;background:#ef444433;border-color:#ef444473}.devices-foot-actions{justify-content:flex-end;margin-top:18px;display:flex}.btn-revoke-all{background:var(--bg-card,#1d1b18);border:1px solid var(--border-card,#ded5c921);color:var(--text-secondary,#ccc4b8);cursor:pointer;border-radius:8px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .15s}.btn-revoke-all:hover{background:var(--bg-card-hover,#2b2824);color:var(--text-primary,#f8f3ed);border-color:var(--border-active,#10b981)}.sub-plan-box{box-shadow:none;background:0 0;border:none;border-radius:0;margin:0;padding:0}.sub-plan-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:2px;padding-bottom:6px;display:flex}.theme-light .sub-plan-title{border-bottom:none}.sub-plan-info{flex-direction:column;gap:2px;display:flex}.sub-plan-badge{font-family:var(--font-display);color:#059669;letter-spacing:.8px;text-transform:uppercase;align-items:center;gap:6px;font-size:10px;font-weight:800;display:inline-flex}.sub-plan-badge:before{content:"";background:#10b981;border-radius:50%;width:6px;height:6px;display:inline-block}.sub-plan-heading{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:20px;font-weight:800}.sub-plan-subheading{color:var(--text-muted);font-size:12px;font-weight:500}.sub-plan-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.btn-manage-plan{height:34px;font-family:var(--font-display);cursor:pointer;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:11.5px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-manage-plan.btn-portal{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-card);box-shadow:var(--shadow-tactile-btn)}.btn-manage-plan.btn-portal:hover{color:#059669;box-shadow:var(--shadow-tactile-hover);border-color:#10b981;transform:translateY(-1px)}.btn-manage-plan.btn-portal:active{transform:translateY(1px)}.btn-manage-plan.btn-get-pro-gold,.btn-manage-plan.btn-get-pro-emerald{color:#fff;box-shadow:var(--shadow-tactile-btn);background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:1px solid #ffffff59;font-weight:750}.btn-manage-plan.btn-get-pro-gold:hover,.btn-manage-plan.btn-get-pro-emerald:hover{box-shadow:var(--shadow-tactile-hover);transform:translateY(-1px)}.btn-cancel-plan{background:var(--bg-surface);border:1px solid var(--border-subtle);height:34px;color:var(--text-muted);cursor:pointer;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-family:inherit;font-size:11.5px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-cancel-plan:hover{color:#ef4444;background:#ef444414;border-color:#ef444440;transform:translateY(-1px);box-shadow:0 2px 8px #ef44441f}.btn-cancel-plan:active{transform:translateY(1px)}html.theme-dark .btn-cancel-plan,.theme-dark .btn-cancel-plan{color:#9ca3af;background:#ffffff0d;border-color:#ffffff14}html.theme-dark .btn-cancel-plan:hover,.theme-dark .btn-cancel-plan:hover{color:#f87171;background:#ef444426;border-color:#ef444452}.plans-tier-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:8px;margin-bottom:2px;display:grid}@media (width<=600px){.plans-tier-grid{grid-template-columns:1fr}}.plan-tier-card{background-color:var(--bg-card);border:1px solid var(--border-card);box-shadow:var(--shadow-card);border-radius:20px;flex-direction:column;justify-content:space-between;gap:10px;padding:13px 15px 12px;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s,border-color .2s;display:flex;position:relative}.plan-tier-card:hover{box-shadow:var(--shadow-tactile-hover);transform:translateY(-2px)}html.theme-dark .plan-tier-card,.theme-dark .plan-tier-card{background-color:var(--bg-card);border-color:var(--border-card);box-shadow:var(--shadow-card)}html.theme-dark .plan-tier-card:hover,.theme-dark .plan-tier-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-tactile-hover)}.plan-tier-card.pro-featured{background:linear-gradient(180deg, #10b9810a 0%, var(--bg-card) 100%);box-shadow:var(--shadow-card);border:1.5px solid #10b981}.plan-tier-card.pro-featured:hover{box-shadow:var(--shadow-tactile-hover)}html.theme-dark .plan-tier-card.pro-featured,.theme-dark .plan-tier-card.pro-featured{background:linear-gradient(180deg, #10b98114 0%, var(--bg-card) 100%);box-shadow:var(--shadow-card);border:1.5px solid #10b981}.plan-tier-head{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:baseline;gap:8px;width:100%;padding-bottom:8px;display:flex}.plan-tier-title-wrap{align-items:center;gap:8px;display:flex}.plan-tier-name{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:16px;font-weight:750}.plan-tier-pill-pro{font-family:var(--font-mono);letter-spacing:.6px;text-transform:uppercase;color:#fff;background:#10b981;border-radius:9999px;padding:2px 7px;font-size:9.5px;font-weight:800;line-height:1.2}.plan-tier-price{flex-shrink:0;align-items:baseline;gap:2px;display:flex}.price-val{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.5px;font-size:22px;font-weight:850;line-height:1}.price-val.gold-val,.price-val.pro-val{color:#059669}html.theme-dark .price-val.gold-val,html.theme-dark .price-val.pro-val,.theme-dark .price-val.gold-val,.theme-dark .price-val.pro-val{color:#34d399}.price-period{font-family:var(--font-mono);color:var(--text-muted);margin-left:2px;font-size:11px;font-weight:550}.price-original-strikethrough{font-family:var(--font-mono);color:var(--text-muted);opacity:.7;margin-right:3px;font-size:15px;font-weight:700;text-decoration:line-through}.pro-annual-upgrade-banner{flex-direction:column;gap:5px;width:100%;margin-top:1px;margin-bottom:2px;display:flex}.upgrade-banner-header{justify-content:space-between;align-items:center;gap:6px;padding:0 2px;display:flex}.upgrade-banner-title-wrap{align-items:center;gap:5px;display:flex}.upgrade-zap-badge{color:#10b981;background:#10b98124;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:15px;height:15px;display:inline-flex}html.theme-dark .upgrade-zap-badge,.theme-dark .upgrade-zap-badge{color:#34d399;background:#10b98133}.upgrade-banner-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.1px;font-size:11px;font-weight:750}.pro-billing-toggle-container{flex-direction:column;gap:6px;margin-top:1px;margin-bottom:2px;display:flex}.pro-billing-toggle-container.in-pricing-modal{margin:10px 0 8px}.pro-billing-segmented{border:1px solid var(--border-subtle);background:#0000000d;border-radius:9999px;align-items:center;gap:2px;width:100%;padding:2.5px;display:flex}html.theme-dark .pro-billing-segmented,.theme-dark .pro-billing-segmented{background:#ffffff0d;border-color:#ffffff14}.pro-toggle-btn{height:27px;color:var(--text-secondary);font-family:var(--font-display);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:9999px;flex:1;justify-content:center;align-items:center;gap:5px;padding:0 10px;font-size:11.5px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.pro-toggle-btn:hover:not(.active){color:var(--text-primary);background:#00000008}html.theme-dark .pro-toggle-btn:hover:not(.active),.theme-dark .pro-toggle-btn:hover:not(.active){background:#ffffff0a}.pro-toggle-btn.active{background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-tactile-btn);font-weight:750}html.theme-dark .pro-toggle-btn.active,.theme-dark .pro-toggle-btn.active{background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-tactile-btn)}.billing-save-pill{font-family:var(--font-mono);letter-spacing:.3px;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:9999px;padding:1.5px 6px;font-size:9px;font-weight:800;line-height:1.2}.pro-deal-banner{color:var(--text-secondary);background:0 0;border:none;justify-content:center;align-items:center;gap:5px;margin-top:1px;padding:2px 0 0;font-size:11px;line-height:1.3;transition:all .2s;display:flex}.pro-deal-banner.in-pricing-step{margin-top:4px}.pro-deal-mini-icon{color:#10b981;align-items:center;animation:2.5s ease-in-out infinite earlybird-zap-glow;display:inline-flex}html.theme-dark .pro-deal-mini-icon{color:#34d399}.pro-deal-text{letter-spacing:-.1px;font-size:11px;font-weight:550}.earlybird-progress-wrapper{width:100%;margin:4px 0 2px;animation:.25s cubic-bezier(.16,1,.3,1) earlybird-fade-in}@keyframes earlybird-fade-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.earlybird-progress-container{background:#10b9810d;border:1px solid #10b98129;border-radius:8px;flex-direction:column;gap:4px;padding:4px 8px;transition:all .25s;display:flex;position:relative;overflow:hidden}html.theme-dark .earlybird-progress-container,.theme-dark .earlybird-progress-container{background:#10b98117;border-color:#10b98138}.earlybird-progress-header{justify-content:space-between;align-items:center;gap:4px;line-height:1.2;display:flex}.earlybird-progress-title{color:var(--text-primary,#151412);align-items:center;gap:3px;min-width:0;font-size:10px;font-weight:600;display:inline-flex}html.theme-dark .earlybird-progress-title,.theme-dark .earlybird-progress-title{color:#f3f4f6}.earlybird-title-text{letter-spacing:-.1px;font-weight:600}.earlybird-sep{color:var(--text-muted);opacity:.6;font-size:10px}.earlybird-zap-badge{color:#10b981;background:#10b98124;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:15px;height:15px;display:inline-flex}html.theme-dark .earlybird-zap-badge,.theme-dark .earlybird-zap-badge{color:#34d399;background:#10b98133}.earlybird-zap-svg{width:9.5px;height:9.5px;animation:2.5s ease-in-out infinite earlybird-zap-glow}@keyframes earlybird-zap-glow{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.earlybird-code-pill{font-family:var(--font-mono);letter-spacing:.4px;color:#047857;-webkit-user-select:all;user-select:all;background:#10b9811f;border:1px solid #10b98147;border-radius:4px;padding:1px 4.5px;font-size:9.5px;font-weight:700;transition:all .15s;display:inline-block}.earlybird-code-pill:hover{background:#10b98133;border-color:#10b98173}html.theme-dark .earlybird-code-pill,.theme-dark .earlybird-code-pill{color:#34d399;background:#10b9812e;border-color:#34d39959}.earlybird-count-badge{color:var(--text-secondary,#64748b);white-space:nowrap;font-size:10px;font-weight:500}.earlybird-count-badge strong{color:var(--text-primary,#0f172a);font-weight:750}html.theme-dark .earlybird-count-badge,.theme-dark .earlybird-count-badge{color:#94a3b8}html.theme-dark .earlybird-count-badge strong,.theme-dark .earlybird-count-badge strong{color:#f8fafc}.earlybird-spots-left{color:#059669;margin-left:2px;font-size:9.5px;font-weight:600}html.theme-dark .earlybird-spots-left,.theme-dark .earlybird-spots-left{color:#34d399}.earlybird-progress-track{background:#0000000f;border:none;border-radius:9999px;width:100%;height:4px;position:relative;overflow:hidden}html.theme-dark .earlybird-progress-track,.theme-dark .earlybird-progress-track{background:#ffffff14}.earlybird-progress-fill{background:linear-gradient(90deg,#10b981 0%,#34d399 100%);border-radius:9999px;width:0%;max-width:100%;height:100%;transition:width .6s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.earlybird-progress-shimmer{background:linear-gradient(90deg,#0000 0%,#ffffff73 50%,#0000 100%);width:100%;height:100%;animation:2.4s ease-in-out infinite earlybird-shimmer;position:absolute;inset:0}@keyframes earlybird-shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}.plan-tier-list{flex-direction:column;flex:1;gap:5px;margin:0;padding:0;list-style:none;display:flex}.plan-tier-list li{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;font-size:11.8px;font-weight:500;line-height:1.35;transition:transform .18s cubic-bezier(.16,1,.3,1),color .18s;display:flex;overflow:hidden}.plan-tier-list li:hover{color:var(--text-primary);transform:translate(2px)}.plan-tier-list li:hover .plan-check-icon{transform:scale(1.12)}.plan-tier-list li span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.plan-check-icon{color:#10b981;background:#10b9811f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:17px;min-width:17px;height:17px;transition:all .18s;display:inline-flex}.plan-tier-card.pro-featured .plan-check-icon{color:#fff;background:#10b981;box-shadow:0 1px 4px #10b98159}.plan-check-icon svg{stroke:currentColor;stroke-width:3.2px;width:9.5px;height:9.5px}.plan-tier-foot{margin-top:8px;padding-top:2px}.tier-pill-included{background:var(--bg-surface);border:1px solid var(--border-card);height:32px;color:var(--text-muted);font-family:var(--font-display);border-radius:9999px;justify-content:center;align-items:center;padding:0 14px;font-size:11.5px;font-weight:700;display:inline-flex}.tier-pill-current{background:var(--bg-surface);border:1px solid var(--border-card);height:32px;color:var(--text-secondary);font-family:var(--font-display);box-shadow:var(--shadow-inset);border-radius:9999px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:11.5px;font-weight:700;display:inline-flex}.tier-pill-current svg{color:#10b981}.tier-pro-active-group{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.tier-pill-pro-active{color:#fff;height:32px;font-family:var(--font-display);box-shadow:var(--shadow-tactile-btn);cursor:default;white-space:nowrap;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:1px solid #ffffff59;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:11.5px;font-weight:750;display:inline-flex}.tier-pill-pro-active .status-dot{background:#fff;border-radius:50%;width:6px;height:6px;display:inline-block}.btn-tier-cancel-sub{color:var(--text-muted);font-family:var(--font-display);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:5px;padding:5px 9px;font-size:11.5px;font-weight:650;transition:all .18s;display:inline-flex}.btn-tier-cancel-sub:hover{color:#ef4444;background:#ef444414}.btn-tier-upgrade-annual{color:#047857;height:32px;font-family:var(--font-display);cursor:pointer;white-space:nowrap;background:#10b9811a;border:1px solid #10b98159;border-radius:9999px;justify-content:center;align-items:center;gap:5px;padding:0 11px;font-size:11px;font-weight:750;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 1px 3px #10b98114}.btn-tier-upgrade-annual svg,.btn-tier-upgrade-annual i{color:#10b981}.btn-tier-upgrade-annual:hover{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-color:#fff6;transform:translateY(-1px);box-shadow:0 3px 10px #10b98147}.btn-tier-upgrade-annual:hover svg,.btn-tier-upgrade-annual:hover i{color:#fff}html.theme-dark .btn-tier-upgrade-annual,.theme-dark .btn-tier-upgrade-annual{color:#34d399;background:#10b98129;border-color:#34d39961}html.theme-dark .btn-tier-upgrade-annual svg,html.theme-dark .btn-tier-upgrade-annual i,.theme-dark .btn-tier-upgrade-annual svg,.theme-dark .btn-tier-upgrade-annual i{color:#34d399}html.theme-dark .btn-tier-upgrade-annual:hover,.theme-dark .btn-tier-upgrade-annual:hover{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-color:#fff6}.tier-pro-active-group.is-yearly{justify-content:center}.btn-tier-cta-gold,.btn-tier-cta-emerald{color:#fff;width:100%;height:34px;font-family:var(--font-display);cursor:pointer;box-shadow:var(--shadow-tactile-btn);background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:1px solid #ffffff59;border-radius:9999px;justify-content:center;align-items:center;gap:7px;padding:0 18px;font-size:12px;font-weight:750;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-tier-cta-gold:hover,.btn-tier-cta-emerald:hover{box-shadow:var(--shadow-tactile-hover);transform:translateY(-1px)}.btn-tier-cta-gold:active,.btn-tier-cta-emerald:active{transform:translateY(0)}.btn-tier-cta-gold i,.btn-tier-cta-gold svg,.btn-tier-cta-emerald i,.btn-tier-cta-emerald svg,.btn-dodo-checkout-gold i,.btn-dodo-checkout-gold svg,.btn-dodo-checkout-emerald i,.btn-dodo-checkout-emerald svg{transition:transform .3s cubic-bezier(.16,1,.3,1)}.btn-tier-cta-gold:hover i,.btn-tier-cta-gold:hover svg,.btn-tier-cta-emerald:hover i,.btn-tier-cta-emerald:hover svg,.btn-dodo-checkout-gold:hover i,.btn-dodo-checkout-gold:hover svg,.btn-dodo-checkout-emerald:hover i,.btn-dodo-checkout-emerald:hover svg{transform:rotate(15deg)scale(1.18)}#pricing-modal-overlay{z-index:10005;-webkit-backdrop-filter:blur(24px);background:#0e1411b8}.theme-light #pricing-modal-overlay{-webkit-backdrop-filter:blur(24px);background:#ebf0ebb8}.pricing-modal-card{background:var(--bg-card);-webkit-backdrop-filter:blur(28px);border:1px solid var(--border-card);width:100%;max-width:490px;box-shadow:var(--shadow-elevated);font-family:var(--font-sans);border-radius:24px;padding:32px 28px 26px;transition:transform .28s cubic-bezier(.16,1,.3,1);position:relative;transform:translateY(14px)scale(.96)}html.theme-dark .pricing-modal-card,.theme-dark .pricing-modal-card{background:var(--bg-card);border-color:var(--border-card);box-shadow:var(--shadow-elevated)}.auth-modal-overlay.active .pricing-modal-card{transform:translateY(0)scale(1)}.pricing-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:20px;display:flex}.pricing-brand-badge{width:48px;height:48px;color:var(--accent-primary,#10b981);box-shadow:var(--shadow-tactile-btn);background:linear-gradient(135deg,#10b98129 0%,#05966914 100%);border:1px solid #10b98152;border-radius:14px;justify-content:center;align-items:center;margin-bottom:14px;display:flex}.pricing-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:22px;font-weight:800}.pricing-subtitle{color:var(--text-muted);max-width:390px;margin:6px 0 0;font-size:13px;line-height:1.45}.profile-pricing-step-card{width:100%;max-width:530px;max-height:90vh}.profile-step-header{border-bottom:1px solid var(--border-subtle);background:0 0;grid-template-columns:1fr auto 1fr;align-items:center;padding:16px 22px 14px;display:grid;position:relative}.profile-step-back-btn{background:var(--bg-surface);border:1px solid var(--border-card);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:9999px;justify-self:start;align-items:center;gap:6px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.profile-step-back-btn:hover{background:var(--bg-card-hover);color:#059669;border-color:#10b981;transform:translate(-2px)}.profile-step-title-pill{letter-spacing:.5px;text-transform:uppercase;color:#059669;white-space:nowrap;text-align:center;background:#10b9811f;border:1px solid #10b98147;border-radius:9999px;justify-content:center;justify-self:center;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:750;display:inline-flex}.profile-step-header .profile-close-btn{justify-self:end;margin:0;position:static}html.theme-dark .profile-step-title-pill,.theme-dark .profile-step-title-pill{color:#34d399;background:#10b98129;border-color:#10b98159}.profile-pricing-step-body{flex-direction:column;padding:24px 28px 26px;display:flex;overflow-y:auto}.pricing-plan-spotlight{width:100%;margin-bottom:18px}.pricing-plan-spotlight .pricing-plan-box{background:linear-gradient(135deg,#10b9810d 0%,#05966905 100%);border:1.5px solid #10b981;border-radius:16px;width:100%;padding:16px 20px;box-shadow:0 4px 18px #10b9811f}html.theme-dark .pricing-plan-spotlight .pricing-plan-box,.theme-dark .pricing-plan-spotlight .pricing-plan-box{background:linear-gradient(135deg,#10b98117 0%,#14161cf2 100%);border:1.5px solid #10b981;box-shadow:0 4px 20px #10b98133}.pricing-plan-box-top{justify-content:space-between;align-items:center;display:flex}.pricing-plan-tag{color:#059669;letter-spacing:.6px;text-transform:uppercase;font-size:10px;font-weight:800}html.theme-dark .pricing-plan-tag,.theme-dark .pricing-plan-tag{color:#34d399}.pricing-tag-pill{color:#fff;background:#10b981;border-radius:9999px;padding:2px 7px;font-size:9px;font-weight:750}.pricing-plan-price-row{align-items:baseline;gap:4px;margin:4px 0 2px;display:flex}.pricing-amount.pro-amount{color:#059669;letter-spacing:-.5px;font-size:28px;font-weight:850;line-height:1}html.theme-dark .pricing-amount.pro-amount,.theme-dark .pricing-amount.pro-amount{color:#34d399}.pricing-period{color:var(--text-muted);font-size:12px;font-weight:550}.pricing-plan-features-summary{color:var(--text-muted);margin-top:2px;font-size:11px;line-height:1.4}.pricing-features-list{flex-direction:column;gap:9px;margin:0 0 22px;padding:0;list-style:none;display:flex}.pricing-features-list li{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:10px;font-size:12.5px;line-height:1.35;display:flex;overflow:hidden}.pricing-check-icon{color:#fff;background:#10b981;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:19px;min-width:19px;height:19px;display:flex;box-shadow:0 1px 4px #10b98159}.pricing-check-icon svg{stroke:#fff;stroke-width:3.2px;width:10px;height:10px}.btn-dodo-checkout-gold,.btn-dodo-checkout-emerald{color:#fff;letter-spacing:.3px;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:1px solid #fff6;border-radius:9999px;justify-content:center;align-items:center;gap:8px;width:100%;height:44px;font-family:inherit;font-size:13.5px;font-weight:750;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 18px #10b98159,inset 0 1px 1px #ffffff80}.btn-dodo-checkout-gold:hover:not(:disabled),.btn-dodo-checkout-emerald:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 6px 24px #10b98180,inset 0 1px 1px #ffffffb3}.btn-dodo-checkout-gold:active:not(:disabled),.btn-dodo-checkout-emerald:active:not(:disabled){transform:translateY(0)}.btn-dodo-checkout-gold:disabled,.btn-dodo-checkout-emerald:disabled{opacity:.65;cursor:not-allowed}.pricing-modal-footer svg,.pricing-modal-footer .pricing-lock-icon{color:#059669;flex-shrink:0}.checkout-spinner{border:2px solid #15141247;border-top-color:#151412;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite spinCheckout;display:inline-block}@keyframes spinCheckout{to{transform:rotate(360deg)}}.btn-cancel-checkout{color:var(--text-secondary,#ccc4b8);cursor:pointer;background:#ded5c914;border:1px solid #ded5c929;border-radius:9999px;justify-content:center;align-items:center;gap:6px;margin:10px auto 0;padding:6px 14px;font-family:inherit;font-size:11.5px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:none}.btn-cancel-checkout:hover{border-color:var(--accent-primary,#10b981);color:var(--text-primary,#f8f3ed);background:#ffffff1f;transform:translateY(-1px)}.btn-cancel-checkout:active{transform:translateY(0)}.theme-light .btn-cancel-checkout{color:#475569;background:#0000000a;border-color:#0000001a}.theme-light .btn-cancel-checkout:hover{color:#059669;background:#10b98114;border-color:#10b981}.pricing-modal-footer{text-align:center;color:var(--text-secondary,#ccc4b8);justify-content:center;align-items:center;gap:6px;margin-top:14px;font-size:11px;display:flex}.pricing-modal-footer svg{color:var(--accent-primary,#10b981);flex-shrink:0}.sub-grid-stats{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px;display:grid}.sub-stat-card{background:var(--bg-surface,#151412);border:1px solid var(--border-subtle,#ded5c91a);border-radius:12px;flex-direction:column;gap:6px;padding:14px 16px;transition:all .2s;display:flex}.sub-stat-card:hover{background:var(--bg-card-hover,#2b2824);border-color:#10b9814d}.sub-stat-header{justify-content:space-between;align-items:center;display:flex}.sub-stat-val{color:var(--accent-primary,#10b981);letter-spacing:-.2px;font-size:17px;font-weight:800}.sub-stat-pill{color:var(--text-secondary,#ccc4b8);letter-spacing:.3px;background:#ded5c912;border:1px solid #ded5c91f;border-radius:4px;padding:1px 6px;font-size:9.5px;font-weight:700}.sub-stat-title{color:var(--text-primary,#f8f3ed);font-size:13px;font-weight:700}.sub-stat-desc{color:var(--text-secondary,#ccc4b8);font-size:11.5px;line-height:1.45}.timeline-container{flex-direction:column;gap:16px;display:flex;position:relative}.timeline-node{gap:16px;display:flex;position:relative}.timeline-node-marker{flex-direction:column;flex-shrink:0;align-items:center;width:16px;padding-top:14px;display:flex}.timeline-dot{background:var(--accent-primary,#10b981);border:2px solid var(--bg-surface,#151412);z-index:2;border-radius:50%;flex-shrink:0;width:10px;height:10px;box-shadow:0 1px 2px #00000040}.timeline-dot.pulse{background:#10b981;animation:2s infinite pulse-dot;box-shadow:0 1px 3px #0000004d}.timeline-rail-line{background:linear-gradient(#10b9814d,#ded5c914);flex:1;width:2px;margin-top:4px}.timeline-node:last-child .timeline-rail-line{display:none}.timeline-card{-webkit-backdrop-filter:blur(12px);background:#ffffff09;border:1px solid #ffffff14;border-radius:14px;flex:1;transition:border-color .2s,box-shadow .2s,background .2s;overflow:hidden}.timeline-card:hover{background:#ffffff0f;border-color:#10b98166}.theme-light .timeline-card{background:#ffffff85;border-color:#00000014}.theme-light .timeline-card:hover{background:#ffffffb8}.timeline-card-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--bg-card,#1d1b18);justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 18px;transition:background .15s;display:flex}.timeline-card-header:hover{background:var(--bg-card-hover,#2b2824)}.timeline-card-title-group{flex-direction:column;flex:1;gap:4px;display:flex}.timeline-meta-row{align-items:center;gap:8px;display:flex}.timeline-version-pill{color:var(--accent-primary,#10b981);letter-spacing:.4px;font-size:11px;font-weight:800}.timeline-badge-pill{text-transform:uppercase;letter-spacing:.4px;border-radius:4px;padding:1px 6px;font-size:9.5px;font-weight:700}.timeline-badge-pill.latest,.timeline-badge-pill.major{color:#10b981;background:#10b9811f;border:1px solid #10b9814d}.timeline-badge-pill.release{color:#cbd5e1;background:#94a3b81f;border:1px solid #94a3b840}.timeline-date{color:var(--text-secondary,#ccc4b8);font-size:11px}.timeline-entry-title{color:var(--text-primary,#f8f3ed);letter-spacing:-.2px;margin:2px 0 0;font-size:14.5px;font-weight:700}.timeline-entry-summary{color:var(--text-secondary,#ccc4b8);margin:4px 0 0;font-size:12px;line-height:1.45}.timeline-chevron-box{width:24px;height:24px;color:var(--text-secondary,#ccc4b8);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;transition:transform .25s cubic-bezier(.16,1,.3,1),color .15s;display:flex}.timeline-card.expanded .timeline-chevron-box{color:var(--accent-primary,#10b981);transform:rotate(180deg)}.timeline-body{border-top:1px solid var(--border-subtle,#ded5c90f);background:var(--bg-card,#1d1b18);flex-direction:column;gap:14px;padding:0 18px 16px;display:flex}.timeline-card.collapsed .timeline-body{display:none}.timeline-category-group{flex-direction:column;gap:6px;margin-top:12px;display:flex}.timeline-category-title{color:var(--accent-primary,#10b981);text-transform:uppercase;letter-spacing:.6px;margin:0;font-size:11px;font-weight:800}.timeline-category-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.timeline-category-list li{color:var(--text-secondary,#ccc4b8);align-items:flex-start;gap:8px;font-size:12px;line-height:1.45;display:flex}.timeline-bullet-check{color:var(--accent-primary,#10b981);flex-shrink:0;margin-top:3px;display:inline-flex}.profile-footer{background:var(--bg-surface);border:1px solid var(--border-card);box-shadow:var(--shadow-inset);z-index:2;border-radius:16px;justify-content:space-between;align-items:center;margin:6px 24px 14px;padding:8px 16px;display:flex;position:relative}.theme-light .profile-footer{background:var(--bg-surface);border-color:var(--border-card)}html.theme-dark .profile-footer,.theme-dark .profile-footer{background:var(--bg-surface);border-color:var(--border-card);box-shadow:var(--shadow-inset)}.profile-active-shader-pill{color:#059669;letter-spacing:.2px;background:#10b9811f;border:1px solid #10b98147;border-radius:9999px;align-items:center;gap:5px;padding:1px 7px;font-size:10.5px;font-weight:600;display:inline-flex}.profile-active-shader-pill svg{animation:2.4s ease-in-out infinite svg-sparkle-breathe}.profile-footer-brand-wrap{flex-direction:column;gap:2px;display:flex}.profile-footer-brand-line{color:var(--text-primary);align-items:center;gap:6px;font-size:11.5px;font-weight:750;display:flex}.profile-brand-logo-hex{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.profile-brand-logo-hex img,.profile-brand-logo-img{object-fit:contain;filter:drop-shadow(0 1px 3px #2bb67366);width:100%;height:100%;display:block}.profile-brand-name{font-family:var(--font-display);letter-spacing:-.2px;color:var(--text-primary);font-weight:750}.profile-brand-ver{font-family:var(--font-mono);color:#047857;background:#10b98124;border:1px solid #10b98140;border-radius:4px;padding:1px 6px;font-size:9.5px;font-weight:750}html.theme-dark .profile-brand-ver,.theme-dark .profile-brand-ver{color:#34d399;background:#10b9812e;border-color:#10b98159}.profile-brand-sep{color:var(--text-muted);font-size:10px}.profile-brand-engine{color:var(--text-muted);font-size:11px;font-weight:500}.profile-footer-device-line{color:var(--text-secondary);align-items:center;gap:6px;font-size:11px;font-weight:500;display:flex}.profile-footer-device-name{color:var(--text-primary);font-weight:600}.btn-signout-trigger{color:#ef4444;font-family:var(--font-display);cursor:pointer;box-shadow:var(--shadow-tactile-btn);background:#ef444414;border:1px solid #ef444447;border-radius:9999px;align-items:center;gap:6px;padding:6px 16px;font-size:11.5px;font-weight:700;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-signout-trigger svg{color:#ef4444;transition:color .18s,transform .18s}.btn-signout-trigger:hover{color:#dc2626;background:#ef444429;border-color:#ef4444;transform:translateY(-1px);box-shadow:0 4px 12px #ef444438}.btn-signout-trigger:hover svg{color:#dc2626;transform:translate(2px)}.btn-signout-trigger:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #ef444433}html.theme-dark .btn-signout-trigger,.theme-dark .btn-signout-trigger{color:#f87171;background:#ef44441f;border-color:#ef444452}html.theme-dark .btn-signout-trigger svg,.theme-dark .btn-signout-trigger svg{color:#f87171}html.theme-dark .btn-signout-trigger:hover,.theme-dark .btn-signout-trigger:hover{color:#ef4444;background:#ef444438}.device-limit-overlay{background:var(--bg-overlay,#0e0d0ce0);-webkit-backdrop-filter:blur(24px);z-index:99999;opacity:0;pointer-events:none;justify-content:center;align-items:center;padding:20px;transition:opacity .25s;display:flex;position:fixed;inset:0}.device-limit-overlay.active{opacity:1;pointer-events:auto}.device-limit-card{background:var(--bg-surface,#151412);text-align:center;border:1px solid #ef44444d;border-radius:20px;width:100%;max-width:520px;padding:32px;box-shadow:0 25px 60px #000000e6}.device-limit-badge{color:#ef4444;background:#ef444426;border-radius:16px;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:16px;display:inline-flex}.device-limit-title{font-family:var(--font-display,"Space Grotesk", sans-serif);letter-spacing:-.02em;color:var(--text-primary,#f8f3ed);margin:0;font-size:20px;font-weight:800}.device-limit-desc{color:var(--text-secondary,#ccc4b8);margin:8px 0 24px;font-size:13px;line-height:1.5}.confirm-modal-overlay{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:99999;opacity:0;pointer-events:none;background:#000000bf;justify-content:center;align-items:center;padding:16px;transition:opacity .2s;display:flex;position:fixed;inset:0}.confirm-modal-overlay.active{opacity:1;pointer-events:auto}.confirm-modal-card{background:var(--bg-surface,#151412);border:1px solid var(--border-card,#ded5c921);text-align:center;border-radius:18px;width:100%;max-width:400px;padding:26px;box-shadow:0 25px 50px #000c}.confirm-icon-box{color:#ef4444;background:#ef44441f;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:14px;display:inline-flex}.confirm-title{color:var(--text-primary,#f8f3ed);margin:0;font-size:17px;font-weight:800}.confirm-desc{color:var(--text-secondary,#ccc4b8);margin:6px 0 20px;font-size:12.5px;line-height:1.5}.confirm-actions{gap:10px;display:flex}.btn-confirm-cancel{background:var(--btn-ghost-bg,#1d1b18);border:1px solid var(--btn-ghost-border,#ded5c921);color:var(--btn-ghost-text,#f8f3ed);cursor:pointer;border-radius:8px;flex:1;padding:10px;font-size:13px;font-weight:600;transition:background .15s}.btn-confirm-cancel:hover{background:var(--bg-card-hover,#2b2824)}.btn-confirm-action{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;flex:1;padding:10px;font-size:13px;font-weight:700;transition:filter .15s}.btn-confirm-action:hover{filter:brightness(1.1)}.cancel-sub-overlay{z-index:10006}.cancel-sub-modal-card{-webkit-backdrop-filter:blur(28px);text-align:center;background:#151412f5;border:1.5px solid #ef444452;border-radius:22px;flex-direction:column;align-items:center;width:100%;max-width:440px;padding:28px 24px 22px;transition:transform .28s cubic-bezier(.16,1,.3,1);display:flex;position:relative;transform:translateY(14px)scale(.96);box-shadow:0 25px 60px #000000d9}.auth-modal-overlay.active .cancel-sub-modal-card{transform:translateY(0)scale(1)}.cancel-sub-icon-badge{color:#f87171;background:#ef44441f;border:1px solid #ef44444d;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:14px;display:flex;box-shadow:0 2px 6px #0003}.cancel-sub-title{font-family:var(--font-display,"Space Grotesk", sans-serif);letter-spacing:-.02em;color:var(--text-primary,#f8f3ed);margin:0 0 8px;font-size:20px;font-weight:850}.cancel-sub-desc{color:var(--text-secondary,#ccc4b8);max-width:360px;margin:0 0 16px;font-size:12.5px;line-height:1.5}.cancel-sub-desc strong{color:var(--text-primary,#f8f3ed)}.cancel-feedback-section{text-align:left;width:100%;margin:4px 0 16px}.cancel-feedback-label{color:var(--text-secondary,#ccc4b8);margin-bottom:8px;font-size:11px;font-weight:700;display:block}.cancel-reasons-grid{flex-wrap:wrap;gap:6px;display:flex}.cancel-reason-chip{color:var(--text-secondary,#ccc4b8);cursor:pointer;background:#ded5c90f;border:1px solid #ded5c924;border-radius:9999px;padding:5px 11px;font-family:inherit;font-size:11px;font-weight:600;transition:all .15s}.cancel-reason-chip:hover{color:var(--text-primary,#f8f3ed);background:#ffffff1a}.cancel-reason-chip.active{border-color:var(--accent-primary,#10b981);color:var(--accent-primary,#10b981);background:#10b9812e}.cancel-sub-actions{flex-direction:column;gap:9px;width:100%;margin-top:4px;display:flex}.btn-cancel-sub-confirm{color:#fca5a5;cursor:pointer;background:#ef444429;border:1.2px solid #ef444466;border-radius:9999px;justify-content:center;align-items:center;gap:7px;width:100%;height:42px;font-family:inherit;font-size:12.5px;font-weight:700;transition:all .2s;display:flex}.btn-cancel-sub-confirm:hover:not(:disabled){color:#fff;background:#ef444447;border-color:#ef4444}.btn-cancel-sub-confirm:disabled{opacity:.6;cursor:not-allowed}.btn-cancel-sub-keep{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:1px solid #fff6;border-radius:9999px;justify-content:center;align-items:center;gap:6px;width:100%;height:42px;font-family:inherit;font-size:12.5px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 16px #10b9814d}.btn-cancel-sub-keep:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-cancel-sub-keep:active{transform:translateY(0)}.cancel-spinner{border:2px solid #fca5a54d;border-top-color:#fca5a5;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite spinCheckout;display:inline-block}.cancel-sub-footer-note{color:var(--text-muted,#827a6d);justify-content:center;align-items:center;gap:5px;margin-top:14px;font-size:11px;display:flex}.cancel-sub-footer-note svg{color:var(--accent-primary,#10b981)}.theme-light .cancel-sub-modal-card{background:#fffdf8fa;border-color:#dc262647;box-shadow:0 24px 60px #00000026}.theme-light .cancel-sub-title{color:#151412}.theme-light .cancel-sub-desc{color:#7c7063}.theme-light .cancel-sub-desc strong{color:#151412}.theme-light .cancel-feedback-label{color:#64748b}.theme-light .cancel-reason-chip{color:#64748b;background:#0000000a;border-color:#0000001a}.theme-light .cancel-reason-chip:hover{color:#0f172a;background:#00000014}.theme-light .cancel-reason-chip.active{color:#059669;background:#10b9811f;border-color:#10b981}.theme-light .btn-cancel-sub-confirm{color:#dc2626;background:#dc262614;border-color:#dc26264d}.theme-light .btn-cancel-sub-confirm:hover:not(:disabled){color:#991b1b;background:#dc262629;border-color:#dc2626}.theme-light .cancel-spinner{border-color:#dc2626 #dc26264d #dc26264d}@media (width<=767px){.profile-overlay{z-index:150!important;align-items:center!important;padding:8px!important}.profile-card{border-radius:20px!important;width:100%!important;max-width:100%!important;max-height:94vh!important}.profile-header{padding:12px 14px 10px!important}.profile-avatar-large{width:38px!important;height:38px!important;font-size:14px!important}.profile-user-name{font-size:13.5px!important}.profile-user-email{text-overflow:ellipsis!important;white-space:nowrap!important;max-width:170px!important;font-size:10.5px!important;overflow:hidden!important}.profile-close-btn{width:30px!important;height:30px!important}.profile-step-header{gap:6px!important;padding:12px 14px 10px!important}.profile-step-back-btn{padding:4px 10px!important;font-size:11px!important}.profile-step-title-pill{padding:3.5px 8px!important;font-size:10.5px!important}.profile-tabs-bar{scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;gap:4px!important;margin:8px 10px 0!important;padding:3px!important;overflow-x:auto!important}.profile-tabs-bar::-webkit-scrollbar{display:none!important}.profile-tab-btn{white-space:nowrap!important;flex:1!important;justify-content:center!important;gap:4px!important;min-width:0!important;padding:6px 8px!important;font-size:10.5px!important}.profile-body{padding:12px 10px!important;overflow-y:auto!important}.current-plan-banner{flex-direction:column!important;align-items:flex-start!important;gap:10px!important;padding:12px 14px!important}.current-plan-banner .btn-upgrade-pro,.current-plan-banner .btn-primary{justify-content:center!important;width:100%!important}.plans-tier-grid{grid-template-columns:1fr!important;gap:10px!important}.plan-tier-card{padding:14px!important}.plan-tier-head{padding-bottom:8px!important}.profile-footer{flex-direction:column!important;align-items:flex-start!important;gap:10px!important;margin:6px 10px 10px!important;padding:10px 12px!important}.profile-footer-brand-wrap{gap:4px!important;width:100%!important}.profile-footer-brand-line{flex-wrap:wrap!important;font-size:11px!important}.profile-footer-device-line{flex-wrap:wrap!important;font-size:10.5px!important}.btn-signout-trigger{box-sizing:border-box!important;justify-content:center!important;width:100%!important;padding:7px 12px!important}#pricing-modal-overlay{z-index:150!important;padding:8px!important}.pricing-modal-card{border-radius:20px!important;width:100%!important;max-width:100%!important;max-height:94vh!important;padding:20px 14px 16px!important;overflow-y:auto!important}.pricing-header{margin-bottom:12px!important}.pricing-title{font-size:18px!important}.pricing-desc{font-size:11px!important}.pro-billing-toggle-container{justify-content:center!important;width:100%!important}.pricing-tier-container{grid-template-columns:1fr!important;gap:10px!important}.pricing-features-grid{grid-template-columns:1fr!important;gap:8px!important}.btn-pricing-cta{width:100%!important}}.capture-modal-overlay{z-index:99999999;-webkit-backdrop-filter:blur(20px)saturate(180%);opacity:0;pointer-events:none;visibility:hidden;cursor:default;background:#000000ad;justify-content:center;align-items:center;padding:20px;transition:opacity .24s cubic-bezier(.16,1,.3,1),visibility 0s linear .24s;display:flex;position:fixed;inset:0}.capture-modal-overlay.open{opacity:1;pointer-events:auto;visibility:visible;transition:opacity .24s cubic-bezier(.16,1,.3,1),visibility}.capture-modal-card{background:var(--bg-surface,#fff);border:1px solid var(--border-card,#0000001a);border-radius:22px;flex-direction:column;width:min(880px,96vw);max-height:90vh;transition:transform .28s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;transform:scale(.96)translateY(8px);box-shadow:0 24px 60px #00000059,0 0 0 1px #ffffff1a}.capture-modal-overlay.open .capture-modal-card{transform:scale(1)translateY(0)}.capture-modal-head{border-bottom:1px solid var(--border-subtle,#0000000f);background:var(--bg-card,#00000005);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.cm-head-left{align-items:center;gap:12px;display:flex}.cm-head-icon{color:#10b981;background:linear-gradient(135deg,#10b98126 0%,#06b6d426 100%);border:1px solid #10b9814d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.cm-head-icon svg{stroke:#10b981;width:18px;height:18px;display:block}.cm-title{font-family:var(--font-display,"Space Grotesk", sans-serif);letter-spacing:-.02em;color:var(--text-primary);margin:0;font-size:16px;font-weight:750}.cm-subtitle{color:var(--text-muted);margin:2px 0 0;font-size:11.5px;font-weight:500}.cm-close-btn{color:var(--text-muted)}.cm-close-btn:hover{color:var(--text-primary)}.capture-modal-body{grid-template-columns:1fr 1.15fr;align-items:start;gap:24px;padding:24px;display:grid;overflow-y:auto}@media (width<=768px){.capture-modal-body{grid-template-columns:1fr;gap:18px;padding:18px}}.capture-preview-column{flex-direction:column;gap:12px;display:flex}.capture-preview-stage-wrap{border:1px solid var(--border-subtle,#00000014);background:#fff;border-radius:16px;justify-content:center;align-items:center;width:100%;height:340px;padding:16px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 15px #00000008}html.theme-dark .capture-preview-stage-wrap,.theme-dark .capture-preview-stage-wrap{background:#0d0e12;border:1px solid #ffffff14;box-shadow:inset 0 0 24px #0009}.capture-preview-frame{background:#fff;border-radius:8px;justify-content:center;align-items:center;max-width:100%;max-height:100%;transition:width .25s cubic-bezier(.16,1,.3,1),height .25s cubic-bezier(.16,1,.3,1),aspect-ratio .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 24px #0000001f,0 0 0 1px #0000000f}html.theme-dark .capture-preview-frame,.theme-dark .capture-preview-frame{background:#0d0e12;box-shadow:0 10px 30px #000000b3,0 0 0 1px #ffffff26}#capture-preview-canvas{object-fit:cover;background:#fff;width:100%;height:100%;display:block}html.theme-dark #capture-preview-canvas,.theme-dark #capture-preview-canvas{background:#0d0e12}.capture-preview-grid{pointer-events:none;opacity:.28;position:absolute;inset:0}.grid-line{background:#00000040;position:absolute}.theme-dark .grid-line{background:#fff6}.grid-v1{width:1px;top:0;bottom:0;left:33.333%}.grid-v2{width:1px;top:0;bottom:0;left:66.666%}.grid-h1{height:1px;top:33.333%;left:0;right:0}.grid-h2{height:1px;top:66.666%;left:0;right:0}.capture-frame-badge{-webkit-backdrop-filter:blur(10px);color:#fff;font-family:var(--font-mono,monospace);pointer-events:none;letter-spacing:.02em;background:#0c0e12d1;border:1px solid #ffffff26;border-radius:6px;padding:3px 7px;font-size:10px;font-weight:600;position:absolute;bottom:8px;right:8px}.capture-preview-footer{justify-content:space-between;align-items:center;padding:2px 4px;display:flex}.cpf-aspect-label{color:var(--text-primary);font-size:11.5px;font-weight:650}.cpf-res-label{font-family:var(--font-mono,monospace);color:var(--text-muted);font-size:11px}.capture-settings-column{flex-direction:column;gap:16px;display:flex}.cs-field-group{flex-direction:column;gap:6px;display:flex}.cs-field-row{gap:12px;display:flex}.cs-flex-1{flex:1}.cs-label-row{justify-content:space-between;align-items:center;display:flex}.cs-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-size:11px;font-weight:700}.cs-tier-tag{letter-spacing:.04em;color:#10b981;font-size:10px;font-weight:700}.cs-segmented{background:var(--bg-card,#0000000a);border:1px solid var(--border-card,#00000014);border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;padding:3px;display:grid}.cs-seg-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:650;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex}.cs-seg-btn:hover{color:var(--text-primary)}.cs-seg-btn.active{background:var(--bg-surface,#fff);color:var(--text-primary);box-shadow:0 2px 8px #00000014,0 0 0 1px #0000000a}.cs-aspect-grid{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.cs-aspect-btn{background:var(--bg-card,#00000008);border:1px solid var(--border-card,#00000014);cursor:pointer;border-radius:11px;flex-direction:column;align-items:center;gap:5px;padding:8px 4px 6px;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex}.cs-aspect-btn:hover{background:var(--bg-card-hover,#0000000f);border-color:var(--border-strong,#00000026);transform:translateY(-1px)}.cs-aspect-btn.active{background:var(--bg-surface,#fff);border-color:var(--accent-primary,#10b981);box-shadow:0 0 0 1px var(--accent-primary,#10b981), 0 2px 6px #00000014}.cab-box{border:1.5px solid var(--text-primary,#18181b);border-radius:3px;transition:border-color .18s;display:block}html.theme-dark .cab-box,.theme-dark .cab-box,:root.theme-dark .cab-box,[data-theme=dark] .cab-box,html.theme-dark .cs-aspect-btn .cab-box,html.theme-dark .cs-aspect-btn:hover .cab-box,html.theme-dark .cs-aspect-btn.active .cab-box,.theme-dark .cs-aspect-btn.active .cab-box{border-color:#fff!important}.cs-aspect-btn.active .cab-box{border-color:var(--accent-primary,#10b981)}.r-16-9{width:22px;height:13px}.r-9-16{width:13px;height:22px}.r-1-1{width:16px;height:16px}.r-4-3{width:20px;height:15px}.r-21-9{width:25px;height:11px}.cab-text{color:var(--text-primary);font-size:11px;font-weight:700;font-family:var(--font-mono,monospace)}.cab-hint{color:var(--text-muted);white-space:nowrap;font-size:9px;font-weight:550}.cs-select-wrap{width:100%;position:relative}.cs-select{appearance:none;background:var(--bg-card,#00000008);border:1px solid var(--border-card,#0000001a);width:100%;color:var(--text-primary);cursor:pointer;border-radius:12px;outline:none;padding:10px 36px 10px 14px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .18s}.cs-select:focus{border-color:var(--accent-primary,#10b981);box-shadow:0 0 0 1.5px var(--accent-primary,#10b981)}.cs-select-chevron{pointer-events:none;color:var(--text-muted);place-items:center;display:grid;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.cs-pro-banner{color:var(--text-primary);background:#10b98114;border:1px solid #10b98147;border-radius:10px;justify-content:space-between;align-items:center;margin-top:4px;padding:8px 12px;font-size:11px;display:flex}.cpb-left{align-items:center;gap:7px;font-weight:550;display:flex}.cpb-upgrade-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;padding:4px 9px;font-size:10.5px;font-weight:700;transition:all .15s}.cpb-upgrade-btn:hover{background:#059669;transform:translateY(-1px)}.capture-video-options{background:var(--bg-card,#00000005);border:1px solid var(--border-card,#0000000f);border-radius:14px;flex-direction:column;gap:10px;padding:12px;display:flex}.cs-input-group{background:var(--bg-surface,#fff);border:1px solid var(--border-card,#0000001a);border-radius:10px;align-items:center;padding:0 10px;display:flex}.cs-number-input{width:100%;color:var(--text-primary);font-size:12.5px;font-weight:650;font-family:var(--font-mono,monospace);background:0 0;border:none;outline:none;padding:7px 0}.cs-input-suffix{color:var(--text-muted);font-size:11px;font-weight:600}.cs-hint-box{color:var(--text-muted);align-items:center;gap:7px;font-size:11px;font-weight:500;display:flex}.capture-progress-card{background:#10b9810f;border:1px solid #10b9814d;border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.cpc-header{color:var(--text-primary);justify-content:space-between;align-items:center;font-size:11px;font-weight:650;display:flex}.cpc-status-dot{background:#ef4444;border:1px solid #ffffff40;border-radius:50%;width:8px;height:8px;margin-right:6px;animation:1.2s ease-in-out infinite pulse-recording;display:inline-block;box-shadow:0 1px 2px #0000004d}@keyframes pulse-recording{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.cpc-percent{font-family:var(--font-mono,monospace);color:#10b981;font-weight:700}.cpc-progress-bar{background:#0000001a;border-radius:999px;width:100%;height:6px;overflow:hidden}.cpc-progress-fill{background:linear-gradient(90deg,#10b981 0%,#06b6d4 100%);border-radius:999px;height:100%;transition:width .1s linear}.cpc-footer{justify-content:space-between;align-items:center;font-size:10.5px;display:flex}.cpc-time{font-family:var(--font-mono,monospace);color:var(--text-muted)}.cpc-stop-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:10.5px;font-weight:700}.cpc-stop-btn:hover{text-decoration:underline}.capture-cta-wrap{margin-top:4px}.btn-capture-submit{width:100%;height:42px;font-family:var(--font-display,"Space Grotesk", sans-serif);letter-spacing:-.01em;color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:9px;font-size:13px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 6px #0003,inset 0 1px #ffffff40}.btn-capture-submit:hover{transform:translateY(-1px);box-shadow:0 4px 10px #00000040,inset 0 1px #ffffff4d}.btn-capture-submit:active{transform:translateY(1px);box-shadow:0 1px 3px #0000004d}.btn-capture-submit.disabled{opacity:.5;pointer-events:none;cursor:not-allowed}html.theme-dark .capture-modal-card{background:#15171f;border-color:#ffffff1a;box-shadow:0 30px 80px #000c,0 0 0 1px #ffffff1a}html.theme-dark .capture-modal-head{background:#191b24;border-color:#ffffff12}html.theme-dark .cs-segmented{background:#ffffff08;border-color:#ffffff14}html.theme-dark .cs-seg-btn.active{color:#fff;background:#242735;box-shadow:0 2px 8px #0006}html.theme-dark .cs-aspect-btn{background:#ffffff08;border-color:#ffffff14}html.theme-dark .cs-aspect-btn:hover{background:#ffffff0f;border-color:#ffffff26}html.theme-dark .cs-aspect-btn.active{background:#1b2823;border-color:#10b981;box-shadow:0 0 0 1.5px #10b981,0 2px 6px #0006}html.theme-dark .cs-select{color:#fff;background:#1c1e28;border-color:#ffffff1a}html.theme-dark .cs-input-group{background:#1c1e28;border-color:#ffffff1a}html.theme-dark .capture-video-options{background:#ffffff05;border-color:#ffffff0f}html.theme-dark .cpc-progress-bar{background:#ffffff1a}