:root{--canvas:#fff;--canvas-soft:#f5f5f7;--surface:#fff;--ink:#1d1d1f;--ink-2:#3a3a3c;--ink-soft:#6e6e73;--line:#00000014;--line-strong:#00000025;--accent:#0071e3;--accent-dark:#0068d0;--accent-soft:#0071e316;--ok:#248a3d;--ok-bg:#248a3d17;--warn:#a95800;--warn-bg:#a9580017;--bad:#d70015;--bad-bg:#d7001513;--shadow-sm:0 1px 2px #00000006, 0 4px 16px #00000006;--shadow-md:0 8px 30px #00000017;--radius-sm:10px;--radius:14px;--radius-lg:18px;--sidebar:264px}@media (prefers-color-scheme:dark){:root{--canvas:#0b0b0d;--canvas-soft:#151517;--surface:#17171a;--ink:#f5f5f7;--ink-2:#d8d8dc;--ink-soft:#9a9aa2;--line:#ffffff17;--line-strong:#ffffff29;--accent:#4da3ff;--accent-dark:#74b8ff;--accent-soft:#4da3ff21;--ok:#55d97e;--ok-bg:#55d97e21;--warn:#f0a44a;--warn-bg:#f0a44a21;--bad:#ff6b6b;--bad-bg:#ff6b6b21;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 10px 34px #0000008c}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--canvas);color:var(--ink);letter-spacing:-.006em;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,Segoe UI,sans-serif;font-size:15px;line-height:1.55}h1,h2,h3,h4{letter-spacing:-.028em;margin:0;font-weight:600}a{color:inherit;text-decoration:none}.shell{grid-template-columns:var(--sidebar) minmax(0, 1fr);background:linear-gradient(to right, var(--canvas-soft) 0 calc(var(--sidebar) - 1px), var(--line-strong) calc(var(--sidebar) - 1px) var(--sidebar), transparent var(--sidebar));min-height:100vh;display:grid}.sidebar{background:0 0;flex-direction:column;gap:1.4rem;height:100vh;padding:1.4rem 1rem 1.25rem;display:flex;position:sticky;top:0;overflow-y:auto}.main{width:100%;max-width:1320px;padding:2.6rem clamp(1.25rem,3.4vw,3.25rem) 5rem}@media (max-width:900px){.shell{background:var(--canvas);grid-template-columns:minmax(0,1fr)}.sidebar{background:var(--canvas-soft);border-bottom:1px solid var(--line);height:auto;position:static}}.brand{align-items:center;gap:.65rem;display:flex}.brand-mark{background:var(--ink);width:34px;height:34px;color:var(--canvas);border-radius:10px;place-items:center;font-size:1rem;font-weight:600;display:grid}.brand-name{letter-spacing:-.03em;font-weight:600}.brand-sub{color:var(--ink-soft);font-size:.74rem}.nav{flex-direction:column;gap:.15rem;display:flex}.nav-group{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin:.9rem 0 .35rem .6rem;font-size:.68rem}.nav-item{border-radius:var(--radius-sm);color:var(--ink-2);justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .65rem;font-size:.9rem;transition:background .15s,color .15s;display:flex}.nav-item:hover{background:var(--accent-soft);color:var(--ink)}.nav-item[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:550}.sidebar-foot{color:var(--ink-soft);flex-direction:column;gap:.6rem;margin-top:auto;font-size:.8rem;display:flex}.hero{margin-bottom:1.9rem}.hero-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:.45rem;font-size:.7rem}.hero-title{letter-spacing:-.045em;font-size:clamp(1.9rem,3.2vw,2.6rem);font-weight:600}.hero-sub{color:var(--ink-soft);max-width:62ch;margin-top:.4rem}.sec{margin:2.2rem 0 .9rem}.sec-title{letter-spacing:-.02em;font-size:1.05rem;font-weight:600}.sec-sub{color:var(--ink-soft);margin-top:.15rem;font-size:.87rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.2rem 1.25rem}.grid{gap:1rem;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-label{text-transform:uppercase;letter-spacing:.07em;color:var(--ink-soft);font-size:.76rem}.stat-value{letter-spacing:-.04em;margin-top:.2rem;font-size:1.9rem;font-weight:600}.stat-note{color:var(--ink-soft);font-size:.8rem}.project-card{text-align:left;font:inherit;color:inherit;cursor:pointer;transition:border-color .15s,transform 80ms,box-shadow .15s}.project-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}.project-card:active{transform:translateY(1px)}.project-card:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.project-open{font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.project-open:hover .project-name,.project-open:focus-visible .project-name{color:var(--accent)}.project-open:focus-visible{outline:none}.project-open:focus-visible .project-name{text-decoration:underline}.project-name{letter-spacing:-.025em;font-size:1.15rem;font-weight:600}.project-count{color:var(--ink-soft);margin-top:.1rem;font-size:.86rem}.chiprow{flex-wrap:wrap;gap:.4rem;display:flex}.chip{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:.3rem;padding:.16rem .55rem;font-size:.76rem;display:inline-flex}.chip-ok{color:var(--ok);background:var(--ok-bg)}.chip-warn{color:var(--warn);background:var(--warn-bg)}.chip-bad{color:var(--bad);background:var(--bad-bg)}.chip-info{color:var(--accent);background:var(--accent-soft)}.chip-mut{color:var(--ink-soft);background:var(--canvas-soft);border-color:var(--line)}.btn{appearance:none;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;padding:.5rem .95rem;font-size:.88rem;transition:background .15s,border-color .15s,transform 60ms}.btn:hover:not(:disabled){border-color:var(--ink-soft)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-dark);border-color:var(--accent-dark)}.btn-danger{color:var(--bad);border-color:var(--bad);background:0 0}.btn-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.field{flex-direction:column;gap:.35rem;margin-bottom:.9rem;display:flex}.field label{color:var(--ink-2);font-size:.82rem;font-weight:550}.field .help{color:var(--ink-soft);font-size:.78rem}input[type=text],input[type=password],select{font:inherit;color:var(--ink);background:var(--canvas);border:1px solid var(--line-strong);border-radius:var(--radius-sm);width:100%;padding:.55rem .7rem;font-size:.92rem;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}code,.mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.85em}.notice{border-radius:var(--radius-sm);border:1px solid #0000;align-items:flex-start;gap:.55rem;padding:.7rem .9rem;font-size:.88rem;display:flex}.notice-ok{color:var(--ok);background:var(--ok-bg);border-color:var(--ok-bg)}.notice-warn{color:var(--warn);background:var(--warn-bg)}.notice-bad{color:var(--bad);background:var(--bad-bg)}.notice-info{color:var(--accent);background:var(--accent-soft)}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.88rem}th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);border-bottom:1px solid var(--line);white-space:nowrap;padding:.7rem .9rem;font-size:.74rem;font-weight:550}td{border-bottom:1px solid var(--line);vertical-align:top;padding:.7rem .9rem}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--canvas-soft)}.empty{text-align:center;color:var(--ink-soft);padding:3rem 1rem}.empty-title{color:var(--ink);margin-bottom:.3rem;font-weight:600}.skeleton{background:linear-gradient(90deg, var(--canvas-soft), var(--line), var(--canvas-soft));background-size:200% 100%;border-radius:6px;height:1rem;animation:1.4s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.studio-form{margin-top:1.2rem}.studio-form textarea{font:inherit;color:var(--ink);background:var(--canvas);border:1px solid var(--line-strong);border-radius:var(--radius-sm);resize:vertical;width:100%;padding:.55rem .7rem;font-size:.95rem}.studio-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.steps{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.step{grid-template-columns:1.3rem auto 1fr;align-items:baseline;gap:.5rem;font-size:.9rem;display:grid}.step-mark{text-align:center;font-weight:700}.step-running .step-mark{color:var(--accent);animation:1.1s ease-in-out infinite pulse}.step-ok .step-mark{color:var(--ok)}.step-warn .step-mark{color:var(--warn)}.step-fail .step-mark{color:var(--bad)}.step-running .step-name{color:var(--ink-soft)}.step-detail{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;overflow:hidden}.code-editor{background:var(--canvas-soft);border:1px solid var(--line-strong);border-radius:var(--radius-sm);width:100%;color:var(--ink);resize:vertical;tab-size:4;padding:.8rem .9rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.84rem;line-height:1.5}.code-editor:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.code-editor[readonly]{color:var(--ink-2)}.btn-row [aria-pressed=false]{color:var(--ink-soft)}.chat-code{background:var(--canvas-soft);border:1px solid var(--line);border-radius:var(--radius-sm);margin:0 0 .7rem;padding:.7rem .85rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.84rem;overflow:auto}@keyframes pulse{0%,to{opacity:.25}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.step-running .step-mark{opacity:.6;animation:none}}.login{place-items:center;min-height:100vh;padding:2rem 1.25rem;display:grid}.login-card{width:min(430px,100%)}.login-card .card{box-shadow:var(--shadow-md);padding:1.6rem 1.5rem 1.3rem}.muted{color:var(--ink-soft)}.row-between{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.linkish{appearance:none;font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.linkish:hover{text-decoration:underline}.ask-bar{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:var(--shadow-sm);align-items:flex-end;gap:.6rem;padding:.55rem .6rem .55rem .95rem;transition:border-color .15s,box-shadow .15s;display:flex}.ask-bar:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.ask-bar textarea{font:inherit;color:var(--ink);resize:none;background:0 0;border:0;flex:1;min-height:2.4rem;max-height:11rem;padding:.35rem 0;font-size:.94rem;line-height:1.45}.ask-bar textarea:focus{box-shadow:none;outline:none}.ask-bar textarea::placeholder{color:var(--ink-soft)}.ask-head{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.5rem;display:flex}.ask-chips{flex-wrap:wrap;gap:.4rem;margin-top:.55rem;display:flex}.ask-chips button{appearance:none;border:1px solid var(--line-strong);background:var(--canvas-soft);color:var(--ink-2);font:inherit;cursor:pointer;border-radius:999px;padding:.3rem .7rem;font-size:.8rem}.ask-chips button:hover{border-color:var(--accent);color:var(--accent)}