:root{--bg: #FFFFFF;--bg-sunk: #F6F6F7;--surface: #FFFFFF;--surface-2: #FAFAFB;--line: #ECECEE;--line-strong: #DDDDE1;--ink-1: #17171A;--ink-2: #55555E;--ink-3: #95959E;--ink-on: #FFFFFF;--accent: #E05A2B;--accent-press: #C84D22;--accent-soft: #FBEFE9;--accent-ink: #B04318;--ok: #1F9D62;--ok-soft: #E7F6EE;--warn: #D08700;--warn-soft: #FBF3E0;--danger: #D6402B;--danger-soft: #FCECE8;--info: #3667C8;--info-soft: #ECF2FC;--font: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;--t-display: 700 34px/1.15 var(--font);--t-h1: 700 23px/1.25 var(--font);--t-h2: 650 18px/1.3 var(--font);--t-h3: 600 15.5px/1.4 var(--font);--t-body: 400 14.5px/1.6 var(--font);--t-sm: 400 13px/1.5 var(--font);--t-xs: 500 11.5px/1.4 var(--font);--r-sm: 9px;--r: 12px;--r-lg: 16px;--r-pill: 999px;--sh-1: 0 1px 2px rgba(20, 20, 25, .05);--sh-2: 0 1px 3px rgba(20, 20, 25, .05), 0 6px 20px rgba(20, 20, 25, .05);--sh-pop: 0 12px 48px rgba(20, 20, 25, .18);--sidebar-w: 224px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink-1);font:var(--t-body);letter-spacing:-.005em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{letter-spacing:-.02em;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font:600 13.5px/1 var(--font);letter-spacing:-.01em;border:1px solid transparent;border-radius:var(--r-sm);padding:9px 16px;cursor:pointer;white-space:nowrap;transition:background .14s,border-color .14s,transform .05s,box-shadow .14s}.btn:active{transform:translateY(.5px)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--accent);color:var(--ink-on);box-shadow:var(--sh-1)}.btn-primary:hover:not(:disabled){background:var(--accent-press)}.btn-ghost{background:var(--surface);color:var(--ink-2);border-color:var(--line-strong)}.btn-ghost:hover:not(:disabled){background:var(--bg-sunk);color:var(--ink-1)}.btn-quiet{background:transparent;color:var(--ink-2)}.btn-quiet:hover:not(:disabled){background:var(--bg-sunk);color:var(--ink-1)}.btn-sm{padding:6.5px 12px;font-size:12.5px}.btn-lg{padding:12px 22px;font-size:14.5px;border-radius:var(--r)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px}.card-raised{box-shadow:var(--sh-2)}.card-hover{transition:border-color .15s,box-shadow .15s;cursor:pointer}.card-hover:hover{border-color:var(--line-strong);box-shadow:var(--sh-2)}input,textarea,select{font:var(--t-body);color:var(--ink-1);width:100%;padding:10px 13px;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-sm);outline:none;transition:border-color .14s,box-shadow .14s}input::placeholder,textarea::placeholder{color:var(--ink-3)}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea{resize:vertical;line-height:1.6}.shell{display:flex;min-height:100%}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--bg-sunk);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:18px 12px;position:sticky;top:0;height:100vh}.shell-main{flex:1;min-width:0}.nav-item{display:flex;align-items:center;gap:10px;font:500 13.5px/1 var(--font);color:var(--ink-2);padding:9px 12px;border-radius:var(--r-sm);cursor:pointer;border:none;background:transparent;width:100%;text-align:left;transition:background .12s,color .12s}.nav-item:hover{background:#0000000b;color:var(--ink-1)}.nav-item.active{background:var(--surface);color:var(--ink-1);font-weight:600;box-shadow:var(--sh-1)}.nav-section{font:var(--t-xs);color:var(--ink-3);letter-spacing:.07em;padding:16px 12px 6px;text-transform:uppercase}.muted{color:var(--ink-3);font:var(--t-sm)}.row{display:flex;gap:12px;align-items:center}.col{display:flex;flex-direction:column;gap:12px}.spread{display:flex;justify-content:space-between;align-items:center}.chip{display:inline-flex;align-items:center;gap:5px;font:var(--t-xs);padding:4px 10px;border-radius:var(--r-pill);background:var(--bg-sunk);color:var(--ink-2)}.chip-accent{background:var(--accent-soft);color:var(--accent-ink)}.chip-ok{background:var(--ok-soft);color:var(--ok)}.eyebrow{font:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.tool-tile{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}