:root{--brand:#5C7CFA;--brand-600:#4C6CF5;--accent:#22C1C3;--accent-600:#1AA4A6;--ink:#0E1726;--muted:#6C7A91;--bg:#F7F8FC;--card:#FFFFFF;--radius:1rem;--shadow-panel:0 6px 24px rgba(14,23,38,.06);--ease-hover:cubic-bezier(.2,.9,.2,1);--ring:0 0 0 3px rgba(92,124,250,.25)}@media (prefers-color-scheme:dark){:root{--bg:#0B1220;--card:#0E1726;--ink:#E6EEF7;--muted:#A6B2C7;--shadow-panel:0 8px 28px rgba(0,0,0,.5)}}body{color:var(--ink);background:var(--bg)}.chic-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-panel)}.chic-focus:focus-visible{outline:var(--ring);outline-offset:2px}.motion-hover{transition:all .18s ease-out}.motion-panel{transition:transform .22s var(--ease-hover),opacity .22s var(--ease-hover)}@media (prefers-reduced-motion:reduce){.motion-hover,.motion-panel{transition:none!important}}:root{--font-ui:var(--font-inter),ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";--font-display:var(--font-dm),Georgia,Cambria,"Times New Roman",Times,serif}.font-ui{font-family:var(--font-ui)}.font-display{font-family:var(--font-display)}.overlay-backdrop{background:rgba(0,0,0,.38);backdrop-filter:saturate(140%) blur(4px)}:root{--sidebar-w:272px;--sidebar-w-collapsed:76px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,1px,1px);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem .875rem;border-radius:9999px;font-size:.875rem;line-height:1.25rem;font-weight:500;transition:all .16s var(--ease-hover)}.btn:focus-visible{outline:var(--ring);outline-offset:2px}.btn[disabled]{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--brand);color:white}.btn-primary:hover{background:var(--brand-600)}.btn-secondary{background:var(--card);color:var(--ink);border:1px solid color-mix(in oklab,var(--ink) 12%,transparent)}.btn-secondary:hover{background:color-mix(in oklab,var(--card) 92%,var(--ink))}.btn-ghost{background:transparent;color:var(--muted)}.btn-ghost:hover{background:color-mix(in oklab,var(--card) 88%,var(--ink))}.input{display:block;width:100%;background:var(--card);color:var(--ink);border:1px solid color-mix(in oklab,var(--ink) 12%,transparent);border-radius:.75rem;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem}.input:focus{outline:none;box-shadow:var(--ring)}.modal-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-panel)}.plan-pill{display:none!important}:root{--motion-primary:220ms;--motion-micro:120ms;--motion-stagger:40ms;--ease-out:cubic-bezier(.2,.9,.2,1)}.ani-prim{transition:transform var(--motion-primary) var(--ease-out),opacity var(--motion-primary) var(--ease-out)}.ani-micro{transition:transform var(--motion-micro) var(--ease-out),opacity var(--motion-micro) var(--ease-out)}.hover-lift{will-change:transform}.hover-lift:hover{transform:translateY(-4px) scale(1.06)}.fade-in{opacity:0;transform:translateY(4px)}.fade-in.is-in{opacity:1;transform:translateY(0)}.stagger-children>*{transition-delay:calc(var(--i, 0) * var(--motion-stagger))}.stagger-children>:first-child{--i:0}.stagger-children>:nth-child(2){--i:1}.stagger-children>:nth-child(3){--i:2}.stagger-children>:nth-child(4){--i:3}.stagger-children>:nth-child(5){--i:4}.stagger-children>:nth-child(6){--i:5}@media (prefers-reduced-motion:reduce){.ani-micro,.ani-prim,.fade-in,.hover-lift,.stagger-children>*{transition:none!important;animation:none!important}.hover-lift:hover{transform:none!important}}[data-theme=studio] html:before{content:"";position:fixed;inset:-20%;z-index:0;pointer-events:none;background:radial-gradient(1200px 800px at 20% 30%,rgba(0,229,255,.06),transparent 60%),radial-gradient(1000px 700px at 80% 70%,rgba(92,124,250,.05),transparent 55%);filter:brightness(1);animation:studio-ambient 12s ease-in-out infinite alternate;will-change:transform}html{z-index:0}body,html{position:relative}body{z-index:1}@keyframes studio-ambient{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(0,-1.5%,0) scale(1.01)}}@media (prefers-reduced-motion:reduce){[data-theme=studio] html:before{animation:none!important}}[data-theme=studio] .btn,[data-theme=studio] .chic-card,[data-theme=studio] .ss-glass{transition:transform var(--motion-primary) var(--ease-out),opacity var(--motion-primary) var(--ease-out);will-change:transform}[data-theme=studio] .btn:hover,[data-theme=studio] .chic-card:hover,[data-theme=studio] .ss-glass:hover{transform:translateY(-4px) scale(1.06);box-shadow:0 0 24px rgba(0,229,255,.25),var(--shadow-panel)}@media (prefers-reduced-motion:reduce){[data-theme=studio] .btn,[data-theme=studio] .chic-card,[data-theme=studio] .ss-glass{transition:none!important}[data-theme=studio] .btn:hover,[data-theme=studio] .chic-card:hover,[data-theme=studio] .ss-glass:hover{transform:none!important;box-shadow:var(--shadow-panel)}}:root[data-theme=studio]{--vsc-editor-bg:#1e1e1e;--vsc-editor-fg:#d4d4d4;--vsc-sidebar-bg:#252526;--vsc-activity-bg:#333333;--vsc-titlebar-bg:#3c3c3c;--vsc-selection:#264f78;--vsc-focus:#007acc;--vsc-accent:#0e639c;--bg:var(--vsc-editor-bg);--card:#2a2a2a;--panel:var(--vsc-sidebar-bg);--surface:#2b2b2b;--ink:var(--vsc-editor-fg);--muted:#9aa1a6;--line:#2d2d2d;--shadow-panel:0 8px 24px rgba(0,0,0,.28);--brand:var(--vsc-accent);--brand-600:#0b5b8e;--accent:#22D3EE;--accent-600:#06B6D4;--ring:0 0 0 3px color-mix(in oklab,var(--vsc-focus) 60%,transparent);--font-head:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;--glass-bg:color-mix(in oklab,var(--panel) 72%,transparent);--glass-stroke:rgba(255,255,255,0.08);--glass-sheen:rgba(255,255,255,0.18);--glass-border:color-mix(in oklab,var(--line) 40%,transparent);--glass-shadow:0 6px 24px color-mix(in oklab,black 55%,transparent),inset 0 1px 0 color-mix(in oklab,white 8%,transparent);--glass-blur:12px;--glass-noise:0;--glass-noise-url:none}[data-theme=studio] h1,[data-theme=studio] h2,[data-theme=studio] h3,[data-theme=studio] h4,[data-theme=studio] h5,[data-theme=studio] h6{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.02em}[data-theme=studio] body{background:var(--bg);color:var(--ink)}[data-theme=studio] .editor-surface{background:var(--vsc-editor-bg);color:var(--vsc-editor-fg)}[data-theme=studio] .vscode-topbar{background:var(--vsc-titlebar-bg)}[data-theme=studio] .sidebar{background:var(--vsc-sidebar-bg)}[data-theme=studio] html:before{display:none!important}[data-theme=studio] .btn-primary{background:var(--brand);color:#0B1220}[data-theme=studio] .btn-primary:hover{background:var(--brand-600)}[data-theme=studio] .btn-ghost{color:var(--ink)}[data-theme=studio] .btn-secondary,[data-theme=studio] .input{background:var(--surface);color:var(--ink);border-color:var(--line)}[data-theme=studio] .chic-card,[data-theme=studio] .modal-card,[data-theme=studio] .ss-glass{background:var(--surface);box-shadow:var(--shadow-panel)}[data-theme=studio] .input-studio{background:#3c3c3c;border:1px solid #454545;color:#fff;border-radius:10px;padding:.6rem .8rem;transition:outline-color .16s ease,background .16s}[data-theme=studio] .input-studio::-moz-placeholder{color:#9aa1a6}[data-theme=studio] .input-studio::placeholder{color:#9aa1a6}[data-theme=studio] .input-studio:focus{outline:1px solid var(--vsc-focus);box-shadow:0 0 0 2px rgba(0,122,204,.25)}[data-theme=studio] ::-moz-selection{background:color-mix(in oklab,var(--accent) 35%,transparent);color:var(--ink)}[data-theme=studio] ::selection{background:color-mix(in oklab,var(--accent) 35%,transparent);color:var(--ink)}[data-theme=studio] input,[data-theme=studio] textarea{caret-color:var(--accent)}[data-theme=studio] .vscode-topbar{background:var(--panel);border-bottom:1px solid var(--line)}[data-theme=studio] .sidebar{background:var(--panel);border-right:1px solid var(--line)}[data-theme=studio] .nav-item{color:var(--muted);border-radius:12px;position:relative}[data-theme=studio] .nav-item:hover{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));outline:1px solid var(--glass-stroke);transform:translateY(-2px) scale(1.02);transition:transform .18s ease,background .18s ease,outline-color .18s ease;color:var(--ink)}[data-theme=studio] .nav-item:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background-image:var(--glass-noise-url);opacity:calc(var(--glass-noise) * .06);mix-blend-mode:soft-light}[data-theme=studio] .nav-tab[aria-current=page]{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));color:var(--ink);position:relative}[data-theme=studio] .nav-tab[aria-current=page]:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--brand);border-radius:2px}[data-theme=studio] .nav-item[data-active=true]{outline:1px solid rgba(14,99,156,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 24px rgba(0,229,255,.22);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--accent) 30%,transparent)}:root{--glass-bg:color-mix(in oklab,white 70%,transparent);--glass-border:color-mix(in oklab,#000 12%,transparent);--glass-shadow:0 8px 26px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.6);--glass-blur:10px}[data-theme=studio] .nav-item[data-section=listings]:hover{color:#9cdcfe}[data-theme=studio] .nav-item[data-section=seo]:hover{color:#b5cea8}[data-theme=studio] .nav-item[data-section=mockups]:hover{color:#c586c0}[data-theme=studio] .nav-item[data-section=pricing]:hover{color:#d7ba7d}[data-theme=studio] .nav-item[data-section=settings]:hover{color:#ce9178}[data-theme=studio] .mobile-link:hover{background:var(--surface)}[data-theme=studio] .glass-pill{position:relative;border-radius:9999px;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));outline:1px solid var(--glass-stroke)}[data-theme=studio] .glass-pill:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at top left,var(--glass-sheen),transparent 40%);opacity:0;transition:opacity .18s ease}[data-theme=studio] .glass-pill:hover{transform:translateY(-1px) scale(1.03)}[data-theme=studio] .glass-pill:hover:before{opacity:1}:root{--ok:#22c55e;--warn:#f59e0b;--bad:#ef4444}.wf-card{position:sticky;top:8px;right:8px;z-index:40;border-radius:12px;padding:.5rem .6rem;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-panel)}[data-theme=studio] .wf-card{background:var(--glass-bg,rgba(255,255,255,.04));backdrop-filter:blur(var(--glass-blur,12px)) saturate(140%);-webkit-backdrop-filter:blur(var(--glass-blur,12px)) saturate(140%);border:1px solid var(--glass-stroke,rgba(255,255,255,.06))}.wf-item,.wf-list{display:flex;gap:.4rem;align-items:center}.wf-item{position:relative;padding:.28rem .5rem;border-radius:9999px;font-size:.78rem;color:var(--muted);border:1px solid transparent;transition:transform .16s ease,opacity .16s ease,background-color .16s ease}.wf-item[data-state=active]{color:var(--ink);border-color:color-mix(in oklab,var(--accent,var(--vsc-focus)) 30%,transparent)}.wf-item[data-state=done]{color:var(--ink);opacity:.9}.wf-item[data-state=error]{color:var(--bad)}.wf-dot{width:8px;height:8px;border-radius:9999px;background:var(--line);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.wf-item[data-state=active] .wf-dot{background:var(--accent,var(--vsc-focus))}.wf-item[data-state=done] .wf-dot{background:var(--ok)}.wf-item[data-state=error] .wf-dot{background:var(--bad)}.wf-score{font-variant-numeric:tabular-nums;font-weight:600}.wf-score[data-level=bad]{color:var(--bad)}.wf-score[data-level=warn]{color:var(--warn)}.wf-score[data-level=good]{color:var(--ok)}[data-theme=studio] .wf-item:hover:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.08),transparent 40%);mix-blend-mode:screen;opacity:.6;transition:opacity .18s ease-out}@media (prefers-reduced-motion:reduce){.wf-card,.wf-item{transition:none!important}}[data-theme=studio] .smart-toolbar{background:color-mix(in oklab,white 6%,transparent);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:12px;box-shadow:var(--shadow-panel);padding:8px;color:var(--ink);z-index:50;transform:translateY(0);opacity:1;transition:transform .16s ease,opacity .16s ease}.smart-row{gap:8px;flex-wrap:wrap}.smart-group,.smart-row{display:flex;align-items:center}.smart-group{gap:6px}.smart-btn{font-size:12px;padding:4px 8px;border-radius:9999px;border:1px solid #2a6ea1;background:#0e639c;color:#0B1220}.smart-btn:hover{background:#0b5b8e}.smart-diff{display:flex;align-items:center;gap:8px}.inline-diff .diff-del{text-decoration:line-through;opacity:.6}.inline-diff .diff-ins{background:#ecfeff;color:#134e4a;border-radius:3px}.smart-actions .btn-apply{font-size:12px;padding:4px 8px;border-radius:6px;background:#0e639c;color:white}.smart-actions .btn-reapply,.smart-actions .btn-undo{font-size:12px;padding:4px 8px;border-radius:6px;border:1px solid #cbd5e1;background:white;color:#0f172a}.smart-actions .btn-reapply[disabled],.smart-actions .btn-undo[disabled]{opacity:.5;cursor:not-allowed}.smart-counter{font-size:11px;color:var(--muted);margin-left:auto}@media (prefers-reduced-motion:reduce){[data-theme=studio] .smart-toolbar{transition:opacity 1ms linear}}.app-shell-grid{position:relative;min-height:100dvh;padding-left:calc(var(--sidebar-w) + 32px);padding-right:clamp(24px,4vw,72px);transition:padding-left .22s ease,padding-right .22s ease}.app-shell-grid[data-collapsed=true]{padding-left:calc(var(--sidebar-w-collapsed) + 32px)}.sidebar-float{position:fixed;inset:env(safe-area-inset-top) auto env(safe-area-inset-bottom) 16px;left:16px;width:var(--sidebar-w);height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));z-index:40;padding:0;border-radius:28px;pointer-events:none}.sidebar-float__inner{position:relative;pointer-events:auto;border-radius:inherit;overflow:hidden;backdrop-filter:blur(var(--glass-blur,12px));-webkit-backdrop-filter:blur(var(--glass-blur,12px));background:color-mix(in oklab,var(--card) 72%,transparent);border:1px solid color-mix(in oklab,var(--ink) 8%,transparent);box-shadow:var(--panel-shadow,0 12px 40px rgba(0,0,0,.28));height:100%;display:flex}.sidebar-float__inner:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 60% at 0 0,color-mix(in oklab,white 8%,transparent) 0,transparent 60%);opacity:0;transition:opacity .22s ease-out}.sidebar-float__inner:hover:before{opacity:.6}.sidebar-float .sidebar{flex:1;max-height:none;height:100%;overflow:hidden;background:transparent}.sidebar-float .sidebar nav{overflow-y:auto;padding-right:.25rem}.sidebar-float .sidebar[data-collapsed=true] nav{overflow:visible}.content-with-float{min-width:0;padding-top:12px;padding-bottom:clamp(48px,8vh,120px)}@media (max-width:1024px){.sidebar-float{display:none}.app-shell-grid{padding-left:clamp(12px,5vw,24px);padding-right:clamp(12px,5vw,24px)}}.motion-hover{transition:transform .18s ease,opacity .18s ease,background-color .18s ease}@media (prefers-reduced-motion:reduce){.motion-hover{transition:none!important}}.app-shell-grid[data-collapsed=true] .sidebar-float{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding-right:0;width:var(--sidebar-w-collapsed)}.app-shell-grid[data-collapsed=true] .sidebar-float,.app-shell-grid[data-collapsed=true] .sidebar-float__inner{background:transparent!important;border-color:transparent!important;box-shadow:none!important}.app-shell-grid[data-collapsed=true] .sidebar-float__inner:before{display:none}.app-shell-grid[data-collapsed=true] .sidebar-float .sidebar{width:var(--sidebar-w-collapsed)}[data-theme=studio] .nav-item *{backdrop-filter:none!important}