:root{--ink:#000;--ink-soft:#555;--muted:#888;--faint:#aaa;--line:#eaeaea;--line-2:#dcdcdc;--surface:#fff;--surface-2:#fafafa;--ok:#0070f3;--ready:#16a34a;--warn:#f5a623;--radius:8px;--fg-hover:#222}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--surface);-webkit-font-smoothing:antialiased}.mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.02em;color:var(--ink)}button,input,select,textarea{font-family:inherit}input,select,textarea{border:1px solid var(--line-2);border-radius:var(--radius);background:var(--surface);color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--ink)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 16px;font-size:14px;font-weight:500;background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:var(--radius);cursor:pointer;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s,opacity .15s}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,0,0,.1)}.btn:active:not(:disabled){transform:translateY(0);box-shadow:none}.btn:disabled{opacity:.45;cursor:default}.btn-ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line-2)}.btn-ghost:hover{background:var(--surface-2);border-color:var(--ink)}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px}.card-interactive:hover,button.card:hover{border-color:var(--line-2)}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);font-size:11px;font-weight:500;color:var(--ink-soft)}.dot{width:7px;height:7px;border-radius:999px;display:inline-block}.dot-ready{background:var(--ready)}.dot-warn{background:var(--warn)}.dot-blue{background:var(--ok)}.dot-muted{background:var(--muted)}.subtabs{display:flex;gap:4px;border-bottom:1px solid var(--line)}.subtab{background:none;border:none;border-bottom:2px solid transparent;padding:9px 14px;font-size:14px;color:var(--muted);cursor:pointer;margin-bottom:-1px}.subtab:hover{color:var(--ink-soft)}.subtab-active{color:var(--ink);border-bottom-color:var(--ink)}.shell{display:flex;min-height:100vh}.sidebar{width:230px;flex-shrink:0;border-right:1px solid var(--line);padding:18px 12px;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.side-section{font-size:11px;font-weight:500;letter-spacing:.02em;color:var(--faint);padding:14px 10px 4px}.side-link{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;background:none;border-radius:var(--radius);font-size:14px;color:var(--ink-soft);cursor:pointer;text-align:left}.side-link.active,.side-link:hover{background:var(--surface-2);color:var(--ink)}.side-link.active{font-weight:500}.side-icon{width:18px;display:inline-flex;justify-content:center;flex-shrink:0}.content{flex:1 1;min-width:0}.content-body{padding:28px 40px;max-width:1000px}.topbar{display:flex;align-items:center;padding:14px 40px;border-bottom:1px solid var(--line)}@media (max-width:720px){.sidebar{position:fixed;z-index:50;transform:translateX(-100%);transition:transform .2s;background:var(--surface)}.sidebar.open{transform:translateX(0)}.content-body{padding:20px}}@keyframes toast-in{0%{opacity:0;transform:translateX(24px) scale(.96)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(24px)}}