/* JetBrains Mono (Latin-ext) */@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500 700;font-display:swap;src:url(../fonts/jetbrains-mono-latin-ext.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500 700;font-display:swap;src:url(../fonts/jetbrains-mono-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/plus-jakarta-sans-latin-ext.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/plus-jakarta-sans-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}:root{--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-dark:#060911;--bg-card:rgba(15,23,42,.86);--border-glass:hsla(0,0%,100%,.12);--border-active:hsla(0,0%,100%,.35);--text-main:#f8fafc;--text-muted:#94a3b8;--accent-blue:#6366f1;--accent-pink:#ec4899;--accent-hover:#4f46e5;--shadow-float:0 20px 50px rgba(0,0,0,.55);--shadow-glow:0 0 25px rgba(99,102,241,.35);--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--transition-fast:0.18s ease;--transition-smooth:0.35s cubic-bezier(0.4, 0, 0.2, 1);--transition-color:background-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--bg-dark);color:var(--text-main);height:100vh;width:100vw;overflow:hidden;display:flex;flex-direction:column;user-select:none}.hidden{display:none!important}.app-header{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 24px);height:48px;background:rgba(10,15,29,.88);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid hsla(0,0%,100%,.15);border-radius:var(--radius-full);justify-content:center;padding:0 10px;z-index:100;box-shadow:0 20px 50px rgba(0,0,0,.65),0 0 30px rgba(99,102,241,.22);flex-wrap:nowrap;white-space:nowrap}.app-header,.header-left-group{display:flex;align-items:center;gap:6px}.header-left-group{flex-shrink:0}.header-center-group{display:flex;align-items:center;justify-content:center;flex-shrink:0}.header-sep{width:1px;height:18px;background:hsla(0,0%,100%,.16);margin:0 1px;flex-shrink:0}.brand{gap:6px}.brand,.brand-icon{display:flex;align-items:center;flex-shrink:0}.brand-icon{width:28px;height:28px;border-radius:8px;justify-content:center;overflow:hidden;box-shadow:0 0 14px rgba(79,22,232,.45);border:1px solid hsla(0,0%,100%,.12);background:#080c14}.brand-icon svg{width:100%;height:100%;display:block}.brand-text{font-size:.92rem;font-weight:800;letter-spacing:-.02em;white-space:nowrap}.badge-pro{background:rgba(99,102,241,.25);border:1px solid rgba(99,102,241,.5);color:#a5b4fc;font-size:.6rem;font-weight:800;padding:2px 5px;border-radius:4px;margin-left:2px}.mode-pills{display:flex;background:rgba(0,0,0,.45);padding:3px;border:1px solid hsla(0,0%,100%,.1);gap:2px;flex-shrink:0}.mode-btn,.mode-pills{border-radius:var(--radius-full)}.mode-btn{display:inline-flex;align-items:center;gap:5px;background:transparent;border:none;color:var(--text-muted);padding:5px 12px;font-size:.78rem;font-weight:700;cursor:pointer;transition:var(--transition-fast);white-space:nowrap}.mode-btn:hover{color:var(--text-main)}.mode-btn.active{background:hsla(0,0%,100%,.2);color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.35)}.header-actions{display:flex;flex-wrap:nowrap}.glass-btn,.header-actions{align-items:center;gap:5px;flex-shrink:0}.glass-btn{display:inline-flex;background:hsla(0,0%,100%,.08);border:1px solid var(--border-glass);color:var(--text-main);padding:5px 10px;border-radius:var(--radius-full);font-size:.76rem;font-weight:700;cursor:pointer;transition:var(--transition-fast);white-space:nowrap}.glass-btn.icon-only{padding:5px 8px}.glass-btn:hover{background:hsla(0,0%,100%,.18);transform:translateY(-1px)}.sync-toggle-pill{font-size:.76rem;font-weight:700;padding:5px 11px;gap:4px;border-radius:var(--radius-full);transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;align-items:center}.sync-toggle-pill.sync-active{background:rgba(16,185,129,.22);border-color:rgba(16,185,129,.6);color:#6ee7b7;box-shadow:0 0 14px rgba(16,185,129,.35)}.sync-toggle-pill.sync-active:hover{background:rgba(16,185,129,.35);border-color:#10b981}.sync-toggle-pill.unhinged-active{background:rgba(245,158,11,.18);border-color:rgba(245,158,11,.5);color:#fde68a;box-shadow:0 0 12px rgba(245,158,11,.25)}.sync-toggle-pill.unhinged-active:hover{background:rgba(245,158,11,.3);border-color:#f59e0b}.harmony-select-wrap{display:inline-flex;align-items:center;gap:6px;background:rgba(0,0,0,.4);border:1px solid var(--border-glass);padding:4px 10px 4px 8px;border-radius:var(--radius-full);transition:var(--transition-fast)}.harmony-select-wrap:hover{background:hsla(0,0%,100%,.12);border-color:hsla(0,0%,100%,.35)}.harmony-icon{font-size:.85rem}.harmony-select{background:transparent;border:none;color:#fff;font-size:.78rem;font-weight:700;font-family:inherit;outline:none;cursor:pointer}.harmony-select option{background:#0f172a;color:#fff;font-weight:600;padding:6px}.harmony-select-wrap.mini-harmony{padding:2px 6px;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.14);max-width:140px;flex-shrink:1}.harmony-select-wrap.mini-harmony .harmony-select{font-size:.7rem;max-width:110px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.harmony-select-wrap.palette-harmony{padding:4px 8px;background:rgba(0,0,0,.35);border:1px solid hsla(0,0%,100%,.16)}.glass-btn.share-btn:hover{background:rgba(59,130,246,.25);border-color:#3b82f6;color:#93c5fd}.glass-btn.save-btn:hover{background:rgba(236,72,153,.25);border-color:#ec4899;color:#f472b6}.count-badge{background:hsla(0,0%,100%,.16);color:#fff;font-size:.65rem;font-weight:800;padding:1px 6px;border-radius:var(--radius-full);font-family:var(--font-mono)}.glass-btn.primary{background:#6366f1;border-color:#4f46e5;box-shadow:var(--shadow-glow)}.glass-btn.primary:hover{background:#4f46e5}.glass-btn.install-app-btn{background:rgba(16,185,129,.15);border-color:rgba(16,185,129,.35);color:#6ee7b7}.glass-btn.install-app-btn:hover{background:#10b981;border-color:#059669;color:#fff;box-shadow:0 0 15px rgba(16,185,129,.4)}.glass-btn.pro-upgrade-btn{background:linear-gradient(135deg,rgba(236,72,153,.25),rgba(99,102,241,.25));border:1px solid rgba(236,72,153,.5);color:#fbcfe8;font-weight:800;box-shadow:0 0 12px rgba(236,72,153,.2)}.glass-btn.pro-upgrade-btn:hover{background:linear-gradient(135deg,#ec4899,#6366f1);color:#fff;border-color:#fff;box-shadow:0 0 18px rgba(236,72,153,.5);transform:translateY(-1px)}.glass-btn.pro-upgrade-btn.pro-activated{background:rgba(16,185,129,.15);border-color:rgba(16,185,129,.4);color:#34d399}@media (max-width:1480px){.header-actions #openLibraryBtn span:first-of-type,.header-actions .glass-btn.extractor-nav-btn span,.header-actions .glass-btn.install-app-btn span,.header-actions .glass-btn.mockup-nav-btn span,.header-actions .glass-btn.shades-nav-btn span{display:none}}@media (max-width:1240px){#syncModeToggleBtn span:last-child,.header-center-group{display:none}.brand-text{font-size:.82rem}}@media (max-width:1040px){.header-actions .glass-btn span:not(.count-badge){display:none}.brand-text{font-size:.76rem}}.palette-grid{display:flex;height:100vh;width:100vw;position:absolute;inset:0;z-index:10}.color-column{flex:1;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:92px 14px;position:relative;cursor:pointer;transition:var(--transition-color)}.color-column:hover{filter:brightness(1.04)}.column-actions{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;opacity:.75;transition:var(--transition-smooth)}.color-column:hover .column-actions{opacity:1;transform:scale(1.04)}.icon-btn{background:rgba(0,0,0,.22);border:1px solid hsla(0,0%,100%,.25);border-radius:var(--radius-full);width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:inherit;cursor:pointer;transition:var(--transition-fast);backdrop-filter:blur(8px)}.icon-btn:hover{background:rgba(0,0,0,.45);transform:scale(1.1)}.icon-btn.is-locked{background:rgba(0,0,0,.7);border-color:hsla(0,0%,100%,.5);box-shadow:0 0 16px rgba(0,0,0,.4)}.col-mini-btn{background:rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.2);border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:inherit;cursor:pointer;font-size:.85rem;opacity:0;transition:var(--transition-fast)}.color-column:hover .col-mini-btn{opacity:.85}.col-mini-btn:hover{opacity:1;background:rgba(0,0,0,.5);transform:scale(1.15)}.color-info{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;transition:var(--transition-smooth)}.color-hex{font-family:var(--font-mono);font-size:1.5rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.color-name{font-size:.82rem;font-weight:700;opacity:.8}.copy-hint{font-size:.7rem;font-weight:600;opacity:0;transform:translateY(4px);transition:var(--transition-smooth)}.color-column:hover .copy-hint{opacity:.8;transform:translateY(0)}.col-wcag-badge{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:1px solid hsla(0,0%,100%,.18);background:rgba(15,23,42,.75);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;font-family:var(--font-mono);font-size:.68rem;font-weight:700;padding:3px 9px;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:6px;cursor:pointer;margin-top:5px;box-shadow:0 4px 12px rgba(0,0,0,.35);transition:var(--transition-fast)}.col-wcag-badge:hover{background:rgba(30,41,59,.95);border-color:hsla(0,0%,100%,.4);transform:translateY(-1px)}.wcag-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.wcag-dot.aaa{background:#22c55e;box-shadow:0 0 6px #22c55e}.wcag-dot.aa{background:#3b82f6;box-shadow:0 0 6px #3b82f6}.wcag-dot.aa-large{background:#f59e0b;box-shadow:0 0 6px #f59e0b}.wcag-dot.fail{background:#ef4444;box-shadow:0 0 6px #ef4444}.chip-wcag-dot{width:5px;height:5px;border-radius:50%;display:inline-block;margin-left:2px}.chip-wcag-dot.aaa{background:#22c55e}.chip-wcag-dot.aa{background:#3b82f6}.chip-wcag-dot.aa-large{background:#f59e0b}.chip-wcag-dot.fail{background:#ef4444}.editor-wcag-card{background:#060911;border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:12px 14px;display:flex;flex-direction:column;gap:10px}.wcag-metric-row{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.wcag-metric{display:flex;align-items:center;gap:6px;font-size:.76rem}.wcag-metric-lbl{color:var(--text-muted)}.wcag-ratio-val{font-family:var(--font-mono);color:#fff}.wcag-pill{padding:2px 7px;border-radius:var(--radius-full);font-size:.65rem;font-weight:800;text-transform:uppercase}.wcag-pill.aaa-pass{background:rgba(34,197,94,.2);color:#4ade80;border:1px solid rgba(34,197,94,.4)}.wcag-pill.aa-pass{background:rgba(59,130,246,.2);color:#60a5fa;border:1px solid rgba(59,130,246,.4)}.wcag-pill.aa-large{background:rgba(245,158,11,.2);color:#fbbf24;border:1px solid rgba(245,158,11,.4)}.wcag-pill.fail{background:rgba(239,68,68,.2);color:#f87171;border:1px solid rgba(239,68,68,.4)}.wcag-preview-box{padding:10px 12px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:700;text-align:center;transition:var(--transition-fast)}.palette-help-badge{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);padding:6px 10px 6px 8px;font-size:.78rem;font-weight:600;color:var(--text-muted);z-index:80;box-shadow:var(--shadow-float);display:flex;align-items:center;gap:8px;max-width:96vw;overflow-x:auto}.palette-floating-add-btn,.palette-help-badge{border-radius:var(--radius-full);white-space:nowrap}.palette-floating-add-btn{background:#6366f1;border:none;color:#fff;font-size:.75rem;font-weight:700;padding:5px 12px;cursor:pointer;flex-shrink:0;transition:var(--transition-fast)}.palette-floating-add-btn:hover{background:#4f46e5}.badge-shortcut-text{font-size:.72rem;font-weight:600;color:var(--text-muted);white-space:nowrap;flex-shrink:0;padding:0 4px}.palette-minimize-btn{background:hsla(0,0%,100%,.08);border:1px solid var(--border-glass);color:var(--text-muted);width:24px;height:24px;min-width:24px;min-height:24px;border-radius:50%;aspect-ratio:1/1;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;font-weight:700;line-height:1;transition:var(--transition-fast);margin-left:2px}.palette-minimize-btn:hover{background:hsla(0,0%,100%,.2);color:#fff;transform:scale(1.12)}.palette-minimized-pill{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);background:rgba(15,23,42,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(99,102,241,.4);color:#c7d2fe;padding:6px 16px;border-radius:var(--radius-full);font-size:.76rem;font-weight:700;cursor:pointer;z-index:80;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow-float);transition:all .2s cubic-bezier(.16,1,.3,1)}.palette-minimized-pill:hover{background:#6366f1;color:#fff;transform:translateX(-50%) translateY(-2px);box-shadow:0 10px 25px rgba(99,102,241,.4)}.wcag-fixer-group{display:inline-flex;align-items:center;gap:4px;background:rgba(16,185,129,.12);border:1px solid rgba(52,211,153,.35);border-radius:var(--radius-full);padding:2px 4px}.wcag-fixer-group .mini-btn-accent{border:none;background:transparent;padding:3px 8px}.wcag-fixer-group .mini-btn-accent:hover{background:rgba(16,185,129,.25);box-shadow:none}.wcag-target-select{background:rgba(0,0,0,.4);border:1px solid hsla(0,0%,100%,.15);color:#6ee7b7;font-family:var(--font-mono);font-size:.72rem;font-weight:700;padding:3px 6px;border-radius:12px;cursor:pointer;outline:none;transition:var(--transition-fast)}.wcag-target-select:hover{background:rgba(0,0,0,.6);border-color:rgba(52,211,153,.6)}.wcag-target-select.mini{padding:2px 4px;font-size:.68rem}.gradient-stage{position:absolute;inset:0;z-index:1;transition:background .4s ease;background-size:100% 100%;background-repeat:no-repeat}.gradient-stage.animated{animation:gradientFlow 10s ease infinite alternate;background-size:200% 200%}@keyframes gradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.metallic-sheen{z-index:3;transition:opacity .25s ease,background .25s ease}.metallic-sheen,.noise-overlay{position:absolute;inset:0;pointer-events:none;mix-blend-mode:overlay;opacity:0}.noise-overlay{z-index:4;background-repeat:repeat;background-size:180px 180px;transition:opacity .25s ease}.mesh-container{position:absolute;inset:0;overflow:hidden;background:#060813;filter:blur(90px);-webkit-filter:blur(90px);z-index:2;opacity:.96;transition:opacity .4s ease}.blob{position:absolute;border-radius:50%;mix-blend-mode:screen;opacity:.85;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.4,0,.2,1);animation-direction:alternate}.blob-1{width:60vw;height:60vh;top:14vh;left:8vw;animation:float1 14s infinite alternate}.blob-2{width:56vw;height:56vh;top:18vh;left:34vw;animation:float2 18s infinite alternate}.blob-3{width:52vw;height:52vh;top:30vh;left:22vw;animation:float3 16s infinite alternate}.blob-4{width:50vw;height:50vh;top:29vh;left:39vw;animation:float4 20s infinite alternate}@keyframes float1{0%{transform:translate(0) scale(1)}to{transform:translate(40px,25px) scale(1.06)}}@keyframes float2{0%{transform:translate(0) scale(1.05)}to{transform:translate(-35px,-20px) scale(.96)}}@keyframes float3{0%{transform:translate(0) scale(.96)}to{transform:translate(30px,-25px) scale(1.06)}}@keyframes float4{0%{transform:translate(0) scale(1.06)}to{transform:translate(-30px,30px) scale(.95)}}.bottom-controls-wrap{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);width:calc(100% - 32px);max-width:1480px;z-index:50}.glass-card{background:var(--bg-card);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:8px 14px;box-shadow:var(--shadow-float);display:flex;align-items:center;gap:12px;width:100%;box-sizing:border-box}.stops-section{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:5px}.stops-header{gap:6px;flex-wrap:nowrap}.mini-modes,.stops-header{display:flex;align-items:center}.mini-modes{gap:2px;flex-shrink:0}.mini-modes .grad-sub-btn{background:transparent;border:none;color:var(--text-muted);padding:3px 7px;font-size:.7rem;font-weight:700;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast);white-space:nowrap}.mini-modes .grad-sub-btn.active{background:hsla(0,0%,100%,.16);color:#fff}.stops-actions{display:flex;margin-left:auto}.mini-btn,.stops-actions{align-items:center;gap:4px;flex-shrink:0}.mini-btn{background:hsla(0,0%,100%,.1);border:1px solid var(--border-glass);color:#fff;font-size:.68rem;font-weight:600;padding:3px 7px;border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;display:inline-flex;justify-content:center;line-height:1;transition:var(--transition-fast)}.mini-btn:hover{background:hsla(0,0%,100%,.2)}.generate-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;background:rgba(99,102,241,.25);border:1px solid rgba(99,102,241,.45);color:#c7d2fe;font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:var(--transition-fast)}.generate-btn:hover{background:rgba(99,102,241,.45);color:#fff}.stops-track{display:flex;align-items:center;gap:5px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.stops-track::-webkit-scrollbar{display:none}.clean-stop-chip{display:inline-flex;align-items:center;gap:5px;background:rgba(0,0,0,.4);border:1px solid hsla(0,0%,100%,.14);padding:3px 7px;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast);flex-shrink:0}.clean-stop-chip:hover{background:hsla(0,0%,100%,.12);border-color:hsla(0,0%,100%,.35);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.clean-stop-chip.active{border-color:#6366f1;background:rgba(99,102,241,.25);box-shadow:0 0 12px rgba(99,102,241,.4)}.chip-color-dot{width:12px;height:12px;border-radius:50%;border:1px solid hsla(0,0%,100%,.5);flex-shrink:0}.chip-hex-text{font-family:var(--font-mono);font-size:.72rem;font-weight:700;color:#fff}.chip-pos-tag{font-size:.6rem;font-weight:600;color:var(--text-muted);background:hsla(0,0%,100%,.08);padding:1px 3px;border-radius:4px}.chip-edit-icon{font-size:.6rem;opacity:.5}.geometry-section{flex:0 0 auto;width:180px;display:flex;flex-direction:column;gap:4px}.control-row{justify-content:space-between;gap:6px}.control-label,.control-row{display:flex;align-items:center}.control-label{font-size:.72rem;font-weight:600;color:var(--text-muted);gap:4px;min-width:80px}.value-badge{background:hsla(0,0%,100%,.1);padding:1px 4px;border-radius:4px;font-family:var(--font-mono);font-size:.64rem;color:#fff}.custom-slider{flex:1;accent-color:#6366f1;cursor:pointer;min-width:45px}.full-slider{width:100%;height:6px}.toggle-switch{position:relative;display:inline-block;width:32px;height:16px}.toggle-switch input{opacity:0;width:0;height:0}.switch-slider{position:absolute;cursor:pointer;inset:0;background-color:hsla(0,0%,100%,.15);transition:.3s;border-radius:34px}.switch-slider:before{position:absolute;content:"";height:10px;width:10px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.switch-slider{background-color:#6366f1}input:checked+.switch-slider:before{transform:translateX(16px)}.panel-divider{width:1px;height:54px;background:hsla(0,0%,100%,.12);flex-shrink:0}.quick-actions{display:flex;flex-direction:column;gap:4px;flex-shrink:0;width:110px}.action-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;background:hsla(0,0%,100%,.08);border:1px solid var(--border-glass);color:var(--text-main);padding:5px 10px;border-radius:var(--radius-md);font-size:.74rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:var(--transition-fast)}.action-btn:hover{background:hsla(0,0%,100%,.16);transform:translateY(-1px)}.action-btn.primary-action{background:#6366f1;border-color:#4f46e5;color:#fff;box-shadow:0 4px 15px rgba(99,102,241,.3)}.action-btn.primary-action:hover{background:#4f46e5}.action-btn.danger-action{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.4);color:#f87171}.action-btn.danger-action:hover{background:#ef4444;color:#fff}.waveform-hud-panel{position:fixed;top:75px;right:24px;width:480px;max-width:92vw;background:rgba(15,23,42,.92);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(99,102,241,.35);box-shadow:0 20px 50px rgba(0,0,0,.6),0 0 30px rgba(99,102,241,.15);border-radius:16px;z-index:999;overflow:hidden;animation:hudSlideIn .25s cubic-bezier(.16,1,.3,1)}@keyframes hudSlideIn{0%{opacity:0;transform:translateY(-12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.hud-header{justify-content:space-between;padding:12px 16px;background:hsla(0,0%,100%,.04);border-bottom:1px solid hsla(0,0%,100%,.08)}.hud-header,.hud-title-wrap{display:flex;align-items:center}.hud-title-wrap{gap:8px}.hud-pulse-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981;animation:hudPulse 1.8s infinite}@keyframes hudPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.hud-title{font-size:.82rem;font-weight:700;color:#f8fafc;letter-spacing:-.01em}.hud-actions{display:flex;align-items:center;gap:8px}.hud-mini-btn{background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.4);color:#34d399;font-size:.72rem;font-weight:700;padding:4px 10px;border-radius:6px;cursor:pointer;transition:.2s}.hud-mini-btn:hover{background:#10b981;color:#fff;box-shadow:0 0 12px rgba(16,185,129,.4)}.hud-close-btn{background:transparent;border:none;color:#94a3b8;font-size:1.2rem;cursor:pointer;padding:0 4px;line-height:1}.hud-close-btn:hover{color:#fff}.hud-body{padding:14px 16px;display:flex;flex-direction:column;gap:12px}.waveform-canvas{width:100%;height:120px;background:rgba(0,0,0,.4);border-radius:10px;border:1px solid hsla(0,0%,100%,.08)}.hud-metrics-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.hud-metric-card{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.06);border-radius:8px;padding:6px 8px;display:flex;flex-direction:column;gap:2px}.hud-metric-lbl{font-size:.62rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em}.hud-metric-val{font-family:var(--font-mono);font-size:.8rem;font-weight:700;color:#f1f5f9}.hud-metric-val.pass{color:#34d399}.mini-btn-accent{background:linear-gradient(135deg,rgba(16,185,129,.25),rgba(6,182,212,.25));border:1px solid rgba(52,211,153,.5);color:#6ee7b7;font-size:.76rem;font-weight:700;padding:5px 12px;border-radius:20px;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:5px;flex-shrink:0;line-height:1;transition:var(--transition-fast)}.mini-btn-accent:hover{background:linear-gradient(135deg,#10b981,#06b6d4);color:#fff;box-shadow:0 0 14px rgba(16,185,129,.5);transform:translateY(-1px)}.stop-editor-card{max-width:460px;width:95vw;max-height:90vh;background:#0f172a;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.8),0 0 40px rgba(99,102,241,.25)}.stop-editor-card .modal-header{flex-shrink:0;padding:16px 22px;border-bottom:1px solid hsla(0,0%,100%,.08)}.editor-title-wrap{display:flex;align-items:center;gap:12px}.editor-preview-circle{width:32px;height:32px;border-radius:50%;border:2px solid hsla(0,0%,100%,.5);box-shadow:0 0 12px rgba(0,0,0,.4)}.editor-nav{gap:6px}.editor-nav,.editor-nav-btn{display:flex;align-items:center}.editor-nav-btn{background:hsla(0,0%,100%,.08);border:1px solid var(--border-glass);color:#fff;width:28px;height:28px;border-radius:var(--radius-sm);justify-content:center;font-size:.9rem;cursor:pointer}.editor-nav-btn:hover{background:hsla(0,0%,100%,.18)}.editor-body{padding:18px 22px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.2) transparent}.editor-body::-webkit-scrollbar{width:6px}.editor-body::-webkit-scrollbar-track{background:transparent}.editor-body::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:4px}.editor-body::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.35)}.editor-field-group{display:flex;flex-direction:column;gap:7px}.editor-field-label{font-size:.76rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.reorder-btn-group{display:flex;gap:8px}.reorder-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;background:hsla(0,0%,100%,.08);border:1px solid var(--border-glass);color:var(--text-main);padding:7px 12px;border-radius:var(--radius-sm);font-size:.78rem;font-weight:700;cursor:pointer;transition:var(--transition-fast)}.reorder-btn:hover{background:rgba(99,102,241,.25);border-color:#6366f1;color:#fff}.editor-color-row{display:flex;align-items:center;gap:10px}.editor-big-color-picker{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:44px;height:44px;border:none;border-radius:var(--radius-md);cursor:pointer;background:transparent}.editor-big-color-picker::-webkit-color-swatch-wrapper{padding:0}.editor-big-color-picker::-webkit-color-swatch{border:2px solid hsla(0,0%,100%,.4);border-radius:var(--radius-md)}.editor-hex-field{flex:1;background:#060911;border:1px solid var(--border-glass);color:#fff;font-family:var(--font-mono);font-size:1.1rem;font-weight:700;padding:10px 14px;border-radius:var(--radius-md);outline:none;text-transform:uppercase}.editor-hex-field:focus{border-color:#6366f1}.eyedropper-btn{background:hsla(0,0%,100%,.08);border:1px solid var(--border-glass);color:#fff;font-size:1.1rem;width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast)}.eyedropper-btn:hover{background:hsla(0,0%,100%,.2);transform:scale(1.05)}.slider-header{display:flex;justify-content:space-between;align-items:center}.quick-pos-presets{display:flex;gap:6px;margin-top:4px}.pos-preset-btn{flex:1;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.08);color:var(--text-muted);font-size:.68rem;font-weight:700;padding:4px 2px;border-radius:4px;cursor:pointer;transition:var(--transition-fast)}.pos-preset-btn:hover{background:hsla(0,0%,100%,.16);color:#fff}.editor-footer{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:14px 22px;border-top:1px solid hsla(0,0%,100%,.08);background:rgba(10,15,29,.95)}.editor-footer-left{display:flex;gap:8px}.preview-widget{position:absolute;top:72px;right:20px;width:308px;max-height:calc(100vh - 195px);display:flex;flex-direction:column;background:rgba(11,15,25,.92);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid hsla(0,0%,100%,.14);border-radius:20px;box-shadow:0 24px 60px rgba(0,0,0,.7),inset 0 1px 0 hsla(0,0%,100%,.18);z-index:60;overflow:hidden;transition:var(--transition-smooth)}.widget-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px 8px;border-bottom:1px solid hsla(0,0%,100%,.08)}.widget-header-title{display:flex;align-items:center;gap:7px}.widget-title-text{font-size:.78rem;font-weight:800;color:#fff;letter-spacing:-.01em}.widget-dot-live{width:7px;height:7px;background:#10b981;border-radius:50%;box-shadow:0 0 10px #10b981;animation:pulseDot 2s ease-in-out infinite}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.widget-header-controls{display:flex;align-items:center;gap:6px}.mini-theme-toggle{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.14);border-radius:var(--radius-sm);color:#fff;font-size:.72rem;padding:2px 7px;cursor:pointer;transition:var(--transition-fast)}.mini-theme-toggle:hover{background:hsla(0,0%,100%,.2)}.icon-toggle{background:transparent;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer;line-height:1}.icon-toggle:hover{color:#fff}.widget-subtabs{display:flex;background:rgba(0,0,0,.45);margin:8px 10px 4px;padding:3px;border-radius:12px;gap:3px;border:1px solid hsla(0,0%,100%,.06)}.widget-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;background:transparent;border:1px solid transparent;color:var(--text-muted);font-size:.7rem;font-weight:700;padding:5px 6px;border-radius:9px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.widget-tab svg{opacity:.75}.widget-tab:hover{color:#fff;background:hsla(0,0%,100%,.08)}.widget-tab.active{background:hsla(0,0%,100%,.16);color:#fff;border-color:hsla(0,0%,100%,.18);box-shadow:0 2px 8px rgba(0,0,0,.35)}.widget-tab.active svg{opacity:1;stroke:#818cf8}.widget-style-toolbar{padding:4px 12px 8px;min-height:32px;display:flex;align-items:center}.style-row-context{display:flex;align-items:center;justify-content:space-between;width:100%;gap:6px}.style-ctx-lbl{font-size:.65rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.style-ctx-tag{font-size:.6rem;background:rgba(99,102,241,.2);color:#c7d2fe;padding:1px 6px;border-radius:4px;font-weight:700}.style-pill-group{display:flex;gap:4px}.style-mini-pill{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);color:var(--text-muted);font-size:.62rem;font-weight:700;padding:3px 8px;border-radius:6px;cursor:pointer;transition:var(--transition-fast)}.style-mini-pill:hover{color:#fff;background:hsla(0,0%,100%,.14)}.style-mini-pill.active{background:#6366f1;color:#fff;border-color:#818cf8;box-shadow:0 0 10px rgba(99,102,241,.5)}.widget-text-color-bar{display:flex;align-items:center;justify-content:space-between;padding:4px 12px 6px;border-bottom:1px solid hsla(0,0%,100%,.06)}.text-color-lbl{font-size:.65rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.text-color-pill-group{display:flex;gap:3px;align-items:center}.text-mode-pill{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);color:var(--text-muted);font-size:.62rem;font-weight:700;padding:2px 6px;border-radius:5px;cursor:pointer;transition:var(--transition-fast)}.text-mode-pill:hover{color:#fff;background:hsla(0,0%,100%,.12)}.text-mode-pill.active{background:#6366f1;color:#fff;border-color:#818cf8}.custom-color-picker-pill{position:relative;display:flex;align-items:center;gap:4px;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);padding:2px 6px;border-radius:5px;cursor:pointer;font-size:.62rem;font-weight:700;color:var(--text-muted);overflow:hidden}.custom-color-picker-pill.active{background:rgba(99,102,241,.25);border-color:#818cf8;color:#fff}.native-text-color-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.custom-color-swatch-dot{width:8px;height:8px;border-radius:50%;border:1px solid hsla(0,0%,100%,.4)}.widget-content{padding:2px 10px 10px;display:flex;flex-direction:column;gap:8px;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.2) transparent}.widget-content::-webkit-scrollbar{width:4px}.widget-content::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.25);border-radius:4px}.widget-content.collapsed{display:none}.live-ui-view{gap:8px}.button-stage-card,.live-ui-view{display:flex;flex-direction:column}.button-stage-card{background:rgba(0,0,0,.35);border:1px solid hsla(0,0%,100%,.08);border-radius:14px;padding:12px 10px 8px;gap:6px}.button-preview{width:100%;height:40px;border-radius:10px;border:1px solid hsla(0,0%,100%,.2);color:#fff;font-weight:800;font-size:.82rem;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.4);text-shadow:0 1px 2px rgba(0,0,0,.5);transition:transform .15s ease,box-shadow .15s ease;display:flex;align-items:center;justify-content:center}.button-preview:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.5)}.button-preview.btn-style-outline{background:transparent!important;border:2px solid!important;color:#fff!important;box-shadow:none!important}.button-preview.btn-style-glow{box-shadow:0 0 24px rgba(99,102,241,.8)!important}.stage-metric-row{display:flex;justify-content:space-between;align-items:center;font-size:.62rem}.stage-badge{color:#34d399;font-weight:700;font-family:var(--font-mono)}.stage-tag{color:var(--text-muted)}.modal-dialog-preview{border-radius:14px;overflow:hidden;transition:all .25s ease;box-shadow:0 16px 40px rgba(0,0,0,.6)}.modal-dialog-preview.style-background{border:1px solid hsla(0,0%,100%,.3)}.modal-dialog-preview.style-background .modal-dialog-inner{background:transparent}.modal-dialog-preview.style-border{padding:2px}.modal-dialog-preview.style-border .modal-dialog-inner{background:#0b1120}.modal-dialog-preview.style-rim{border:1px solid hsla(0,0%,100%,.14);border-top:3px solid}.modal-dialog-preview.style-rim .modal-dialog-inner{background:#0b1120}.modal-dialog-preview.style-glass{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.25)}.modal-dialog-preview.style-glass .modal-dialog-inner{background:rgba(15,23,42,.6)}.modal-dialog-inner{padding:10px 12px;border-radius:12px;display:flex;flex-direction:column;gap:6px}.modal-preview-top{display:flex;justify-content:space-between;align-items:center}.modal-icon-badge{width:24px;height:24px;background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:.8rem}.modal-preview-close{color:inherit;opacity:.7;font-size:1rem;cursor:pointer;line-height:1}.modal-preview-title{font-size:.86rem;font-weight:800;margin:0}.modal-preview-sub{font-size:.7rem;line-height:1.35;margin:0}.modal-preview-actions{display:flex;gap:6px;margin-top:2px}.modal-preview-primary,.modal-preview-secondary{flex:1;padding:5px 10px;font-size:.7rem;font-weight:700;border-radius:8px;border:none;cursor:pointer}.modal-preview-primary{background:#6366f1;border:1px solid hsla(0,0%,100%,.25);color:#fff;font-size:.68rem;font-weight:800;padding:4px 11px;border-radius:6px;cursor:pointer;transition:var(--transition-fast)}.card-preview{border-radius:16px;overflow:hidden;transition:all .25s ease;box-shadow:0 16px 40px rgba(0,0,0,.6)}.card-preview.style-background{border:1px solid hsla(0,0%,100%,.3)}.card-preview.style-background .card-inner{background:transparent}.card-preview.style-border{padding:2px}.card-preview.style-border .card-inner{background:#0b1120}.card-preview.style-rim{border:1px solid hsla(0,0%,100%,.14);border-top:4px solid}.card-preview.style-rim .card-inner{background:#0b1120}.card-preview.style-glass{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.25)}.card-preview.style-glass .card-inner{background:rgba(15,23,42,.6)}.card-inner{padding:14px 14px 12px;border-radius:14px}.card-header-mini{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.card-badge-mini{font-size:.55rem;font-weight:800;background:hsla(0,0%,100%,.2);padding:1px 6px;border-radius:4px;letter-spacing:.04em}.card-status-mini{font-size:.58rem;font-weight:700;opacity:.85}.card-headline-main{font-size:.94rem;font-weight:800;margin:0 0 2px;line-height:1.25}.card-sub-main{font-size:.68rem;opacity:.85;margin:0 0 8px}.card-progress-bar-wrap{width:100%;height:5px;background:rgba(0,0,0,.35);border-radius:3px;overflow:hidden}.card-progress-bar{width:76%;height:100%;border-radius:3px;background:#fff}.mini-webpage-box{border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:8px;transition:all .25s ease;overflow:hidden}.mini-webpage-box.style-text{background:#080c14;border:1px solid hsla(0,0%,100%,.12)}.mini-webpage-box.style-hero{border:1px solid hsla(0,0%,100%,.3);box-shadow:0 14px 35px rgba(0,0,0,.5)}.mini-webpage-box.style-border{background:#080c14;padding:2px}.mini-webpage-box.style-glass{background:rgba(15,23,42,.65);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.25)}.mini-web-nav{display:flex;justify-content:space-between;align-items:center;padding-bottom:6px;border-bottom:1px solid hsla(0,0%,100%,.08);font-size:.62rem}.mini-web-logo{font-weight:800;color:#fff}.mini-web-links{display:flex;gap:8px;color:var(--text-muted)}.mini-web-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:6px 0}.mini-hero-badge{font-size:.52rem;font-weight:800;color:#c7d2fe;background:rgba(99,102,241,.2);border:1px solid rgba(99,102,241,.35);padding:1px 6px;border-radius:var(--radius-full);margin-bottom:4px}.mini-hero-title{font-size:.9rem;font-weight:800;margin-bottom:6px;line-height:1.25}.mini-hero-title.gradient-text-fill{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mini-hero-btn{background:#6366f1;border:1px solid hsla(0,0%,100%,.25);color:#fff;padding:4px 10px;border-radius:var(--radius-sm);font-size:.65rem;font-weight:700;cursor:pointer;transition:var(--transition-fast)}.mini-web-feature{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:var(--radius-sm);padding:4px 8px;font-size:.58rem;text-align:center;color:var(--text-muted)}.widget-copy-bar{display:flex;align-items:center;gap:7px;background:rgba(0,0,0,.4);border:1px solid hsla(0,0%,100%,.1);border-radius:9px;padding:5px 8px;margin-top:2px;color:var(--text-muted)}.widget-copy-bar:focus-within{border-color:#6366f1;box-shadow:0 0 10px rgba(99,102,241,.35)}.widget-copy-bar svg{opacity:.8;stroke:#818cf8}.widget-copy-input{background:transparent;border:none;outline:none;font-size:.72rem;color:#fff;width:100%;font-family:inherit;font-weight:600}.preview-widget.light-preview-theme{background:hsla(0,0%,100%,.94);border-color:rgba(0,0,0,.14);box-shadow:0 24px 60px rgba(0,0,0,.2),0 4px 16px rgba(0,0,0,.08);color:#0f172a}.preview-widget.light-preview-theme .widget-header{border-bottom-color:rgba(0,0,0,.08)}.preview-widget.light-preview-theme .widget-title-text{color:#0f172a}.preview-widget.light-preview-theme .mini-theme-toggle{background:rgba(0,0,0,.06);border-color:rgba(0,0,0,.12);color:#0f172a}.preview-widget.light-preview-theme .mini-theme-toggle:hover{background:rgba(0,0,0,.12)}.preview-widget.light-preview-theme .icon-toggle{color:#475569}.preview-widget.light-preview-theme .widget-subtabs{background:rgba(0,0,0,.06);border-color:rgba(0,0,0,.08)}.preview-widget.light-preview-theme .widget-tab{color:#64748b}.preview-widget.light-preview-theme .widget-tab:hover{color:#0f172a;background:rgba(0,0,0,.06)}.preview-widget.light-preview-theme .widget-tab.active{background:#fff;color:#0f172a;border-color:rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.preview-widget.light-preview-theme .widget-tab.active svg{stroke:#4f46e5}.preview-widget.light-preview-theme .style-ctx-lbl,.preview-widget.light-preview-theme .text-color-lbl{color:#475569}.preview-widget.light-preview-theme .style-mini-pill,.preview-widget.light-preview-theme .text-mode-pill{background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.1);color:#475569}.preview-widget.light-preview-theme .style-mini-pill:hover,.preview-widget.light-preview-theme .text-mode-pill:hover{background:rgba(0,0,0,.1);color:#0f172a}.preview-widget.light-preview-theme .style-mini-pill.active,.preview-widget.light-preview-theme .text-mode-pill.active{background:#6366f1;color:#fff;border-color:#6366f1;box-shadow:0 2px 8px rgba(99,102,241,.35)}.preview-widget.light-preview-theme .custom-color-picker-pill{background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.1);color:#475569}.preview-widget.light-preview-theme .custom-color-picker-pill.active{background:rgba(99,102,241,.15);border-color:#6366f1;color:#4f46e5}.preview-widget.light-preview-theme .button-stage-card{background:#f8fafc;border-color:rgba(0,0,0,.1);box-shadow:inset 0 2px 4px rgba(0,0,0,.02)}.preview-widget.light-preview-theme .button-preview.btn-style-outline{border-color:#0f172a!important;color:#0f172a!important}.preview-widget.light-preview-theme .stage-badge{color:#059669}.preview-widget.light-preview-theme .stage-tag{color:#64748b}.preview-widget.light-preview-theme .modal-dialog-preview.style-border .modal-dialog-inner,.preview-widget.light-preview-theme .modal-dialog-preview.style-rim .modal-dialog-inner{background:#fff;color:#0f172a}.preview-widget.light-preview-theme .modal-dialog-preview.style-glass .modal-dialog-inner{background:hsla(0,0%,100%,.85);color:#0f172a}.preview-widget.light-preview-theme .modal-preview-secondary{background:rgba(0,0,0,.06);border-color:rgba(0,0,0,.12);color:#334155}.preview-widget.light-preview-theme .modal-icon-badge{background:rgba(0,0,0,.06);border-color:rgba(0,0,0,.1);color:#0f172a}.preview-widget.light-preview-theme .modal-preview-close{color:#64748b}.preview-widget.light-preview-theme .card-preview.style-border .card-inner,.preview-widget.light-preview-theme .card-preview.style-rim .card-inner{background:#fff;color:#0f172a}.preview-widget.light-preview-theme .card-preview.style-glass .card-inner{background:hsla(0,0%,100%,.85);color:#0f172a}.preview-widget.light-preview-theme .card-badge-mini{background:rgba(0,0,0,.08);color:#0f172a}.preview-widget.light-preview-theme .card-sub-main{color:#64748b}.preview-widget.light-preview-theme .mini-webpage-box.style-border,.preview-widget.light-preview-theme .mini-webpage-box.style-text{background:#fff;border-color:rgba(0,0,0,.12)}.preview-widget.light-preview-theme .mini-web-nav{border-bottom-color:rgba(0,0,0,.08)}.preview-widget.light-preview-theme .mini-web-logo{color:#0f172a}.preview-widget.light-preview-theme .mini-web-links{color:#64748b}.preview-widget.light-preview-theme .mini-web-feature{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.08);color:#64748b}.preview-widget.light-preview-theme .widget-copy-bar{background:#f1f5f9;border-color:rgba(0,0,0,.12)}.preview-widget.light-preview-theme .widget-copy-bar:focus-within{border-color:#6366f1}.preview-widget.light-preview-theme .widget-copy-bar svg{stroke:#6366f1}.preview-widget.light-preview-theme .widget-copy-input{color:#0f172a}.preview-widget.light-preview-theme .widget-copy-input::placeholder{color:#94a3b8}.widget-code-box{margin:8px 12px 6px;background:rgba(0,0,0,.55);border:1px solid hsla(0,0%,100%,.12);border-radius:12px;padding:8px 10px;font-family:JetBrains Mono,monospace,Consolas,monospace}.widget-code-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.widget-code-lbl{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#a5b4fc}.mini-copy-code-btn{background:rgba(99,102,241,.2);border:1px solid rgba(99,102,241,.4);border-radius:6px;color:#fff;font-size:.64rem;font-weight:700;padding:3px 8px;cursor:pointer;transition:var(--transition-fast)}.mini-copy-code-btn:hover{background:#6366f1;border-color:#818cf8;box-shadow:0 0 12px rgba(99,102,241,.5)}.widget-code-pre{margin:0;padding:0;font-size:.67rem;line-height:1.4;color:#e2e8f0;white-space:pre-wrap;word-break:break-all;max-height:72px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.2) transparent}.widget-code-pre::-webkit-scrollbar{width:4px}.widget-code-pre::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.25);border-radius:4px}.preview-widget.light-preview-theme .widget-code-box{background:#f8fafc;border-color:rgba(0,0,0,.12)}.preview-widget.light-preview-theme .widget-code-lbl{color:#4f46e5}.preview-widget.light-preview-theme .widget-code-pre{color:#1e293b;scrollbar-color:rgba(0,0,0,.2) transparent}.preview-widget.light-preview-theme .mini-copy-code-btn{background:#e2e8f0;border-color:#cbd5e1;color:#0f172a}.library-card{max-width:860px;max-height:84vh}.library-toolbar{display:flex;justify-content:space-between;align-items:center;padding:10px 24px;background:rgba(0,0,0,.25);border-bottom:1px solid hsla(0,0%,100%,.06)}.library-count-text{font-size:.8rem;font-weight:700;color:var(--text-muted)}.library-backup-actions{display:flex;gap:8px}.mini-glass-btn{background:hsla(0,0%,100%,.08);border:1px solid var(--border-glass);color:var(--text-main);padding:5px 11px;border-radius:var(--radius-full);font-size:.74rem;font-weight:600;cursor:pointer;transition:var(--transition-fast);display:inline-flex;align-items:center}.mini-glass-btn:hover{background:hsla(0,0%,100%,.18)}.mini-glass-btn.sync-link-btn{background:linear-gradient(135deg,rgba(99,102,241,.25),rgba(236,72,153,.22));border-color:rgba(99,102,241,.5);color:#e0e7ff;font-weight:700;gap:5px}.mini-glass-btn.sync-link-btn:hover{background:linear-gradient(135deg,rgba(99,102,241,.45),rgba(236,72,153,.4));border-color:#a5b4fc;color:#fff;box-shadow:0 0 12px rgba(99,102,241,.35);transform:translateY(-1px)}.file-input-label{cursor:pointer}.library-transfer-bar{display:flex;gap:10px;padding:0 22px 14px;align-items:center}.transfer-input-wrap{flex:1;display:flex;align-items:center;background:rgba(0,0,0,.45);border:1px solid hsla(0,0%,100%,.12);border-radius:var(--radius-full);padding:0 14px;height:36px;transition:var(--transition-fast)}.transfer-input-wrap:focus-within{border-color:#6366f1;box-shadow:0 0 14px rgba(99,102,241,.3);background:rgba(0,0,0,.65)}.transfer-input-icon{font-size:.85rem;margin-right:8px;opacity:.7}#pasteLibraryLinkInput{flex:1;background:transparent;border:none;color:#fff;font-size:.78rem;outline:none;font-family:inherit}#pasteLibraryLinkInput::placeholder{color:hsla(0,0%,100%,.35)}.mini-glass-btn.transfer-run-btn{background:linear-gradient(135deg,#6366f1,#ec4899);border:none;color:#fff;font-weight:700;padding:0 16px;height:36px;box-shadow:0 4px 14px rgba(99,102,241,.35);flex-shrink:0}.mini-glass-btn.transfer-run-btn:hover{filter:brightness(1.15);box-shadow:0 6px 20px rgba(236,72,153,.45);transform:translateY(-1px)}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;padding:22px;overflow-y:auto}.saved-card{background:rgba(0,0,0,.4);border:1px solid var(--border-glass);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;transition:var(--transition-fast);box-shadow:0 4px 15px rgba(0,0,0,.25)}.saved-card:hover{border-color:hsla(0,0%,100%,.35);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.4)}.saved-card-preview{height:80px;width:100%;display:flex;position:relative}.saved-color-stripe{flex:1;height:100%}.saved-card-body{padding:12px 14px;display:flex;flex-direction:column;gap:8px}.saved-card-title-row{display:flex;justify-content:space-between;align-items:center}.saved-card-title{font-size:.85rem;font-weight:700;color:#f8fafc}.saved-card-date{font-size:.68rem;color:var(--text-muted)}.saved-card-actions{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.saved-load-btn{background:#6366f1;border:none;color:#fff;font-size:.75rem;font-weight:700;padding:5px 12px;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast)}.saved-load-btn:hover{background:#4f46e5}.saved-delete-btn{background:transparent;border:none;color:#f87171;font-size:.8rem;font-weight:700;cursor:pointer;padding:4px 8px;border-radius:4px;transition:var(--transition-fast)}.saved-delete-btn:hover{background:rgba(239,68,68,.2)}.empty-library-msg{grid-column:1/-1;text-align:center;padding:40px 20px;color:var(--text-muted);font-size:.9rem}.empty-icon{font-size:2.2rem;margin-bottom:8px;display:block}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.75);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:300;padding:20px;overflow-y:auto}.modal-card{background:#0f172a;border:1px solid var(--border-glass);border-radius:var(--radius-lg);width:100%;max-width:640px;max-height:92vh;box-shadow:var(--shadow-float);overflow:hidden;display:flex;flex-direction:column}.presets-card{max-width:880px;max-height:82vh}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 24px;border-bottom:1px solid hsla(0,0%,100%,.08)}.modal-subtitle{font-size:.82rem;color:var(--text-muted);margin-top:4px}.close-btn{background:transparent;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer}.close-btn:hover{color:#fff}.presets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;padding:22px;overflow-y:auto}.preset-item{height:115px;border-radius:var(--radius-md);border:1px solid var(--border-glass);padding:14px;display:flex;flex-direction:column;justify-content:flex-end;cursor:pointer;transition:var(--transition-fast);position:relative;overflow:hidden}.preset-item:hover{transform:translateY(-3px) scale(1.02);border-color:hsla(0,0%,100%,.4);box-shadow:0 10px 25px rgba(0,0,0,.4)}.preset-name{font-weight:800;font-size:.95rem;text-shadow:0 2px 10px rgba(0,0,0,.6)}.modal-tabs{display:flex;background:rgba(0,0,0,.35);padding:8px 20px;gap:8px;border-bottom:1px solid hsla(0,0%,100%,.08);overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.4) transparent;-webkit-overflow-scrolling:touch;flex-shrink:0}.modal-tabs::-webkit-scrollbar{height:4px}.modal-tabs::-webkit-scrollbar-track{background:transparent}.modal-tabs::-webkit-scrollbar-thumb{background:rgba(99,102,241,.4);border-radius:4px}.modal-tab{background:transparent;border:none;color:var(--text-muted);font-size:.78rem;font-weight:700;padding:8px 14px;border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;transition:var(--transition-fast)}.modal-tab:hover{color:var(--text-main);background:hsla(0,0%,100%,.06)}.modal-tab.active{background:rgba(99,102,241,.2);color:#a5b4fc;border:1px solid rgba(99,102,241,.4)}.wallpaper-export-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;padding:6px 0}.wallpaper-res-card{background:rgba(0,0,0,.4);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:12px;display:flex;flex-direction:column;gap:10px;transition:var(--transition-fast)}.wallpaper-res-card:hover{border-color:hsla(0,0%,100%,.35);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.35)}.wallpaper-card-top{display:flex;align-items:center;gap:8px}.wallpaper-icon{font-size:1.2rem}.wallpaper-title-wrap{flex:1}.wallpaper-card-title{font-size:.82rem;font-weight:700;color:#fff}.wallpaper-card-dim{font-size:.68rem;color:#a5b4fc;font-family:var(--font-mono)}.wallpaper-download-action{background:#6366f1;border:none;color:#fff;padding:7px 12px;border-radius:var(--radius-sm);font-size:.74rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:var(--transition-fast)}.wallpaper-download-action:hover{background:#4f46e5;transform:translateY(-1px)}.export-card{max-width:860px;max-height:86vh}.modal-body{padding:20px 24px;flex:1;overflow-y:auto;max-height:60vh;scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.4) transparent}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-thumb{background:rgba(99,102,241,.4);border-radius:4px}.modal-body pre{background:#060911;border:1px solid hsla(0,0%,100%,.08);border-radius:var(--radius-md);padding:16px;max-height:48vh;overflow-y:auto;overflow-x:auto;font-family:var(--font-mono);font-size:.85rem;color:#a5b4fc;line-height:1.6;scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.4) transparent}.modal-body pre::-webkit-scrollbar{width:6px;height:6px}.modal-body pre::-webkit-scrollbar-thumb{background:rgba(99,102,241,.4);border-radius:4px}.tailwind-version-bar{display:flex;align-items:center;gap:12px;padding:8px 24px;background:rgba(10,15,30,.85);border-bottom:1px solid hsla(0,0%,100%,.08);flex-shrink:0;backdrop-filter:blur(16px)}.subbar-label{font-size:.78rem;font-weight:700;color:var(--text-muted);letter-spacing:.02em;white-space:nowrap}.subbar-pills{background:rgba(0,0,0,.5);padding:4px;border:1px solid hsla(0,0%,100%,.1)}.subbar-pill,.subbar-pills{display:inline-flex;align-items:center;gap:6px;border-radius:9999px}.subbar-pill{background:transparent;border:1px solid transparent;color:#94a3b8;font-family:inherit;font-size:.76rem;font-weight:700;padding:5px 14px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;outline:none}.subbar-pill:hover{color:#fff;background:hsla(0,0%,100%,.08)}.subbar-pill.active{background:linear-gradient(135deg,rgba(99,102,241,.4),rgba(139,92,246,.4));border-color:rgba(99,102,241,.7);color:#fff;box-shadow:0 0 14px rgba(99,102,241,.4),inset 0 0 8px hsla(0,0%,100%,.18)}.export-footer-actions{display:flex;justify-content:space-between;align-items:center;padding:14px 24px}.export-footer-info{font-size:.76rem;color:var(--text-muted)}.export-action-btns{display:flex;align-items:center;gap:10px}.modal-footer{padding:16px 24px;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid hsla(0,0%,100%,.08);flex-shrink:0}.pro-upgrade-card{width:720px;max-width:95vw;max-height:92vh;background:radial-gradient(circle at 50% 0,#161b33,#080c18);border:1px solid rgba(99,102,241,.35);box-shadow:0 25px 60px rgba(0,0,0,.8),0 0 35px rgba(99,102,241,.25);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden}.pro-modal-title-wrap{display:flex;align-items:center;gap:12px}.pro-badge-icon{width:40px;height:40px;background:linear-gradient(135deg,#ec4899,#6366f1);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;box-shadow:0 0 20px rgba(236,72,153,.4)}.pro-modal-title-wrap h3{font-size:1.1rem;font-weight:800;color:#fff;margin:0}.pro-modal-title-wrap p{font-size:.75rem;color:var(--text-muted);margin:2px 0 0}.pro-modal-body{padding:20px 24px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;max-height:calc(92vh - 65px)}.pro-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.pro-feature-item{background:rgba(15,23,42,.65);border:1px solid hsla(0,0%,100%,.08);border-radius:10px;padding:10px 12px;display:flex;gap:10px;align-items:flex-start;transition:all .2s ease}.pro-feature-item:hover{background:rgba(15,23,42,.85);border-color:rgba(99,102,241,.3);transform:translateY(-1px)}.pro-feat-icon{font-size:1.25rem;flex-shrink:0;margin-top:1px}.pro-feature-item strong{display:block;font-size:.82rem;color:#fff;margin-bottom:2px}.pro-feature-item p{font-size:.72rem;color:var(--text-muted);line-height:1.35;margin:0}.pro-feature-item code{background:hsla(0,0%,100%,.1);padding:1px 4px;border-radius:4px;font-family:var(--font-mono,monospace);font-size:.68rem;color:#a5b4fc}.pro-active-status-box{background:linear-gradient(135deg,rgba(16,185,129,.16),rgba(6,182,212,.14));border:1.5px solid rgba(16,185,129,.45);border-radius:14px;padding:16px 20px;display:flex;flex-direction:column;gap:12px;box-shadow:0 10px 30px rgba(16,185,129,.15)}.pro-active-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.pro-active-badge-pill{display:inline-flex;align-items:center;gap:6px;background:rgba(16,185,129,.25);border:1px solid rgba(16,185,129,.6);color:#a7f3d0;font-size:.72rem;font-weight:800;padding:4px 10px;border-radius:var(--radius-full);letter-spacing:.04em}.pro-active-key-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pro-active-key-pill{font-size:.76rem;color:#cbd5e1;font-weight:600}.pro-active-key-pill code{background:rgba(0,0,0,.45);border:1px solid hsla(0,0%,100%,.15);padding:2px 8px;border-radius:6px;font-family:var(--font-mono,monospace);color:#38bdf8;font-weight:700}.pro-deactivate-btn{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.35);color:#fca5a5;font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:all .2s cubic-bezier(.16,1,.3,1)}.pro-deactivate-btn:hover{background:rgba(239,68,68,.28);border-color:#ef4444;color:#fff;transform:translateY(-1px)}.pro-active-body h4{margin:0 0 6px;font-size:1.05rem;font-weight:800;color:#fff}.pro-active-body p{margin:0;font-size:.78rem;color:#cbd5e1;line-height:1.45}.pro-active-perks-row{display:flex;gap:8px;flex-wrap:wrap}.pro-pill-perk{background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.1);padding:4px 10px;border-radius:var(--radius-full);font-size:.7rem;font-weight:700;color:#e2e8f0}.pro-pricing-box{background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(16,185,129,.12));border:1px solid rgba(99,102,241,.35);border-radius:14px;padding:14px 18px;display:flex;flex-direction:column;gap:12px}body.is-pro-licensed .pro-pricing-box{display:none!important}body.is-pro-licensed .pro-active-status-box{display:flex!important}.pro-pricing-top{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%}.pro-license-perks{display:flex;flex-direction:column;gap:5px;background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.08);border-radius:8px;padding:8px 12px}.perk-item{display:flex;align-items:baseline;gap:8px;font-size:.73rem;color:#cbd5e1;line-height:1.35}.perk-item strong{color:#fff;font-weight:700}.perk-icon{font-size:.75rem;flex-shrink:0}.pro-price-tag{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pro-original-strike{font-size:1.35rem;font-weight:700;color:#f87171;text-decoration:line-through;text-decoration-thickness:2.5px;font-family:var(--font-mono,monospace);opacity:.75}.pro-current-price{display:flex;align-items:baseline;gap:1px}.pro-currency{font-size:1.2rem;font-weight:800;color:#34d399}.pro-amount{font-size:2.2rem;font-weight:800;color:#fff;font-family:var(--font-mono);line-height:1}.pro-period{font-size:.72rem;color:#e2e8f0;font-weight:700}.pro-badge-earlybird{font-size:.58rem;font-weight:800;letter-spacing:.08em;color:#f43f5e;background:rgba(244,63,94,.16);border:1px solid rgba(244,63,94,.4);padding:1px 6px;border-radius:4px;margin-bottom:2px;width:fit-content}.pro-price-meta{display:flex;flex-direction:column;margin-left:2px}.pro-subtext{font-size:.65rem;color:#94a3b8;font-weight:500}.pro-checkout-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pro-checkout-btn{color:#fff;text-decoration:none;font-size:.82rem;font-weight:800;padding:10px 16px;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:6px;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap}.pro-checkout-btn.gumroad-btn{background:linear-gradient(135deg,#ec4899,#f43f5e);border:1px solid rgba(244,63,94,.4);box-shadow:0 8px 20px rgba(236,72,153,.35)}.pro-checkout-btn.gumroad-btn:hover{background:linear-gradient(135deg,#db2777,#e11d48);transform:translateY(-1.5px);box-shadow:0 10px 25px rgba(236,72,153,.55)}.pro-checkout-btn.lemon-btn{background:linear-gradient(135deg,#facc15,#eab308);color:#1e1b4b;border:1px solid rgba(250,204,21,.6);box-shadow:0 8px 20px rgba(234,179,8,.35)}.pro-checkout-btn.lemon-btn:hover{background:linear-gradient(135deg,#fef08a,#facc15);transform:translateY(-1.5px);box-shadow:0 10px 25px rgba(234,179,8,.55)}.pro-checkout-btn:active{transform:translateY(0)}.pro-license-box{background:rgba(0,0,0,.45);border:1px solid hsla(0,0%,100%,.1);border-radius:14px;padding:14px 18px;display:flex;flex-direction:column;gap:10px}.pro-license-header{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:4px}.pro-license-title{font-size:.82rem;font-weight:800;color:#fff;display:flex;align-items:center;gap:6px}.pro-license-sub{font-size:.7rem;color:var(--text-muted)}.pro-license-input-row{display:flex;gap:10px;align-items:center}.pro-input-wrap{flex:1;position:relative;display:flex;align-items:center}.pro-key-icon{position:absolute;left:12px;color:#94a3b8;pointer-events:none}.pro-input-wrap input{width:100%;box-sizing:border-box;background:rgba(15,23,42,.95);border:1px solid hsla(0,0%,100%,.18);border-radius:8px;padding:9px 12px 9px 34px;color:#34d399;font-family:var(--font-mono,monospace);font-size:.84rem;font-weight:700;letter-spacing:1px;outline:none;transition:all .2s ease}.pro-input-wrap input:focus{border-color:#6366f1;box-shadow:0 0 16px rgba(99,102,241,.4)}.pro-activate-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:1px solid rgba(167,139,250,.4);color:#fff;font-size:.82rem;font-weight:800;padding:9px 18px;border-radius:8px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;box-shadow:0 4px 14px rgba(99,102,241,.35);transition:all .2s ease;white-space:nowrap}.pro-activate-btn:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-color:#c4b5fd;transform:translateY(-1px);box-shadow:0 6px 20px rgba(99,102,241,.55)}.pro-activate-btn:active{transform:translateY(0)}.license-feedback-msg{font-size:.76rem;padding:6px 10px;border-radius:6px;font-weight:700}.license-feedback-msg.success{background:rgba(16,185,129,.15);color:#34d399;border:1px solid rgba(52,211,153,.3)}.license-feedback-msg.error{background:rgba(239,68,68,.15);color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.installer-overlay{position:fixed;inset:0;z-index:1000000;background:radial-gradient(circle at 50% 25%,rgba(20,27,45,.9),rgba(6,8,19,.98));justify-content:center;padding:16px;backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px);animation:fadeIn .3s cubic-bezier(.16,1,.3,1)}.installer-card,.installer-overlay{display:flex;align-items:center;overflow-y:auto}.installer-card{position:relative;margin:auto;width:520px;max-width:95vw;max-height:calc(100vh - 32px);background:rgba(12,16,28,.94);border:1px solid hsla(0,0%,100%,.12);border-radius:24px;padding:24px 26px 20px;text-align:center;box-shadow:0 25px 80px rgba(0,0,0,.9),0 0 50px rgba(99,102,241,.25);flex-direction:column;gap:12px;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.2) transparent}.installer-card::-webkit-scrollbar{width:5px}.installer-card::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:4px}.installer-close-btn{position:absolute;top:14px;right:14px;width:28px;height:28px;border-radius:50%;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.12);color:#94a3b8;font-size:1.15rem;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}.installer-close-btn:hover{background:hsla(0,0%,100%,.18);color:#fff;transform:scale(1.08)}.installer-glow-ambient{position:absolute;top:-60px;left:50%;transform:translateX(-50%);width:300px;height:200px;background:radial-gradient(circle,rgba(99,102,241,.35),rgba(236,72,153,.2),transparent 70%);filter:blur(45px);pointer-events:none}.installer-header{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:2px}.installer-brand-badge{width:64px;height:64px;border-radius:16px;background:#080c14;border:1px solid hsla(0,0%,100%,.16);box-shadow:0 10px 25px rgba(0,0,0,.5),0 0 28px rgba(79,22,232,.45);display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:2px}.installer-app-icon{width:100%;height:100%;display:block}.preview-title-icon{width:13px;height:13px;border-radius:3px;vertical-align:-2px;margin-right:4px}.installer-badge-pill{display:inline-flex;align-items:center;gap:6px;background:rgba(99,102,241,.18);border:1px solid rgba(99,102,241,.4);color:#c7d2fe;font-size:.72rem;font-weight:800;padding:3px 12px;border-radius:var(--radius-full);letter-spacing:.02em}.installer-title{font-size:1.45rem;font-weight:800;color:#fff;letter-spacing:-.025em;margin:0;line-height:1.2}.installer-desc{font-size:.82rem;color:#94a3b8;line-height:1.45;max-width:440px;margin:0}.installer-desc strong{color:#e2e8f0}.installer-desktop-preview{width:100%;background:rgba(6,8,16,.85);border:1px solid hsla(0,0%,100%,.1);border-radius:14px;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.6),0 0 20px rgba(99,102,241,.15)}.preview-window-titlebar{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:hsla(0,0%,100%,.03);border-bottom:1px solid hsla(0,0%,100%,.06)}.preview-traffic-dots{display:flex;gap:5px;align-items:center}.p-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.p-dot.close{background:#ff5f56}.p-dot.min{background:#ffbd2e}.p-dot.max{background:#27c93f}.preview-window-title{font-size:.68rem;font-weight:600;color:#64748b;letter-spacing:.01em}.preview-window-pill{font-size:.62rem;font-weight:700;background:rgba(16,185,129,.15);color:#34d399;padding:1px 7px;border-radius:var(--radius-full);border:1px solid rgba(16,185,129,.3)}.preview-window-content{position:relative;padding:14px 14px 12px;overflow:hidden;display:flex;flex-direction:column;align-items:center}.preview-aurora-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 60%,rgba(99,102,241,.45),rgba(236,72,153,.35) 40%,rgba(6,182,212,.2) 70%,transparent 95%);filter:blur(20px);opacity:.85;animation:pulseRing 6s ease-in-out infinite alternate;pointer-events:none}.preview-color-chips{position:relative;display:flex;gap:6px;z-index:2}.preview-chip{padding:4px 8px;border-radius:6px;box-shadow:0 4px 10px rgba(0,0,0,.4);border:1px solid hsla(0,0%,100%,.2)}.preview-chip span{font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}.installer-features-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.installer-feat-chip{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);padding:5px 12px;border-radius:var(--radius-full);font-size:.74rem;font-weight:700;color:#e2e8f0}.installer-browser-guide{width:100%;background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(236,72,153,.1));border:1px solid rgba(99,102,241,.4);border-radius:12px;padding:10px 14px;animation:fadeIn .3s ease}.guide-header{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.78rem;color:#e2e8f0;line-height:1.35}.guide-pulse-dot{width:7px;height:7px;border-radius:50%;background:#38bdf8;box-shadow:0 0 8px #38bdf8;animation:pulseRing 1.5s infinite;flex-shrink:0}.installer-actions{display:flex;flex-direction:column;gap:8px;width:100%;max-width:360px;margin-top:2px}.installer-btn-primary{background:linear-gradient(135deg,#6366f1,#ec4899);color:#fff;border:none;border-radius:var(--radius-full);padding:12px 24px;font-size:.9rem;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 8px 25px rgba(99,102,241,.45);transition:all .2s cubic-bezier(.16,1,.3,1)}.installer-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(236,72,153,.55);filter:brightness(1.1)}.installer-btn-secondary{background:transparent;border:none;color:#94a3b8;font-size:.8rem;font-weight:600;cursor:pointer;padding:4px 8px;transition:color .2s ease}.installer-btn-secondary:hover{color:#fff;text-decoration:underline}.installer-footer-note{font-size:.68rem;color:hsla(0,0%,100%,.35);margin-top:0}.extractor-card{max-width:860px;max-height:88vh}.extractor-title-group{display:flex;align-items:center;gap:12px}.extractor-icon-glow{font-size:1.5rem;background:rgba(99,102,241,.2);border:1px solid rgba(99,102,241,.4);width:42px;height:42px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-glow)}.extractor-body{padding:20px 24px;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.extractor-dropzone{background:rgba(0,0,0,.4);border:2px dashed hsla(0,0%,100%,.2);border-radius:var(--radius-md);padding:28px 20px;text-align:center;cursor:pointer;transition:var(--transition-fast)}.extractor-dropzone.drag-over,.extractor-dropzone:hover{border-color:#6366f1;background:rgba(99,102,241,.1);box-shadow:var(--shadow-glow)}.upload-cloud-icon{font-size:2rem;margin-bottom:6px;display:inline-block}.dropzone-main-text{font-size:.92rem;color:var(--text-main)}.dropzone-link{color:#818cf8;text-decoration:underline;cursor:pointer}.dropzone-sub-text{font-size:.74rem;color:var(--text-muted);margin-top:4px}.extractor-samples-row{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}.samples-label{font-size:.75rem;font-weight:700;color:var(--text-muted)}.sample-img-btn{background:hsla(0,0%,100%,.08);border:1px solid var(--border-glass);color:var(--text-main);padding:5px 12px;border-radius:var(--radius-full);font-size:.74rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.sample-img-btn:hover{background:rgba(99,102,241,.25);border-color:#6366f1;transform:translateY(-1px)}.extractor-scanner-container{display:flex;flex-direction:column;gap:12px;align-items:center}.scanner-preview-box{position:relative;width:100%;max-height:240px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-glass);background:#000;display:flex;align-items:center;justify-content:center}.scanner-img{width:100%;max-height:240px;object-fit:cover;display:block}.laser-scanner-line{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#00f2fe,#fff,#ec4899,transparent);box-shadow:0 0 15px #00f2fe,0 0 30px #ec4899;animation:laserScan 1.4s ease-in-out infinite alternate}@keyframes laserScan{0%{top:0;opacity:.8}to{top:96%;opacity:1}}.scanner-hud{display:flex;align-items:center;gap:10px;font-size:.82rem;font-weight:700;color:#a5b4fc;font-family:var(--font-mono)}.scanner-spinner{width:16px;height:16px;border:2px solid rgba(99,102,241,.3);border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.extractor-results-section{display:flex;flex-direction:column;gap:18px}.results-block{display:flex;flex-direction:column;gap:10px}.results-header{display:flex;justify-content:space-between;align-items:center}.results-title{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#f8fafc}.results-badge{font-size:.68rem;font-weight:700;background:rgba(99,102,241,.2);color:#a5b4fc;border:1px solid rgba(99,102,241,.3);padding:2px 8px;border-radius:var(--radius-full)}.extracted-swatches-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:10px}.extracted-swatch-item{background:rgba(0,0,0,.4);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:8px;display:flex;flex-direction:column;gap:6px;cursor:pointer;transition:var(--transition-fast)}.extracted-swatch-item:hover{border-color:hsla(0,0%,100%,.4);transform:translateY(-2px)}.swatch-color-box{height:48px;border-radius:6px;border:1px solid hsla(0,0%,100%,.2)}.swatch-meta{display:flex;justify-content:space-between;align-items:center}.swatch-hex{font-family:var(--font-mono);font-size:.74rem;font-weight:800;color:#fff}.swatch-role{font-size:.65rem;color:var(--text-muted)}.synthesized-gradients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.gradient-recipe-card{border-radius:var(--radius-md);border:1px solid var(--border-glass);height:90px;padding:10px 12px;display:flex;flex-direction:column;justify-content:flex-end;cursor:pointer;transition:var(--transition-fast);box-shadow:0 4px 15px rgba(0,0,0,.3)}.gradient-recipe-card:hover{transform:translateY(-3px) scale(1.02);border-color:hsla(0,0%,100%,.5);box-shadow:0 8px 25px rgba(0,0,0,.5)}.recipe-title{font-size:.8rem;font-weight:800;text-shadow:0 1px 6px rgba(0,0,0,.7);color:#fff}.recipe-subtitle{font-size:.65rem;opacity:.85;text-shadow:0 1px 4px rgba(0,0,0,.7);color:#f1f5f9}.shades-card{max-width:900px;max-height:85vh}.shades-title-wrap{display:flex;align-items:center;gap:12px}.shades-icon-glow{font-size:1.4rem;background:rgba(236,72,153,.2);border:1px solid rgba(236,72,153,.4);width:38px;height:38px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px rgba(236,72,153,.35)}.shades-picker-row{justify-content:space-between;gap:16px;padding:10px 24px;background:rgba(0,0,0,.3);border-bottom:1px solid hsla(0,0%,100%,.08)}.shades-picker-row,.shades-select-col{display:flex;align-items:center;flex-wrap:wrap}.shades-select-col{gap:10px}.shades-scale-name-box{display:flex;align-items:center;gap:8px}.shades-name-input{background:rgba(0,0,0,.5);border:1px solid hsla(0,0%,100%,.15);border-radius:var(--radius-sm);color:#818cf8;font-family:var(--font-mono);font-size:.75rem;font-weight:700;padding:4px 8px;width:90px;outline:none;transition:var(--transition-fast)}.shades-name-input:focus{border-color:#6366f1;box-shadow:0 0 10px rgba(99,102,241,.4)}.shades-picker-lbl{font-size:.78rem;font-weight:700;color:var(--text-muted)}.shades-color-selector{display:flex;gap:8px;flex-wrap:wrap}.shades-sel-btn{display:flex;align-items:center;gap:6px;background:rgba(15,23,42,.6);border:1px solid hsla(0,0%,100%,.15);border-radius:var(--radius-full);padding:4px 10px;font-size:.74rem;font-weight:700;color:#fff;cursor:pointer;transition:var(--transition-fast)}.shades-sel-btn:hover{background:rgba(30,41,59,.9);border-color:hsla(0,0%,100%,.4)}.shades-sel-btn.active{background:rgba(99,102,241,.25);border-color:#818cf8;box-shadow:0 0 10px rgba(99,102,241,.4)}.shades-dot{width:10px;height:10px;border-radius:50%}.shades-body{padding:20px 24px;overflow-y:auto}.shades-scale-grid{display:grid;grid-template-columns:repeat(11,1fr);gap:8px}@media (max-width:840px){.shades-scale-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}.shade-chip{border-radius:var(--radius-md);padding:14px 8px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-height:140px;cursor:pointer;transition:var(--transition-fast);border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.2);text-align:center;position:relative}.shade-chip:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 10px 25px rgba(0,0,0,.4);z-index:5}.shade-chip.is-base{border:2px solid #fff;box-shadow:0 0 16px hsla(0,0%,100%,.5)}.shade-chip.is-base:after{content:"BASE";position:absolute;top:-8px;background:#000;color:#fff;font-size:.55rem;font-weight:900;padding:1px 5px;border-radius:4px;border:1px solid #fff}.shade-step{font-weight:900;font-size:.9rem}.shade-hex,.shade-step{font-family:var(--font-mono)}.shade-hex{font-size:.72rem;font-weight:700;opacity:.95}.shade-lum{font-size:.62rem;opacity:.75}.shade-wcag{font-size:.58rem;font-weight:800;padding:2px 5px;border-radius:4px;background:rgba(0,0,0,.25);margin-top:4px}.shades-footer{display:flex;justify-content:space-between;align-items:center}.shades-footer-info{font-size:.8rem;font-weight:700;color:var(--text-muted)}.shades-footer-actions{display:flex;gap:10px}.vision-select-wrap{display:inline-flex;align-items:center;gap:6px;background:rgba(15,23,42,.75);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:var(--radius-full);padding:4px 10px;transition:var(--transition-fast)}.vision-select-wrap:hover{background:rgba(30,41,59,.9);border-color:hsla(0,0%,100%,.35)}.vision-icon{font-size:.95rem}.vision-select{background:transparent;border:none;color:var(--text-main);font-family:inherit;font-size:.8rem;font-weight:700;cursor:pointer;outline:none}.vision-select option{background:#0f172a;color:#fff}.vision-matrix-btn{display:flex;align-items:center;gap:5px;background:rgba(99,102,241,.25);border:1px solid rgba(99,102,241,.5);color:#c7d2fe;font-size:.72rem;font-weight:700;padding:4px 9px;border-radius:6px;cursor:pointer;transition:var(--transition-fast);white-space:nowrap}.vision-matrix-btn:hover{background:rgba(99,102,241,.35);color:#fff;border-color:#818cf8}.vision-modal-card{width:960px;max-width:95vw;max-height:90vh;display:flex;flex-direction:column}.vision-title-wrap{display:flex;align-items:center;gap:12px}.vision-icon-glow{font-size:1.3rem;background:rgba(99,102,241,.2);border:1px solid rgba(99,102,241,.4);width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-glow)}.vision-summary-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:rgba(15,23,42,.7);border-bottom:1px solid hsla(0,0%,100%,.08);gap:12px;flex-wrap:wrap}.vision-summary-left{display:flex;align-items:center;gap:10px}.vision-summary-tag{font-size:.72rem;font-weight:800;padding:4px 12px;border-radius:var(--radius-full);background:rgba(16,185,129,.16);color:#34d399;border:1px solid rgba(16,185,129,.35);white-space:nowrap;display:inline-flex;align-items:center;gap:6px;line-height:1;flex-shrink:0}.vision-summary-tag.warning{background:rgba(245,158,11,.16);color:#fbbf24;border-color:rgba(245,158,11,.4)}.vision-summary-text{font-size:.76rem;color:var(--text-muted)}.vision-summary-actions{display:flex;gap:8px}.vision-body{padding:16px 20px;overflow-y:auto;max-height:56vh}.vision-matrix-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px}.vision-card-item{background:#090e1a;border:1px solid hsla(0,0%,100%,.08);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px;transition:all .2s ease}.vision-card-item:hover{border-color:rgba(99,102,241,.35);box-shadow:0 6px 20px rgba(0,0,0,.4);transform:translateY(-2px)}.vision-card-header{display:flex;justify-content:space-between;align-items:center}.vision-card-title{font-size:.8rem;font-weight:800;color:#fff;display:flex;align-items:center;gap:6px}.vision-card-pop{font-size:.62rem;color:var(--text-muted);font-weight:600}.vision-card-desc{font-size:.68rem;color:var(--text-muted);line-height:1.3}.vision-sim-gradient-bar{width:100%;height:28px;border-radius:8px;box-shadow:inset 0 2px 4px rgba(0,0,0,.35),0 2px 6px rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.15)}.vision-swatches-row{display:flex;gap:4px}.vision-swatch-chip{flex:1;height:22px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:.58rem;font-weight:800;border:1px solid hsla(0,0%,100%,.15);font-family:JetBrains Mono,monospace}.vision-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:2px}.vision-status-chip{font-size:.62rem;font-weight:800;padding:2px 6px;border-radius:4px}.vision-status-chip.pass{background:rgba(16,185,129,.18);color:#34d399}.vision-status-chip.warn{background:rgba(245,158,11,.18);color:#fbbf24}.vision-status-chip.fail{background:rgba(239,68,68,.18);color:#f87171}.vision-sim-live-btn{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);color:var(--text-muted);font-size:.62rem;font-weight:700;padding:3px 8px;border-radius:5px;cursor:pointer;transition:var(--transition-fast)}.vision-sim-live-btn:hover{background:#6366f1;color:#fff;border-color:#818cf8}.vision-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 20px}.vision-footer-info{font-size:.72rem;color:var(--text-muted)}.modal-card.mockup-card.mockup-studio-pro{width:calc(100vw - 32px);max-width:1260px;height:calc(100vh - 32px);max-height:840px;background:#090d16;border-radius:var(--radius-lg);border:1px solid var(--border-glass);display:flex;flex-direction:column;padding:0;margin:auto;overflow:hidden;box-shadow:0 30px 100px rgba(0,0,0,.95);box-sizing:border-box}.mockup-top-header{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:rgba(15,23,42,.9);border-bottom:1px solid hsla(0,0%,100%,.08);flex-shrink:0;box-sizing:border-box}.mockup-title-wrap{display:flex;align-items:center;gap:10px}.mockup-icon-glow{font-size:1.2rem;background:rgba(99,102,241,.2);border:1px solid rgba(99,102,241,.4);width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-glow)}.mockup-header-actions-group{display:flex;align-items:center;gap:8px}.mockup-studio-workspace{display:flex;flex:1;min-height:0;overflow:hidden;background:#030509;box-sizing:border-box}.mockup-sidebar-panel{width:320px;min-width:320px;max-width:320px;flex-shrink:0;background:#070a13;border-right:1px solid hsla(0,0%,100%,.08);overflow-x:hidden;overflow-y:auto;padding:14px 12px;display:flex;flex-direction:column;gap:12px;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.3) transparent}.mockup-sidebar-panel::-webkit-scrollbar{width:5px}.mockup-sidebar-panel::-webkit-scrollbar-thumb{background:rgba(99,102,241,.3);border-radius:4px}.sidebar-section{background:hsla(0,0%,100%,.035);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px;box-sizing:border-box}.sidebar-section-title{font-size:.78rem;font-weight:800;color:#a5b4fc;text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;justify-content:space-between}.sidebar-group-box{display:flex;flex-direction:column;gap:4px}.sidebar-pills-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.sidebar-pill-btn{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.12);color:#cbd5e1;font-size:.75rem;font-weight:700;padding:7px 8px;border-radius:8px;cursor:pointer;text-align:center;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:normal;line-height:1.25}.sidebar-pill-btn:hover{color:#fff;background:hsla(0,0%,100%,.14);border-color:hsla(0,0%,100%,.25)}.sidebar-pill-btn.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-color:#818cf8;box-shadow:0 0 12px rgba(99,102,241,.5)}.sidebar-device-subgroup{display:flex;flex-direction:column;gap:6px;margin-top:4px;border-top:1px solid hsla(0,0%,100%,.06);padding-top:8px}.sidebar-sub-label{font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.sidebar-device-chips{display:flex;flex-wrap:wrap;gap:4px}.device-chip{background:rgba(0,0,0,.45);border:1px solid hsla(0,0%,100%,.1);color:#cbd5e1;font-size:.72rem;font-weight:700;padding:4px 9px;border-radius:6px;cursor:pointer;transition:all .2s}.device-chip.active,.device-chip:hover{background:#6366f1;color:#fff;border-color:#818cf8}.sidebar-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar-pills-4col{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;background:rgba(0,0,0,.45);padding:4px;border-radius:8px;border:1px solid hsla(0,0%,100%,.08);box-sizing:border-box}.mini-pill{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.06);color:#94a3b8;font-size:.74rem;font-weight:700;padding:6px 8px;border-radius:6px;cursor:pointer;transition:all .2s;white-space:nowrap;text-align:center;display:flex;align-items:center;justify-content:center;gap:4px}.mini-pill:hover{color:#fff;background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.15)}.mini-pill.active{background:#6366f1;border-color:#818cf8;color:#fff;box-shadow:0 0 10px rgba(99,102,241,.5)}.sidebar-format-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.format-btn{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:#cbd5e1;font-size:.74rem;font-weight:700;padding:7px 6px;border-radius:7px;cursor:pointer;text-align:center;transition:all .2s;line-height:1.25}.format-btn.active,.format-btn:hover{background:#6366f1;color:#fff;border-color:#818cf8}.sidebar-upload-box{display:flex;flex-direction:column;gap:6px;margin-top:4px}.sidebar-upload-btn{background:rgba(99,102,241,.15);border:1px dashed rgba(99,102,241,.6);color:#c7d2fe;font-size:.76rem;font-weight:700;padding:8px 12px;border-radius:8px;cursor:pointer;text-align:center;transition:all .2s}.sidebar-upload-btn:hover{background:rgba(99,102,241,.3);color:#fff}.sidebar-clear-btn{background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.4);color:#fca5a5;font-size:.72rem;font-weight:700;padding:5px 8px;border-radius:6px;cursor:pointer;text-align:center}.sidebar-sliders-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin-top:4px}.sidebar-slider-item{display:flex;flex-direction:column;gap:3px}.sidebar-slider-item label{font-size:.72rem;color:#cbd5e1;font-weight:700;display:flex;justify-content:space-between;align-items:center}.sidebar-slider-item label span{color:#fff;font-family:var(--font-mono);font-size:.72rem;font-weight:800}.sidebar-slider-item input[type=range]{height:5px;accent-color:#6366f1}.sidebar-input-item{display:flex;flex-direction:column;gap:3px}.sidebar-input-item label{font-size:.72rem;color:#cbd5e1;font-weight:700}.sidebar-input-item .text-input{background:rgba(0,0,0,.45);border:1px solid hsla(0,0%,100%,.14);color:#fff;font-size:.76rem;padding:6px 10px;border-radius:6px;outline:none;box-sizing:border-box;width:100%}.sidebar-input-item .text-input:focus{border-color:#6366f1}.perspective-preset-chips{display:flex;gap:3px}.preset-chip{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.14);color:#cbd5e1;font-size:.7rem;font-weight:700;padding:3px 7px;border-radius:5px;cursor:pointer;transition:var(--transition-fast)}.preset-chip.active,.preset-chip:hover{background:#6366f1;color:#fff;border-color:#818cf8}.toggle-checkbox-label{display:inline-flex;align-items:center;gap:7px;font-size:.75rem;font-weight:700;color:#fff;cursor:pointer}.toggle-checkbox-label input[type=checkbox]{accent-color:#6366f1;width:15px;height:15px}.mockup-stage-area{flex:1;min-width:0;padding:16px;background:#030509;overflow:auto}.mockup-body,.mockup-stage-area{height:100%;display:flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box}.mockup-body{width:100%;max-width:920px;max-height:100%;margin:auto;border-radius:16px;border:1px solid hsla(0,0%,100%,.12);padding:20px 14px;flex-direction:column;overflow:hidden;background:radial-gradient(circle at center,#0e1424,#060812 60%,#020306);box-shadow:inset 0 0 50px rgba(0,0,0,.9),0 25px 70px rgba(0,0,0,.95);transition:all .3s cubic-bezier(.16,1,.3,1)}.mockup-body.canvas-twitter{max-width:860px;aspect-ratio:16/9}.mockup-body.canvas-dribbble{max-width:740px;aspect-ratio:4/3}.mockup-body.canvas-instagram{max-width:560px;aspect-ratio:1/1}.mockup-body.canvas-story{max-width:360px;aspect-ratio:9/16}.mockup-body.canvas-producthunt{max-width:800px;aspect-ratio:1270/760}.mockup-body.canvas-uhd4k{max-width:880px;aspect-ratio:16/9}.mockup-dropzone-hint{position:absolute;inset:10px;border:2px dashed #6366f1;border-radius:var(--radius-md);background:rgba(99,102,241,.15);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem;font-weight:700;z-index:50;opacity:0;pointer-events:none;transition:var(--transition-fast)}.mockup-body.dragover .mockup-dropzone-hint{opacity:1}.mockup-ambient-halo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:580px;height:580px;border-radius:50%;filter:blur(75px);opacity:.85;mix-blend-mode:screen;pointer-events:none;transition:all .5s ease;z-index:1}.mockup-ambient-halo.lighting-studio{background:radial-gradient(circle at center,rgba(99,102,241,.8),rgba(236,72,153,.55) 45%,transparent 75%)}.mockup-ambient-halo.lighting-cyber{width:660px;height:660px;background:radial-gradient(circle at 35% 35%,rgba(0,242,254,.85),transparent 55%),radial-gradient(circle at 65% 65%,rgba(244,63,94,.85),transparent 55%);filter:blur(85px)}.mockup-ambient-halo.lighting-velvet{width:440px;height:440px;background:radial-gradient(circle at center,hsla(0,0%,100%,.35),rgba(148,163,184,.15) 40%,transparent 70%);filter:blur(55px)}.mockup-ambient-halo.lighting-sunset{background:radial-gradient(circle at center,rgba(245,158,11,.9),rgba(239,68,68,.65) 45%,transparent 80%)}.mockup-ambient-halo.lighting-transparent{display:none!important}.mockup-body.lighting-transparent{background:transparent!important;background-image:none!important;box-shadow:none!important;border-color:transparent!important}.mockup-body.lighting-transparent .mockup-ambient-halo,.mockup-body.lighting-transparent .mockup-floor-reflection,.mockup-body.lighting-transparent .mockup-floor-shadow{display:none!important}.mockup-headline-wrap{position:absolute;top:20px;left:50%;transform:translateX(-50%);width:100%;max-width:680px;text-align:center;z-index:40;isolation:isolate;pointer-events:none;padding:0 20px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.mockup-headline-text{font-size:1.25rem;font-weight:800;color:#fff;letter-spacing:-.02em;margin:0;text-shadow:0 4px 16px rgba(0,0,0,.9);max-width:100%;word-break:break-word}.mockup-subtitle-text{font-size:.72rem;font-weight:600;color:hsla(0,0%,100%,.85);margin:2px 0 0;text-shadow:0 2px 10px rgba(0,0,0,.8);max-width:100%}.mockup-badges-wrap{position:absolute;inset:0;pointer-events:none;z-index:20}.floating-badge{position:absolute;background:rgba(15,23,42,.92);border:1px solid hsla(0,0%,100%,.25);color:#fff;font-size:.65rem;font-weight:800;padding:4px 10px;border-radius:var(--radius-full);box-shadow:0 10px 25px rgba(0,0,0,.8),0 0 12px rgba(99,102,241,.3);display:inline-flex;align-items:center;gap:4px;animation:floatBadge 4s ease-in-out infinite alternate;contain:layout paint}.badge-pos-topleft{top:16px;left:16px;animation-delay:0s}.badge-pos-bottomright{bottom:16px;right:16px;animation-delay:1.5s}@keyframes floatBadge{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.mockup-body.canvas-story .mockup-headline-wrap{top:48px;padding:0 12px}.mockup-body.canvas-story .mockup-headline-text{font-size:1.05rem;line-height:1.25}.mockup-body.canvas-story .mockup-subtitle-text{font-size:.65rem}.mockup-body.canvas-story .badge-pos-topleft{top:12px;left:50%;right:auto;transform:translateX(-50%);animation:none}.mockup-body.canvas-story .badge-pos-bottomright{bottom:12px;left:50%;right:auto;transform:translateX(-50%);animation:none}.mockup-body.canvas-instagram .mockup-headline-wrap{top:14px;padding:0 85px}.mockup-body.canvas-instagram .mockup-headline-text{font-size:1.1rem}.mockup-stage-wrap{width:100%;height:100%;position:relative;z-index:5;overflow:visible;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.mockup-devices-cluster,.mockup-stage-wrap{display:flex;align-items:center;justify-content:center;-webkit-font-smoothing:antialiased}.mockup-devices-cluster{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transform-origin:center center;transform-style:preserve-3d;transition:transform .3s cubic-bezier(.16,1,.3,1);image-rendering:-webkit-optimize-contrast;white-space:nowrap}.device-frame-galaxy,.device-frame-ipad,.device-frame-iphone,.device-frame-macbook,.device-frame-watch{transform-style:preserve-3d;-webkit-font-smoothing:antialiased;image-rendering:-webkit-optimize-contrast;transition:all .3s cubic-bezier(.16,1,.3,1)}.device-frame-macbook{border:none!important;box-shadow:none!important;background:transparent!important}.mockup-devices-cluster.scene-single{gap:0;align-items:center}.mockup-devices-cluster.scene-single .device-frame-galaxy,.mockup-devices-cluster.scene-single .device-frame-ipad,.mockup-devices-cluster.scene-single .device-frame-iphone,.mockup-devices-cluster.scene-single .device-frame-watch{position:relative;margin:0;transform:none}.mockup-devices-cluster.scene-single .device-frame-macbook{position:relative;margin:60px 0 0;transform:none}.mockup-devices-cluster.scene-duo_desktop{gap:20px;align-items:flex-end}.mockup-devices-cluster.scene-duo_desktop .device-frame-macbook{position:relative;margin:0 0 -75px;transform:none;z-index:2}.mockup-devices-cluster.scene-duo_desktop .device-frame-iphone{position:relative;margin:0;transform:none;z-index:10;box-shadow:0 25px 60px rgba(0,0,0,.95)}.mockup-devices-cluster.scene-duo_tablet{gap:24px;align-items:flex-end}.mockup-devices-cluster.scene-duo_tablet .device-frame-ipad{position:relative;margin:0;transform:none;z-index:2}.mockup-devices-cluster.scene-duo_tablet .device-frame-watch{position:relative;margin:0;transform:none;z-index:10;box-shadow:0 20px 50px rgba(0,0,0,.95)}.mockup-devices-cluster.scene-trio_flagship{gap:36px;align-items:flex-end}.mockup-devices-cluster.scene-trio_flagship .device-frame-iphone{position:relative;margin:0 -12px 40px 0;z-index:4;transform:none;box-shadow:0 25px 60px rgba(0,0,0,.95)}.mockup-devices-cluster.scene-trio_flagship .device-frame-macbook{position:relative;margin:0 0 -55px;z-index:10;transform:none}.mockup-devices-cluster.scene-trio_flagship .device-frame-ipad{position:relative;margin:0 0 25px -12px;z-index:6;transform:none;box-shadow:0 25px 60px rgba(0,0,0,.95)}.mockup-body.canvas-story .mockup-devices-cluster.scene-single{transform:translate(-50%,-50%) scale(.85)}.mockup-body.canvas-story .mockup-devices-cluster.scene-duo_desktop{transform:translate(-50%,-50%) scale(.52)}.mockup-body.canvas-story .mockup-devices-cluster.scene-duo_tablet{transform:translate(-50%,-50%) scale(.6)}.mockup-body.canvas-story .mockup-devices-cluster.scene-trio_flagship{transform:translate(-50%,-50%) scale(.32)}.mockup-body.canvas-instagram .mockup-devices-cluster.scene-single{transform:translate(-50%,-50%) scale(.88)}.mockup-body.canvas-instagram .mockup-devices-cluster.scene-duo_desktop{transform:translate(-50%,-50%) scale(.68)}.mockup-body.canvas-instagram .mockup-devices-cluster.scene-duo_tablet{transform:translate(-50%,-50%) scale(.76)}.mockup-body.canvas-instagram .mockup-devices-cluster.scene-trio_flagship{transform:translate(-50%,-50%) scale(.44)}.mockup-body.canvas-dribbble .mockup-devices-cluster.scene-single{transform:translate(-50%,-50%) scale(.95)}.mockup-body.canvas-dribbble .mockup-devices-cluster.scene-duo_desktop{transform:translate(-50%,-50%) scale(.8)}.mockup-body.canvas-dribbble .mockup-devices-cluster.scene-duo_tablet{transform:translate(-50%,-50%) scale(.86)}.mockup-body.canvas-dribbble .mockup-devices-cluster.scene-trio_flagship{transform:translate(-50%,-50%) scale(.58)}.mockup-body.canvas-producthunt .mockup-devices-cluster.scene-single,.mockup-body.canvas-twitter .mockup-devices-cluster.scene-single,.mockup-body.canvas-uhd4k .mockup-devices-cluster.scene-single{transform:translate(-50%,-50%) scale(.95)}.mockup-body.canvas-producthunt .mockup-devices-cluster.scene-duo_desktop,.mockup-body.canvas-twitter .mockup-devices-cluster.scene-duo_desktop,.mockup-body.canvas-uhd4k .mockup-devices-cluster.scene-duo_desktop{transform:translate(-50%,-50%) scale(.82)}.mockup-body.canvas-producthunt .mockup-devices-cluster.scene-duo_tablet,.mockup-body.canvas-twitter .mockup-devices-cluster.scene-duo_tablet,.mockup-body.canvas-uhd4k .mockup-devices-cluster.scene-duo_tablet{transform:translate(-50%,-50%) scale(.88)}.mockup-body.canvas-producthunt .mockup-devices-cluster.scene-trio_flagship,.mockup-body.canvas-twitter .mockup-devices-cluster.scene-trio_flagship,.mockup-body.canvas-uhd4k .mockup-devices-cluster.scene-trio_flagship{transform:translate(-50%,-50%) scale(.64)}.mockup-floor-shadow{bottom:-20px;transform:translateX(-50%);width:80%;height:40px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.85),transparent 75%);filter:blur(14px);z-index:2;transition:opacity .3s ease}.mockup-floor-reflection,.mockup-floor-shadow{position:absolute;left:50%;pointer-events:none}.mockup-floor-reflection{bottom:-70px;transform:translateX(-50%) scaleY(-1);width:70%;height:80px;background:inherit;opacity:.15;filter:blur(4px);mask-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent);-webkit-mask-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent);z-index:1}.glass-specular-glare{position:absolute;inset:0;background:linear-gradient(135deg,hsla(0,0%,100%,.18),hsla(0,0%,100%,.03) 40%,hsla(0,0%,100%,0) 60%);pointer-events:none;z-index:15;border-radius:inherit}.device-frame-galaxy.finish-natural,.device-frame-ipad.finish-natural,.device-frame-iphone.finish-natural,.device-frame-macbook.finish-natural .mac-display-lid,.device-frame-watch.finish-natural{--chassis-border:#474f63;--chassis-band-bg:#242938;--chassis-backplate-bg:linear-gradient(145deg, #2d3446, #171b24);--chassis-bump-bg:hsla(0,0%,100%,.08);border-color:#373c4d!important;box-shadow:0 20px 50px rgba(0,0,0,.9),0 0 0 1px hsla(0,0%,100%,.15)!important}.device-frame-macbook.finish-natural{--chassis-border:#474f63;--chassis-band-bg:#242938;--chassis-backplate-bg:linear-gradient(145deg, #2d3446, #171b24);--chassis-bump-bg:hsla(0,0%,100%,.08);border:none!important;box-shadow:none!important;background:transparent!important}.device-frame-galaxy.finish-black,.device-frame-ipad.finish-black,.device-frame-iphone.finish-black,.device-frame-macbook.finish-black .mac-display-lid,.device-frame-watch.finish-black{--chassis-border:#1a1d26;--chassis-band-bg:#0d0f14;--chassis-backplate-bg:linear-gradient(145deg, #151821, #06080c);--chassis-bump-bg:hsla(0,0%,100%,.04);border-color:#1a1d26!important;box-shadow:0 20px 50px rgba(0,0,0,.95),0 0 0 1px hsla(0,0%,100%,.08)!important}.device-frame-macbook.finish-black{--chassis-border:#1a1d26;--chassis-band-bg:#0d0f14;--chassis-backplate-bg:linear-gradient(145deg, #151821, #06080c);--chassis-bump-bg:hsla(0,0%,100%,.04);border:none!important;box-shadow:none!important;background:transparent!important}.device-frame-galaxy.finish-desert,.device-frame-ipad.finish-desert,.device-frame-iphone.finish-desert,.device-frame-macbook.finish-desert .mac-display-lid,.device-frame-watch.finish-desert{--chassis-border:#8c7754;--chassis-band-bg:#3b3223;--chassis-backplate-bg:linear-gradient(145deg, #4d4231, #1f1a12);--chassis-bump-bg:rgba(230,200,150,.1);border-color:#8c7754!important;box-shadow:0 20px 50px rgba(0,0,0,.9),0 0 0 1px rgba(230,200,150,.3)!important}.device-frame-macbook.finish-desert{--chassis-border:#8c7754;--chassis-band-bg:#3b3223;--chassis-backplate-bg:linear-gradient(145deg, #4d4231, #1f1a12);--chassis-bump-bg:rgba(230,200,150,.1);border:none!important;box-shadow:none!important;background:transparent!important}.device-frame-galaxy.finish-silver,.device-frame-ipad.finish-silver,.device-frame-iphone.finish-silver,.device-frame-macbook.finish-silver .mac-display-lid,.device-frame-watch.finish-silver{--chassis-border:#cbd5e1;--chassis-band-bg:#64748b;--chassis-backplate-bg:linear-gradient(145deg, #94a3b8, #334155);--chassis-bump-bg:hsla(0,0%,100%,.15);border-color:#bcc6d4!important;box-shadow:0 20px 50px rgba(0,0,0,.85),0 0 0 1px hsla(0,0%,100%,.4)!important}.device-frame-macbook.finish-silver{--chassis-border:#cbd5e1;--chassis-band-bg:#64748b;--chassis-backplate-bg:linear-gradient(145deg, #94a3b8, #334155);--chassis-bump-bg:hsla(0,0%,100%,.15);border:none!important;box-shadow:none!important;background:transparent!important}.device-frame-galaxy.finish-metallic,.device-frame-ipad.finish-metallic,.device-frame-iphone.finish-metallic,.device-frame-macbook.finish-metallic .mac-display-lid,.device-frame-watch.finish-metallic{--chassis-border:#f8fafc;--chassis-band-bg:linear-gradient(180deg, #fff, #94a3b8 50%, #fff);--chassis-backplate-bg:linear-gradient(145deg, #f1f5f9, #475569 50%, #e2e8f0);--chassis-bump-bg:hsla(0,0%,100%,.35);border-color:#f8fafc!important;box-shadow:0 25px 65px rgba(0,0,0,.95),0 0 0 1.5px #fff,0 0 0 3px #64748b,0 0 35px hsla(0,0%,100%,.65),inset 0 0 16px hsla(0,0%,100%,.5)!important}.device-frame-macbook.finish-metallic{--chassis-border:#f8fafc;--chassis-band-bg:linear-gradient(180deg, #fff, #94a3b8 50%, #fff);--chassis-backplate-bg:linear-gradient(145deg, #f1f5f9, #475569 50%, #e2e8f0);--chassis-bump-bg:hsla(0,0%,100%,.35);border:none!important;box-shadow:none!important;background:transparent!important}.device-frame-iphone.finish-metallic .glass-specular-glare{background:linear-gradient(130deg,hsla(0,0%,100%,.5),hsla(0,0%,100%,.15) 30%,rgba(0,0,0,.25) 50%,hsla(0,0%,100%,.2) 75%,transparent)!important}.device-frame-iphone.finish-metallic .iphone-hw-action-btn,.device-frame-iphone.finish-metallic .iphone-hw-power,.device-frame-iphone.finish-metallic .iphone-hw-vol-down,.device-frame-iphone.finish-metallic .iphone-hw-vol-up{background:linear-gradient(180deg,#fff,#94a3b8 50%,#fff)!important;box-shadow:0 0 6px hsla(0,0%,100%,.9)!important}.device-frame-galaxy.finish-metallic-black,.device-frame-ipad.finish-metallic-black,.device-frame-iphone.finish-metallic-black,.device-frame-macbook.finish-metallic-black .mac-display-lid,.device-frame-watch.finish-metallic-black{--chassis-border:#64748b;--chassis-band-bg:linear-gradient(180deg, #64748b, #0b0f19 50%, #475569);--chassis-backplate-bg:linear-gradient(145deg, #1e293b, #030508 50%, #1e2430);--chassis-bump-bg:rgba(148,163,184,.2);border-color:#64748b!important;box-shadow:0 25px 65px rgba(0,0,0,.98),0 0 0 1.5px hsla(0,0%,100%,.85),0 0 0 3px #0b0f19,0 0 28px rgba(148,163,184,.55),inset 0 0 18px hsla(0,0%,100%,.35)!important}.device-frame-macbook.finish-metallic-black{--chassis-border:#64748b;--chassis-band-bg:linear-gradient(180deg, #64748b, #0b0f19 50%, #475569);--chassis-backplate-bg:linear-gradient(145deg, #1e293b, #030508 50%, #1e2430);--chassis-bump-bg:rgba(148,163,184,.2);border:none!important;box-shadow:none!important;background:transparent!important}.device-frame-iphone.finish-metallic-black .glass-specular-glare{background:linear-gradient(125deg,hsla(0,0%,100%,.55),rgba(148,163,184,.25) 25%,rgba(0,0,0,.6) 55%,hsla(0,0%,100%,.25) 80%,transparent)!important}.device-frame-iphone.finish-metallic-black .iphone-hw-action-btn,.device-frame-iphone.finish-metallic-black .iphone-hw-power,.device-frame-iphone.finish-metallic-black .iphone-hw-vol-down,.device-frame-iphone.finish-metallic-black .iphone-hw-vol-up{background:linear-gradient(180deg,#94a3b8,#0f172a 50%,#64748b)!important;box-shadow:0 0 6px hsla(0,0%,100%,.7)!important}.mockup-palette-chips-track{display:flex;flex-direction:column;gap:6px;max-height:180px;overflow-y:auto;padding-right:2px}.mockup-swatch-chip{display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.4);border:1px solid hsla(0,0%,100%,.12);border-radius:10px;padding:6px 10px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);color:var(--text);font-size:.78rem;user-select:none}.mockup-swatch-chip:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.3);transform:translateX(2px)}.mockup-swatch-chip.active{background:rgba(99,102,241,.22);border-color:#6366f1;box-shadow:0 0 12px rgba(99,102,241,.35)}.mockup-swatch-color-circle{width:16px;height:16px;border-radius:50%;border:1.5px solid hsla(0,0%,100%,.6);flex-shrink:0;box-shadow:0 2px 6px rgba(0,0,0,.4)}.mockup-swatch-hex{font-family:var(--font-mono);font-weight:700;font-size:.76rem;letter-spacing:.5px}.mockup-swatch-name{font-size:.72rem;color:var(--text-muted);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mockup-swatch-badge{font-size:.65rem;font-weight:700;padding:1px 6px;border-radius:999px;background:hsla(0,0%,100%,.1);color:#fff}.mockup-swatch-chip.active .mockup-swatch-badge{background:#6366f1;color:#fff}.mockup-watermark-overlay{position:absolute;inset:-60%;pointer-events:none;z-index:120;display:flex;align-items:center;justify-content:center;transform:rotate(-24deg);user-select:none;opacity:.18;overflow:hidden;transition:opacity .3s ease}.watermark-grid-inner{display:flex;flex-direction:column;gap:110px;width:240%}.watermark-line{font-family:var(--font-mono,monospace);font-size:1.55rem;font-weight:900;letter-spacing:.32em;color:#fff;white-space:nowrap;text-shadow:0 2px 12px rgba(0,0,0,.95)}.mockup-watermark-overlay.hidden,body.is-pro-licensed .mockup-watermark-overlay{display:none!important}.device-frame-iphone{width:170px;height:340px;background:#0e1118;border:4px solid #373c4d;border-radius:30px;position:relative;overflow:visible;display:flex;flex-direction:column;flex-shrink:0;transform-style:preserve-3d;transition:var(--transition-fast)}.device-3d-rail-slice-1,.device-3d-rail-slice-2,.device-3d-rail-slice-3{position:absolute;inset:-4px;border-radius:inherit;border:4px solid var(--chassis-border,#373c4d);background:var(--chassis-band-bg,#1a202c);pointer-events:none;box-shadow:inset 0 0 8px rgba(0,0,0,.8),0 0 0 1px hsla(0,0%,100%,.15)}.device-3d-rail-slice-1{transform:translateZ(-4px);z-index:-1}.device-3d-rail-slice-2{transform:translateZ(-9px);z-index:-2;box-shadow:inset 0 0 10px rgba(0,0,0,.9),0 0 0 1px hsla(0,0%,100%,.1)}.device-3d-rail-slice-3{transform:translateZ(-15px);z-index:-3;box-shadow:inset 0 0 12px rgba(0,0,0,.95),0 0 0 1px hsla(0,0%,100%,.08)}.device-3d-backplate{position:absolute;inset:-4px;border-radius:inherit;border:4px solid var(--chassis-border,#373c4d);background:var(--chassis-backplate-bg,linear-gradient(145deg,#1e2430 0,#0d1117 100%));transform:translateZ(-20px);pointer-events:none;z-index:-4;box-shadow:0 25px 50px rgba(0,0,0,.95),0 0 0 1px hsla(0,0%,100%,.2),inset 0 0 25px rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;transform-style:preserve-3d}.device-3d-backplate .backplate-logo{font-size:1.8rem;opacity:.18;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8));user-select:none}.device-3d-backplate .galaxy-logo{font-size:.65rem;font-weight:800;letter-spacing:.25em;opacity:.22;color:#fff}.iphone-camera-bump{top:10px;left:10px;width:58px;height:58px;border-radius:16px;background:var(--chassis-bump-bg,hsla(0,0%,100%,.08));border:1px solid hsla(0,0%,100%,.18);box-shadow:0 6px 14px rgba(0,0,0,.8),inset 0 0 10px rgba(0,0,0,.7);display:grid;grid-template-columns:1fr 1fr;padding:4px;gap:4px;box-sizing:border-box}.galaxy-camera-column,.iphone-camera-bump{position:absolute;transform:translateZ(-4px)}.galaxy-camera-column{top:12px;left:12px;display:flex;flex-direction:column;gap:8px}.camera-lens-ring{width:20px;height:20px;border-radius:50%;background:radial-gradient(circle,#000 45%,#1e293b 75%,#475569);border:1.5px solid hsla(0,0%,100%,.45);box-shadow:0 3px 6px rgba(0,0,0,.85),inset 0 0 3px rgba(0,242,254,.6)}.camera-lens-flash{width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,#fff 30%,#fef08a 70%,#ca8a04);margin:auto;box-shadow:0 0 4px #fde047}.watch-back{display:flex;align-items:center;justify-content:center}.watch-sensor-cluster{width:70px;height:70px;border-radius:50%;background:radial-gradient(circle,#000 35%,#1e293b 65%,#0f172a);border:2px solid hsla(0,0%,100%,.3);box-shadow:0 4px 10px rgba(0,0,0,.9),inset 0 0 8px rgba(34,197,94,.5)}.iphone-hw-action-btn{position:absolute;left:-7px;top:75px;width:3px;height:18px;background:#373c4d;border-radius:2px 0 0 2px}.iphone-hw-vol-up{top:104px}.iphone-hw-vol-down,.iphone-hw-vol-up{position:absolute;left:-7px;width:3px;height:28px;background:#373c4d;border-radius:2px 0 0 2px}.iphone-hw-vol-down{top:138px}.iphone-hw-power{right:-7px;top:104px;width:3px;height:42px;background:#373c4d}.iphone-hw-camera-control,.iphone-hw-power{position:absolute;border-radius:0 2px 2px 0}.iphone-hw-camera-control{right:-6px;bottom:85px;width:2px;height:34px;background:#8892b0;box-shadow:inset 0 0 2px #fff}.iphone-dynamic-island{position:absolute;top:6px;left:50%;transform:translateX(-50%);width:56px;height:14px;background:#000;border-radius:20px;z-index:20;display:flex;align-items:center;justify-content:flex-end;padding-right:5px;gap:4px}.island-truedepth{background:#0d131f}.island-camera,.island-truedepth{width:4px;height:4px;border-radius:50%}.island-camera{background:#1a1e29;box-shadow:inset 0 0 2px rgba(0,242,254,.8)}.iphone-screen{flex:1;width:100%;border-radius:28px;display:flex;flex-direction:column;justify-content:space-between;padding:24px 10px 10px;position:relative;overflow:hidden;transition:background .3s ease;background-size:cover}.screen-mesh-backdrop{position:absolute;inset:0;background:#060813;overflow:hidden;z-index:0;pointer-events:none}.screen-mesh-backdrop .screen-blob{position:absolute;border-radius:50%;mix-blend-mode:screen;filter:blur(28px);-webkit-filter:blur(28px);opacity:.92;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.4,0,.2,1);animation-direction:alternate;transition:background .4s ease}.screen-blob-1{width:95%;height:60%;top:-5%;left:-10%;animation:float1 14s infinite alternate}.screen-blob-2{width:90%;height:55%;top:25%;right:-15%;animation:float2 18s infinite alternate}.screen-blob-3{width:85%;height:65%;bottom:-5%;left:-5%;animation:float3 16s infinite alternate}.screen-blob-4{width:80%;height:50%;top:35%;left:20%;animation:float4 20s infinite alternate}.device-screen-ui{position:relative;z-index:2;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.6)}.ios-lock-header{display:flex;flex-direction:column;align-items:center}.ios-lock-icon{font-size:.65rem;margin-bottom:1px}.ios-date{font-size:.6rem;font-weight:600;letter-spacing:.02em;opacity:.95}.ios-time{font-size:2.2rem;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,var(--font-sans);line-height:1;margin-top:2px}.ios-widget-row{display:flex;gap:4px;margin-top:6px}.ios-widget-chip{background:rgba(10,14,23,.65);border:1px solid hsla(0,0%,100%,.18);font-size:.52rem;font-weight:700;padding:2px 7px;border-radius:var(--radius-full);box-shadow:0 4px 10px rgba(0,0,0,.4)}.ios-lock-footer{display:flex;align-items:center;justify-content:space-between;width:100%;position:relative}.ios-circle-btn{width:26px;height:26px;background:rgba(10,14,23,.65);border:1px solid hsla(0,0%,100%,.18);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;box-shadow:0 4px 10px rgba(0,0,0,.4)}.ios-home-bar{width:60px;height:3px;background:#fff;border-radius:var(--radius-full);position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.app-ui-header{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;font-weight:800;padding-top:4px}.app-glass-card{background:rgba(15,23,42,.55);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid hsla(0,0%,100%,.2);border-radius:var(--radius-md);padding:10px;box-shadow:0 10px 25px rgba(0,0,0,.3)}.app-card-badge{font-size:.52rem;font-weight:800;color:#818cf8;letter-spacing:.05em}.app-card-val{font-size:1.1rem;font-weight:800;margin:4px 0 2px}.app-card-sub{font-size:.56rem;color:#34d399;font-weight:700}.app-waveform-box{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:24px;margin-bottom:8px}.wave-bar{width:3px;background:#fff;border-radius:var(--radius-full);animation:wavePulse 1.2s ease-in-out infinite alternate}.wave-bar:first-child{height:10px}.wave-bar:nth-child(2){height:18px;animation-delay:.2s}.wave-bar:nth-child(3){height:24px;animation-delay:.4s}.wave-bar:nth-child(4){height:14px;animation-delay:.1s}.wave-bar:nth-child(5){height:20px;animation-delay:.3s}.wave-bar:nth-child(6){height:12px;animation-delay:.5s}@keyframes wavePulse{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}.minimal-status-bar{display:flex;justify-content:space-between;font-size:.58rem;font-weight:700;padding-top:4px}.device-frame-galaxy{width:170px;height:340px;background:#0c0f16;border:4px solid #373c4d;border-radius:12px;position:relative;overflow:visible;display:flex;flex-direction:column;flex-shrink:0;transform-style:preserve-3d;transition:var(--transition-fast)}.galaxy-hw-vol{top:95px;height:48px}.galaxy-hw-power,.galaxy-hw-vol{position:absolute;right:-7px;width:3px;background:#373c4d;border-radius:0 2px 2px 0}.galaxy-hw-power{top:155px;height:28px}.galaxy-punch-hole{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:8px;height:8px;background:#000;border-radius:50%;z-index:20;box-shadow:inset 0 0 2px rgba(0,242,254,.7)}.galaxy-screen{flex:1;width:100%;border-radius:9px;display:flex;flex-direction:column;justify-content:space-between;padding:22px 10px 10px;position:relative;overflow:hidden;transition:background .3s ease;background-size:cover}.android-lock-header{display:flex;flex-direction:column;align-items:flex-start;padding:8px 4px}.android-time{font-size:2.4rem;font-weight:800;font-family:var(--font-sans);line-height:1}.android-date{font-size:.62rem;font-weight:600;opacity:.9;margin-top:4px}.android-lock-footer{display:flex;align-items:center;justify-content:space-between;width:100%}.android-circle-btn{width:24px;height:24px;background:rgba(0,0,0,.4);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem}.android-fingerprint{font-size:1.2rem;opacity:.85}.android-nav-bar{display:flex;justify-content:center;width:100%;position:absolute;bottom:3px;left:0}.nav-bar-pill{width:48px;height:3px;background:#fff;border-radius:var(--radius-full)}.device-frame-macbook{width:380px;align-items:center;flex-shrink:0}.device-frame-macbook,.mac-display-lid{display:flex;flex-direction:column;position:relative;transform-style:preserve-3d}.mac-display-lid{width:350px;height:220px;background:#11141c;border:5px solid var(--chassis-border,#373c4d);border-bottom:none;border-radius:14px 14px 0 0;box-shadow:0 3px 0 var(--chassis-border,#373c4d),0 6px 0 #181d28,0 10px 0 #0b0e14,0 25px 50px rgba(0,0,0,.95);overflow:visible;transform-origin:bottom center;transform:rotateX(-12deg) translateZ(-6px);z-index:2}.mac-lid-backplate{position:absolute;inset:-5px;border-radius:14px 14px 0 0;background:var(--chassis-backplate-bg,linear-gradient(145deg,#2d3446 0,#171b24 100%));border:5px solid var(--chassis-border,#373c4d);transform:translateZ(-8px);display:flex;align-items:center;justify-content:center;box-shadow:0 20px 40px rgba(0,0,0,.9),inset 0 0 20px rgba(0,0,0,.8);pointer-events:none}.mac-lid-apple-logo{font-size:2.2rem;opacity:.22;color:#fff;filter:drop-shadow(0 2px 5px rgba(0,0,0,.8));user-select:none}.mac-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:48px;height:8px;background:#000;border-radius:0 0 4px 4px;z-index:20;display:flex;align-items:center;justify-content:center}.mac-cam-dot{width:3px;height:3px;background:#00f2fe;border-radius:50%;box-shadow:0 0 3px #00f2fe}.mac-screen{flex:1;width:100%;border-radius:9px 9px 0 0;flex-direction:column;position:relative;overflow:hidden;transition:background .3s ease;background-size:cover}.mac-menubar,.mac-screen{display:flex;justify-content:space-between}.mac-menubar{height:18px;background:rgba(15,23,42,.5);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid hsla(0,0%,100%,.1);align-items:center;padding:0 8px;font-size:.56rem;color:#fff;z-index:10}.mac-menu-left{display:flex;align-items:center;gap:8px}.mac-apple-logo{font-size:.7rem}.mac-menu-right{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.52rem}.mac-lock-center{display:flex;flex-direction:column;align-items:center;margin-top:45px}.mac-lock-avatar{width:48px;height:48px;background:hsla(0,0%,100%,.2);backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.4);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;box-shadow:0 8px 20px rgba(0,0,0,.4)}.mac-lock-username{font-size:.78rem;font-weight:700;margin:8px 0 6px;text-shadow:0 2px 8px rgba(0,0,0,.7)}.mac-lock-pass-box{background:rgba(0,0,0,.45);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.25);border-radius:var(--radius-full);padding:3px 10px;display:flex;align-items:center;gap:8px;font-size:.65rem}.pass-dots{letter-spacing:2px;color:#fff;font-size:.6rem}.pass-enter{color:#818cf8;font-weight:800}.mac-lock-footer{display:flex;justify-content:center;gap:16px;font-size:.58rem;color:hsla(0,0%,100%,.85);padding-bottom:8px}.mac-app-window{width:82%;height:120px;background:rgba(15,23,42,.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;align-self:center;margin-top:10px;box-shadow:0 12px 30px rgba(0,0,0,.5);display:flex;flex-direction:column;overflow:hidden}.window-titlebar{height:18px;background:rgba(0,0,0,.4);display:flex;align-items:center;padding:0 8px;gap:8px;border-bottom:1px solid hsla(0,0%,100%,.08)}.window-dots{display:flex;gap:3px}.dot-red{background:#ff5f56}.dot-red,.dot-yellow{width:5px;height:5px;border-radius:50%}.dot-yellow{background:#ffbd2e}.dot-green{width:5px;height:5px;background:#27c93f;border-radius:50%}.window-title{font-size:.52rem;font-weight:600;color:var(--text-muted)}.window-content-preview{flex:1;display:flex;align-items:center;justify-content:center;gap:8px}.win-chip{background:rgba(99,102,241,.25);border:1px solid rgba(99,102,241,.4);color:#c7d2fe;font-size:.58rem;font-weight:700}.mac-dock,.win-chip{padding:3px 8px;border-radius:var(--radius-full)}.mac-dock{align-self:center;margin-bottom:6px;background:rgba(15,23,42,.5);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid hsla(0,0%,100%,.2);display:flex;align-items:center;gap:6px;box-shadow:0 10px 25px rgba(0,0,0,.4)}.dock-icon{font-size:.8rem;transition:var(--transition-fast);cursor:pointer}.dock-icon:hover{transform:translateY(-2px) scale(1.15)}.mac-hinge-bar{width:250px;height:6px;background:#080a0f;border-radius:3px;margin:-3px 0;transform:translateZ(-2px);box-shadow:inset 0 1px 1px hsla(0,0%,100%,.2),0 2px 5px rgba(0,0,0,.9);z-index:4}.mac-keyboard-deck-3d{width:350px;height:145px;position:relative;transform-origin:top center;transform:rotateX(62deg) translateY(-2px);transform-style:preserve-3d;z-index:6}.mac-deck-surface{background:var(--chassis-backplate-bg,linear-gradient(180deg,#252a38 0,#161924 60%,#0f121a 100%));border:3px solid var(--chassis-border,#373c4d);border-top:1px solid hsla(0,0%,100%,.45);display:flex;flex-direction:column;align-items:center;padding:6px 10px;box-sizing:border-box;transform:translateZ(0);box-shadow:inset 0 2px 1px hsla(0,0%,100%,.4)}.mac-deck-face-bottom,.mac-deck-surface{position:absolute;inset:0;border-radius:0 0 14px 14px;transform-style:preserve-3d}.mac-deck-face-bottom{background:var(--chassis-backplate-bg,linear-gradient(180deg,#151821 0,#080a0f 100%));border:3px solid var(--chassis-border,#373c4d);transform:translateZ(-14px);box-shadow:0 25px 50px rgba(0,0,0,.95);pointer-events:none}.mac-foot{position:absolute;width:14px;height:14px;background:#030406;border-radius:50%;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 2px 4px rgba(0,0,0,.8)}.mac-foot.foot-tl{top:10px;left:14px}.mac-foot.foot-tr{top:10px;right:14px}.mac-foot.foot-bl{bottom:10px;left:14px}.mac-foot.foot-br{bottom:10px;right:14px}.mac-deck-face-left{left:0;border-radius:0 0 0 10px;transform-origin:left top;transform:rotateY(90deg)}.mac-deck-face-left,.mac-deck-face-right{position:absolute;top:0;width:14px;height:145px;background:var(--chassis-band-bg,#1a202c);border:2px solid var(--chassis-border,#373c4d);display:flex;flex-direction:column;gap:8px;padding-top:16px;align-items:center;box-sizing:border-box;box-shadow:inset 0 0 6px rgba(0,0,0,.85);pointer-events:none}.mac-deck-face-right{right:0;border-radius:0 0 10px 0;transform-origin:right top;transform:rotateY(-90deg)}.mac-port{width:8px;background:#020305;border:1px solid hsla(0,0%,100%,.25);border-radius:2px}.port-magsafe{height:12px;border-radius:3px}.port-tb{height:7px;border-radius:2.5px}.port-hdmi{height:10px;border-radius:2px}.port-sd{height:18px;width:4px;border-radius:1px}.port-audio{height:5px;width:5px;border-radius:50%}.mac-deck-face-front{position:absolute;left:0;bottom:0;width:350px;height:14px;background:var(--chassis-band-bg,#1a202c);border:2px solid var(--chassis-border,#373c4d);border-radius:0 0 14px 14px;transform-origin:center bottom;transform:rotateX(90deg);display:flex;align-items:center;justify-content:center;box-sizing:border-box;box-shadow:inset 0 1px 2px hsla(0,0%,100%,.3),0 10px 25px rgba(0,0,0,.95);pointer-events:none}.mac-keyboard-well{width:275px;background:#020306;border-radius:5px;padding:4px 6px;box-shadow:inset 0 4px 8px rgba(0,0,0,.99),0 0 0 1px rgba(0,0,0,.95),0 1px 0 hsla(0,0%,100%,.22);flex-direction:column;box-sizing:border-box;transform:translateZ(-2px)}.mac-key-row,.mac-keyboard-well{display:flex;gap:2.5px;transform-style:preserve-3d}.mac-key-row{width:100%}.mac-key{flex:1;height:9.5px;background:linear-gradient(180deg,#282f3d,#161a24 50%,#0c0f16);border:1px solid hsla(0,0%,100%,.14);border-top:1px solid hsla(0,0%,100%,.28);border-bottom:1px solid rgba(0,0,0,.95);border-radius:2px;color:#cbd5e1;font-size:.26rem;font-weight:700;display:flex;align-items:center;justify-content:center;transform:translateZ(2.5px);transform-style:preserve-3d;box-shadow:0 1.5px 0 #000,0 2.5px 0 #0a0c10,0 3px 4px rgba(0,0,0,.9),inset 0 1px 0 hsla(0,0%,100%,.25);user-select:none;font-family:-apple-system,BlinkMacSystemFont,var(--font-sans);text-shadow:0 1px 2px rgba(0,0,0,.8)}.mac-key.key-space{flex:4.8}.mac-key.key-caps,.mac-key.key-del,.mac-key.key-return,.mac-key.key-shift,.mac-key.key-tab{flex:1.65}.mac-key.key-touchid{flex:1.2;background:radial-gradient(circle,#000 60%,#1e293b);border-color:hsla(0,0%,100%,.25)}.mac-key.key-arrows{flex:2.2;font-size:.22rem}.mac-speaker-grille{position:absolute;top:4px;width:18px;height:72px;background:radial-gradient(circle,#000 30%,transparent 40%) repeat;background-size:2px 2px;opacity:.65}.mac-speaker-left{left:4px}.mac-speaker-right{right:4px}.mac-trackpad-3d{width:110px;height:42px;margin-top:6px;background:var(--chassis-band-bg,#1a1f2c);border:1px solid hsla(0,0%,100%,.18);border-radius:4px;box-shadow:inset 0 1px 2px rgba(0,0,0,.8),0 1px 0 hsla(0,0%,100%,.15);transform:translateZ(1px)}.mac-thumb-notch-3d{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:46px;height:3.5px;background:#0b0d14;border-radius:0 0 4px 4px;border-bottom:1px solid hsla(0,0%,100%,.25)}.device-frame-ipad{width:290px;height:220px;background:#0f121a;border:4px solid #373c4d;border-radius:18px;position:relative;overflow:visible;display:flex;flex-direction:column;flex-shrink:0;transform-style:preserve-3d;transition:var(--transition-fast)}.ipad-pencil-strip{left:50%;transform:translateX(-50%);width:90px;background:hsla(0,0%,100%,.4);border-radius:1px}.ipad-hw-vol,.ipad-pencil-strip{position:absolute;top:-6px;height:2px}.ipad-hw-vol{right:25px;width:24px;background:#373c4d}.ipad-faceid-sensor{position:absolute;top:5px;left:50%;transform:translateX(-50%);width:4px;height:4px;background:#000;border-radius:50%;box-shadow:inset 0 0 2px #00f2fe}.ipad-screen{flex:1;width:100%;border-radius:16px;flex-direction:column;padding:12px 14px 10px;position:relative;overflow:hidden;transition:background .3s ease;background-size:cover;color:#fff}.ipad-screen,.ipad-statusbar{display:flex;justify-content:space-between}.ipad-statusbar{font-size:.55rem;font-weight:700}.ipad-center-content{display:flex;flex-direction:column;align-items:center;text-align:center}.ipad-clock-huge{font-size:2.8rem;font-weight:800;line-height:1;text-shadow:0 2px 12px rgba(0,0,0,.6)}.ipad-date-sub{font-size:.65rem;font-weight:600;opacity:.9;margin-top:4px}.ipad-dock{align-self:center;background:rgba(15,23,42,.5);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid hsla(0,0%,100%,.2);border-radius:var(--radius-full);padding:2px 10px;display:flex;gap:8px}.ipad-app-split{display:flex;gap:8px;width:100%;flex:1;margin:6px 0}.ipad-sidebar-card{width:75px;background:rgba(15,23,42,.6);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.15);border-radius:8px;padding:6px 4px;display:flex;flex-direction:column;gap:4px}.side-tag{font-size:.45rem;font-weight:800;color:#818cf8;letter-spacing:.05em}.side-pill{font-size:.48rem;background:hsla(0,0%,100%,.1);padding:2px 4px;border-radius:4px}.ipad-main-card{flex:1;background:rgba(15,23,42,.55);backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;padding:8px;display:flex;flex-direction:column;justify-content:center}.ipad-card-badge{font-size:.48rem;font-weight:800;color:#34d399}.ipad-card-headline{font-size:.72rem;font-weight:800;margin-top:2px}.ipad-home-bar{width:90px}.device-frame-watch{display:flex;flex-direction:column;align-items:center;flex-shrink:0;position:relative;transform-style:preserve-3d;transition:var(--transition-fast)}.watch-lug-top{background:linear-gradient(180deg,#ff6b35,#e64a19);border-radius:8px 8px 0 0;transform:translateZ(-8px) rotateX(25deg);transform-origin:bottom center}.watch-lug-bottom,.watch-lug-top{width:100px;height:25px;box-shadow:0 4px 10px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.3);display:flex;align-items:center;justify-content:center}.watch-lug-bottom{background:linear-gradient(180deg,#e64a19,#d84315);border-radius:0 0 8px 8px;transform:translateZ(-8px) rotateX(-25deg);transform-origin:top center}.strap-weave{width:80px;height:12px;background:repeating-linear-gradient(90deg,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,.2) 2px,transparent 0,transparent 4px);border-radius:2px}.watch-chassis-body{width:175px;height:215px;position:relative;display:flex;align-items:center;justify-content:center;margin:2px 0;transform-style:preserve-3d}.watch-raised-titanium-bezel{position:absolute;inset:-4px;border-radius:38px;border:5px solid var(--chassis-border,#494e5e);background:transparent;transform:translateZ(4px);pointer-events:none;box-shadow:0 0 0 1.5px hsla(0,0%,100%,.4),inset 0 0 10px rgba(0,0,0,.9);z-index:10}.watch-face-bottom{position:absolute;inset:0;border-radius:36px;background:var(--chassis-backplate-bg,radial-gradient(circle at center,#1c2230 0,#0c0f16 70%,#05070a 100%));border:4px solid var(--chassis-border,#494e5e);transform:translateZ(-18px);transform-style:preserve-3d;box-shadow:0 25px 50px rgba(0,0,0,.95);display:flex;align-items:center;justify-content:center;pointer-events:none}.watch-screw{position:absolute;width:7px;height:7px;background:#3b4252;border-radius:50%;border:1px solid hsla(0,0%,100%,.2);box-shadow:inset 0 0 2px #000}.watch-screw.screw-tl{top:12px;left:14px}.watch-screw.screw-tr{top:12px;right:14px}.watch-screw.screw-bl{bottom:12px;left:14px}.watch-screw.screw-br{bottom:12px;right:14px}.watch-face-left{position:absolute;left:0;top:32px;width:18px;height:151px;background:var(--chassis-band-bg,#2a3040);border:2px solid var(--chassis-border,#494e5e);border-radius:4px;transform-origin:left top;transform:rotateY(90deg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;box-sizing:border-box;box-shadow:inset 0 0 6px rgba(0,0,0,.85);pointer-events:none}.watch-orange-action-btn{width:10px;height:32px;background:#ff5722;border-radius:4px;border:1px solid hsla(0,0%,100%,.5);box-shadow:0 0 8px rgba(255,87,34,.85)}.watch-siren-holes{display:flex;flex-direction:column;gap:4px}.watch-siren-holes span{width:4px;height:4px;background:#000;border-radius:50%}.watch-face-right{position:absolute;right:0;top:32px;width:18px;height:151px;background:var(--chassis-band-bg,#2a3040);border:2px solid var(--chassis-border,#494e5e);border-radius:4px;transform-origin:right top;transform:rotateY(-90deg);justify-content:center;box-sizing:border-box;box-shadow:inset 0 0 6px rgba(0,0,0,.85);pointer-events:none}.watch-crown-guard,.watch-face-right{display:flex;flex-direction:column;align-items:center}.watch-crown-guard{gap:14px}.watch-crown-knurled{width:12px;height:36px;background:repeating-linear-gradient(180deg,#ff5722 0,#ff5722 2.5px,#111 0,#111 5px);border-radius:3px;border:1px solid hsla(0,0%,100%,.4);box-shadow:0 0 8px rgba(0,0,0,.95)}.watch-side-btn{width:10px;height:26px;background:#1e2430;border-radius:3px;border:1px solid hsla(0,0%,100%,.25)}.watch-face-top{top:0;transform-origin:center top;transform:rotateX(-90deg)}.watch-face-bottom-wall,.watch-face-top{position:absolute;left:32px;width:111px;height:18px;background:var(--chassis-band-bg,#2a3040);border:2px solid var(--chassis-border,#494e5e);border-radius:4px;box-shadow:inset 0 0 6px rgba(0,0,0,.85);pointer-events:none}.watch-face-bottom-wall{bottom:0;transform-origin:center bottom;transform:rotateX(90deg)}.watch-side-btn{width:5px;height:20px;background:#373c4d;border-radius:2px;box-shadow:0 0 4px rgba(0,0,0,.8)}.watch-screen{width:calc(100% - 6px);height:calc(100% - 6px);border-radius:31px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:12px 8px;color:#fff;overflow:hidden;transition:background .3s ease;background-size:cover;text-shadow:0 2px 8px rgba(0,0,0,.7)}.watch-workout-header{font-size:.58rem;font-weight:800;color:#34d399;letter-spacing:.05em;margin-top:4px}.watch-workout-metric{font-size:1.5rem;font-weight:800;line-height:1}.watch-workout-metric .unit{font-size:.65rem;font-weight:600;opacity:.85}.watch-workout-sub{font-size:.55rem;font-weight:700;opacity:.9;margin-bottom:4px}.watch-clean-dots{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;padding:10px;font-size:.8rem;font-weight:800;opacity:.8}.watch-complication-top{font-size:.56rem;font-weight:700;letter-spacing:.04em;opacity:.95}.watch-time-huge{font-size:2.1rem;font-weight:800;font-family:var(--font-sans);line-height:1}.watch-complications-row{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:.56rem;font-weight:700}.watch-ring-comp{color:#fa5252}.mockup-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;border-top:1px solid hsla(0,0%,100%,.08);background:rgba(15,23,42,.95);flex-shrink:0}.mockup-footer-info{font-size:.75rem;color:var(--text-muted)}.mockup-footer-actions{display:flex;align-items:center;gap:10px}.video-export-tab{display:flex;flex-direction:column;gap:16px}.video-export-card{background:#060911;border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:16px;display:flex;gap:20px;align-items:center;flex-wrap:wrap}.video-preview-canvas-wrap{position:relative;width:280px;height:158px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid hsla(0,0%,100%,.15);box-shadow:0 8px 25px rgba(0,0,0,.5);flex-shrink:0}.video-preview-canvas{width:100%;height:100%;object-fit:cover}.video-recording-badge{position:absolute;top:8px;left:8px;background:rgba(220,38,38,.9);color:#fff;font-size:.65rem;font-weight:800;padding:3px 8px;border-radius:var(--radius-full);animation:pulse 1s infinite alternate}.video-export-controls{flex:1;display:flex;flex-direction:column;gap:14px;min-width:240px}.video-options-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.control-lbl{font-size:.75rem;font-weight:700;color:var(--text-muted)}.custom-select-dark{background:rgba(15,23,42,.8);border:1px solid var(--border-glass);color:#fff;padding:6px 10px;border-radius:var(--radius-sm);font-size:.76rem;font-family:inherit;cursor:pointer;outline:none}.custom-select-dark option{background:#0f172a}.css-keyframes-box{background:#060911;border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:14px 16px;display:flex;flex-direction:column;gap:8px}.keyframes-header{justify-content:space-between;font-size:.78rem;font-weight:700;color:var(--text-muted)}.keyframes-header,.toast{display:flex;align-items:center}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(100px);background:rgba(15,23,42,.95);backdrop-filter:blur(16px);border:1px solid var(--border-glass);color:#fff;padding:12px 24px;border-radius:var(--radius-full);gap:10px;font-size:.9rem;font-weight:600;box-shadow:var(--shadow-float);z-index:500;opacity:0;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.toast.show{transform:translateX(-50%) translateY(0);opacity:1}.toast-icon{background:#22c55e;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}@media (max-width:1280px){.app-header{width:calc(100% - 20px);padding:0 10px;gap:5px}.glass-btn{padding:4px 8px;font-size:.72rem}.vision-select{font-size:.7rem;max-width:110px}.mode-btn{padding:4px 8px;font-size:.72rem}}@media (max-width:1080px){.glass-btn span:not(.count-badge){display:none}.glass-btn.primary span{display:inline}.brand-text span{display:none}}@media (max-width:960px){.palette-grid{flex-direction:column}.color-column{flex-direction:row;height:20%;padding:14px 20px}.color-info{flex-direction:row;gap:12px}.color-hex{font-size:1.1rem}.copy-hint,.preview-widget{display:none}.glass-card{flex-direction:column;align-items:stretch;padding:16px;gap:14px}.panel-divider{width:100%;height:1px}.app-header{width:calc(100% - 16px);top:8px}}.haledo-tour-backdrop{position:fixed;inset:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;z-index:99990;pointer-events:none;opacity:0}.haledo-tour-backdrop.hidden{display:none!important}.haledo-widget-container{position:fixed;bottom:28px;right:28px;z-index:999999;display:flex;flex-direction:column;align-items:flex-end;gap:12px;pointer-events:none;user-select:none;font-family:var(--font-sans,-apple-system,BlinkMacSystemFont,sans-serif)}.haledo-widget-container *{pointer-events:auto}#desktopInstallerScreen:not(.hidden)~#haledoTourBackdrop,#desktopInstallerScreen:not(.hidden)~#haledoWidget,.installer-overlay:not(.hidden)~#haledoTourBackdrop,.installer-overlay:not(.hidden)~#haledoWidget{display:none!important}.haledo-avatar-btn{width:66px;height:66px;border-radius:50%;position:relative;background:radial-gradient(circle at center,rgba(30,27,75,.95),rgba(10,14,26,.98));border:2px solid hsla(0,0%,100%,.3);box-shadow:0 12px 35px rgba(0,0,0,.9),0 0 28px rgba(236,72,153,.55),0 0 50px rgba(99,102,241,.45),inset 0 0 16px hsla(0,0%,100%,.25);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,border-color .3s ease;animation:haledoFloat 4.5s ease-in-out infinite;padding:0;outline:none}.haledo-avatar-btn:hover{transform:scale(1.12) translateY(-4px);border-color:hsla(0,0%,100%,.7);box-shadow:0 16px 45px rgba(0,0,0,.95),0 0 40px rgba(236,72,153,.85),0 0 70px rgba(99,102,241,.7),inset 0 0 22px hsla(0,0%,100%,.5)}.haledo-avatar-btn:active{transform:scale(.95)}.haledo-avatar-img{width:56px;height:56px;border-radius:50%;object-fit:cover;filter:drop-shadow(0 2px 8px rgba(0,0,0,.6));pointer-events:none}.haledo-status-dot{position:absolute;bottom:2px;right:2px;width:15px;height:15px;border-radius:50%;background:#10b981;border:2.5px solid #090d16;box-shadow:0 0 10px #10b981;transition:all .3s ease}.haledo-status-dot.muted{background:#64748b;box-shadow:none}.haledo-status-dot.thinking{background:#ec4899;box-shadow:0 0 14px #ec4899;animation:haledoPulse 1s infinite alternate}.haledo-ping-badge{position:absolute;top:-4px;left:-4px;background:linear-gradient(135deg,#ec4899,#8b5cf6);color:#fff;font-size:.62rem;font-weight:800;padding:2px 7px;border-radius:9999px;border:1.5px solid #fff;box-shadow:0 4px 12px rgba(236,72,153,.6);animation:haledoBounce 2s ease-in-out infinite}.haledo-card{width:415px;max-width:calc(100vw - 32px);background:rgba(13,17,28,.96);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border:1.5px solid hsla(0,0%,100%,.22);border-radius:22px;padding:16px;box-shadow:0 24px 80px rgba(0,0,0,.95),0 0 40px rgba(99,102,241,.35),inset 0 1px 0 hsla(0,0%,100%,.4);display:flex;flex-direction:column;gap:12px;transform-origin:bottom right;transition:all .3s cubic-bezier(.16,1,.3,1);box-sizing:border-box;animation:haledoCardPop .35s cubic-bezier(.34,1.56,.64,1)}.haledo-card.hidden{display:none!important;opacity:0;transform:scale(.85) translateY(20px);pointer-events:none}.haledo-card-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid hsla(0,0%,100%,.1);padding-bottom:10px}.haledo-header-identity{display:flex;align-items:center;gap:6px;flex-shrink:0}.haledo-mini-icon{font-size:1.15rem;filter:drop-shadow(0 0 8px rgba(236,72,153,.9))}.haledo-name-wrap{display:flex;flex-direction:column}.haledo-title{font-size:.9rem;font-weight:800;color:#fff;letter-spacing:-.01em;display:flex;align-items:center;gap:6px;white-space:nowrap}.haledo-tag{font-size:.58rem;font-weight:700;background:rgba(99,102,241,.3);border:1px solid rgba(99,102,241,.5);color:#c7d2fe;padding:2px 6px;border-radius:9999px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;flex-shrink:0;line-height:1}.haledo-header-actions{display:flex;align-items:center;gap:5px;flex-shrink:0}.haledo-mute-toggle-btn{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);color:#cbd5e1;display:flex;align-items:center;gap:3px}.haledo-mute-toggle-btn,.haledo-persona-select{font-size:.68rem;font-weight:700;padding:3px 6px;border-radius:8px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.haledo-persona-select{background:rgba(30,41,59,.9);border:1px solid hsla(0,0%,100%,.2);color:#e0e7ff;outline:none}.haledo-persona-select:focus,.haledo-persona-select:hover{border-color:#818cf8;background:rgba(49,46,129,.9);color:#fff}.haledo-mute-toggle-btn:hover{background:hsla(0,0%,100%,.16);color:#fff;border-color:hsla(0,0%,100%,.3)}.haledo-mute-toggle-btn.is-muted{background:rgba(239,68,68,.18);border-color:rgba(239,68,68,.45);color:#fca5a5}.haledo-close-btn{background:transparent;border:none;color:#94a3b8;font-size:1.25rem;line-height:1;cursor:pointer;padding:2px 5px;border-radius:6px;transition:color .2s ease}.haledo-close-btn:hover{color:#fff}.haledo-dialogue-box{background:rgba(0,0,0,.45);border:1px solid hsla(0,0%,100%,.09);border-radius:14px;padding:13px 14px;display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden}.haledo-chapter-tag{align-self:flex-start;font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#f472b6;background:rgba(244,114,182,.18);border:1px solid rgba(244,114,182,.35);padding:2px 8px;border-radius:6px}.haledo-dialogue-text{font-size:.84rem;color:#f1f5f9;line-height:1.5;margin:0}.haledo-dialogue-text strong{color:#fff;font-weight:700}.haledo-dialogue-text code{background:rgba(99,102,241,.35);border:1px solid rgba(99,102,241,.45);color:#e0e7ff;padding:2px 6px;border-radius:4px;font-family:var(--font-mono,monospace);font-size:.76rem;font-weight:700}.haledo-task-badge{display:flex;align-items:center;gap:6px;background:rgba(16,185,129,.18);border:1px solid rgba(16,185,129,.4);color:#6ee7b7;font-size:.73rem;font-weight:700;padding:6px 10px;border-radius:8px;margin-top:2px;transition:all .3s ease}.haledo-task-badge.completed{background:linear-gradient(135deg,rgba(16,185,129,.35),rgba(6,182,212,.35));border-color:#10b981;color:#fff;box-shadow:0 0 16px rgba(16,185,129,.45);animation:haledoTaskBounce .4s ease}.haledo-tour-nav{display:flex;align-items:center;justify-content:space-between;padding-top:4px}.haledo-tour-dots{display:flex;align-items:center;gap:5px}.haledo-tour-dot{width:7px;height:7px;border-radius:50%;background:hsla(0,0%,100%,.25);transition:all .25s ease}.haledo-tour-dot.active{width:18px;border-radius:9999px;background:linear-gradient(90deg,#ec4899,#8b5cf6);box-shadow:0 0 12px rgba(236,72,153,.8)}.haledo-tour-btns{display:flex;align-items:center;gap:6px}.haledo-tour-btn{font-size:.75rem;font-weight:700;padding:6px 12px;border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;align-items:center;gap:4px}.haledo-tour-btn-skip{background:transparent;border:1px solid hsla(0,0%,100%,.15);color:#94a3b8}.haledo-tour-btn-skip:hover{background:hsla(0,0%,100%,.1);color:#fff}.haledo-tour-btn-prev{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.16);color:#cbd5e1}.haledo-tour-btn-prev:hover{background:hsla(0,0%,100%,.15);color:#fff}.haledo-tour-btn-next{background:linear-gradient(135deg,#6366f1,#ec4899);border:none;color:#fff;box-shadow:0 4px 14px rgba(99,102,241,.4)}.haledo-tour-btn-next:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(236,72,153,.7)}.haledo-tour-btn-next:active{transform:translateY(0)}.haledo-chips-row{display:flex;flex-wrap:wrap;gap:6px}.haledo-quick-chip{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.14);color:#cbd5e1;font-size:.72rem;font-weight:700;padding:5px 10px;border-radius:9999px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.haledo-quick-chip:hover{background:linear-gradient(135deg,rgba(99,102,241,.4),rgba(236,72,153,.4));border-color:hsla(0,0%,100%,.4);color:#fff;transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,0,0,.35)}.haledo-quick-chip:active{transform:translateY(0)}.haledo-prompt-wrap{display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.5);border:1px solid hsla(0,0%,100%,.16);border-radius:12px;padding:4px 6px 4px 12px;transition:border-color .2s ease,box-shadow .2s ease}.haledo-prompt-wrap:focus-within{border-color:#6366f1;box-shadow:0 0 0 2px rgba(99,102,241,.3),0 0 22px rgba(99,102,241,.4)}.haledo-prompt-input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:.79rem;font-family:inherit}.haledo-prompt-input::placeholder{color:#64748b;font-weight:500}.haledo-prompt-send-btn{background:linear-gradient(135deg,#6366f1,#ec4899);border:none;color:#fff;width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.haledo-prompt-send-btn:hover{transform:scale(1.08)}.haledo-prompt-send-btn:active{transform:scale(.94)}.haledo-spotlight-active{z-index:999995!important;pointer-events:auto!important;box-shadow:0 0 0 4px #ec4899,0 0 30px rgba(236,72,153,.9),0 0 60px rgba(99,102,241,.7)!important;animation:haledoSpotlightPulse 1.6s cubic-bezier(.4,0,.2,1) infinite alternate!important;transition:box-shadow .3s ease!important}@keyframes haledoSpotlightPulse{0%{box-shadow:0 0 0 3px #ec4899,0 0 22px rgba(236,72,153,.75)}to{box-shadow:0 0 0 6px #8b5cf6,0 0 48px rgba(139,92,246,.95),0 0 75px rgba(236,72,153,.6)}}@keyframes haledoFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(2deg)}}@keyframes haledoPulse{0%{transform:scale(1);opacity:.8}to{transform:scale(1.3);opacity:1}}@keyframes haledoBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes haledoTaskBounce{0%{transform:scale(.95)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes haledoCardPop{0%{opacity:0;transform:scale(.9) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes haledoFadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.haledo-widget-container{bottom:84px;right:16px}.haledo-avatar-btn{width:54px;height:54px}.haledo-avatar-img{width:46px;height:46px}.haledo-card{width:calc(100vw - 32px);right:-8px}}.haledo-ai-blueprint-grid{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;margin-bottom:4px}.haledo-ai-badge{display:inline-flex;align-items:center;font-size:11px;font-weight:600;font-family:var(--font-mono,monospace);padding:3px 8px;border-radius:6px;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);color:#e0e7ff;letter-spacing:-.2px;box-shadow:0 2px 6px rgba(0,0,0,.3)}.haledo-ai-confidence{font-size:10px;color:#10b981;font-weight:700;margin-left:4px}.haledo-prompt-header-row{display:flex;align-items:center;justify-content:flex-end;padding:0 6px 4px}.haledo-credit-badge{font-size:.64rem;font-weight:700;font-family:var(--font-mono,monospace);padding:2px 7px;border-radius:999px;background:rgba(99,102,241,.15);border:1px solid rgba(99,102,241,.35);color:#a5b4fc}.haledo-credit-badge.pro{background:linear-gradient(135deg,rgba(16,185,129,.2),rgba(6,182,212,.2));border-color:rgba(52,211,153,.4);color:#34d399}.haledo-credit-badge.depleted{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.4);color:#fca5a5}.haledo-pro-upsell-btn{background:linear-gradient(135deg,#6366f1,#ec4899);color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;box-shadow:0 4px 15px rgba(99,102,241,.4);transition:all .2s ease}.haledo-pro-upsell-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(236,72,153,.5)}