:root{--bg-ivory:#faf8f2;--surface-white:#fff;--ink-black:#111;--ink-gray1:#2b2b2b;--ink-gray2:#5a5a5a;--ink-gray3:#8a8a8a;--line-gray:#e7e3da;--fill-gray:#f3f1ea;--danger:#8f1d1d;--success:#1e5a3a;--warning:#7a5a1e;--radius-4:4px;--radius-6:6px;--radius-8:8px;--shadow-popover:0 8px 30px hsla(0,0%,7%,.08);--font-sans:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";--font-serif:ui-serif,Georgia,"Times New Roman",Times,serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;--t-fast:140ms;--t-med:200ms;color-scheme:light}body,html{height:100%}body{margin:0;font-family:var(--font-sans);background:var(--bg-ivory);color:var(--ink-gray1)}*{box-sizing:border-box}a{color:inherit}button,input,textarea{font:inherit}.appShell{height:100%;display:flex;flex-direction:column}.topBar{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line-gray);background:hsla(0,0%,100%,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topBarTitle{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--ink-black)}.container{flex:1 1;min-height:0}.split{height:100%;display:grid;grid-template-columns:320px 1fr;grid-gap:0;gap:0}.sidebar{border-right:1px solid var(--line-gray);background:hsla(0,0%,100%,.45);min-height:0;display:flex;flex-direction:column}.main{min-height:0;display:grid;grid-template-rows:1fr 420px}.panel{min-height:0;padding:14px}.panelDividerBottom{border-bottom:1px solid var(--line-gray)}.card{border:1px solid var(--line-gray);border-radius:var(--radius-8)}.btn,.card{background:var(--surface-white)}.btn{cursor:pointer;border:1px solid var(--line-gray);color:var(--ink-gray1);border-radius:var(--radius-6);padding:8px 12px;transition:transform var(--t-fast) ease,background var(--t-fast) ease,border-color var(--t-fast) ease}.btnSm{padding:4px 8px;font-size:12px;border-radius:var(--radius-4)}.btn:hover{background:var(--fill-gray)}.btn:disabled{cursor:not-allowed;opacity:.55}.btnPrimary{border-color:var(--ink-black);background:var(--ink-black);color:var(--bg-ivory)}.btnPrimary:hover{background:#000}.btnDanger{border-color:rgba(143,29,29,.35);color:var(--danger);background:var(--surface-white)}.btnDanger:hover{background:rgba(143,29,29,.06)}.input{width:100%;border:1px solid var(--line-gray);background:var(--fill-gray);color:var(--ink-gray1);border-radius:var(--radius-6);padding:10px 12px;outline:none;transition:border-color var(--t-fast) ease,background var(--t-fast) ease}.input:focus{border-color:hsla(0,0%,7%,.55);background:#fffdf8}.muted{color:var(--ink-gray2)}.textDanger{color:var(--danger)}h1,h2,h3{letter-spacing:-.01em}.h2,h1,h2,h3{font-family:var(--font-serif);color:var(--ink-black)}.h2{font-size:20px;line-height:1.2;margin:0}.caption{font-size:12px;color:var(--ink-gray2)}.row,.rowBetween{display:flex;align-items:center}.rowBetween{justify-content:space-between}.gap6{gap:6px}.gap8{gap:8px}.gap10{gap:10px}.gap12{gap:12px}.min0{min-width:0;min-height:0}.scrollY{overflow:auto;min-height:0}.dividerH{border-top:1px solid var(--line-gray)}.cardSoft{border:1px solid var(--line-gray);background:hsla(0,0%,100%,.55);border-radius:var(--radius-8)}.cardPad{padding:12px}.sectionTitle{text-transform:uppercase;letter-spacing:.08em}.badge,.sectionTitle{font-size:12px;color:var(--ink-gray2)}.badge{display:inline-flex;align-items:center;border:1px solid var(--line-gray);background:var(--surface-white);border-radius:999px;padding:2px 8px}.badgeStrong{border-color:hsla(0,0%,7%,.25);color:var(--ink-gray1)}.tabs{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line-gray);padding-bottom:6px}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;padding:6px 2px;font-size:13px;color:var(--ink-gray2);border:none;border-bottom:2px solid transparent;transition:color var(--t-fast) ease,border-color var(--t-fast) ease}.tab:hover{color:var(--ink-gray1)}.tabActive{color:var(--ink-black);border-bottom-color:var(--ink-black)}.modalOverlay{position:fixed;inset:0;background:hsla(0,0%,7%,.38);display:grid;place-items:center;padding:16px;z-index:50}.modalPanel{width:min(720px,96vw);background:var(--surface-white);border:1px solid var(--line-gray);border-radius:var(--radius-8);box-shadow:var(--shadow-popover)}.modalHeader{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 12px 10px;border-bottom:1px solid var(--line-gray)}.modalTitle{font-family:var(--font-serif);font-size:16px;color:var(--ink-black)}.modalBody{padding:12px}.modalFooter{padding:12px;border-top:1px solid var(--line-gray)}.topBarRight{display:flex;align-items:center;gap:10px}.sidebarHeader{padding:12px;border-bottom:1px solid var(--line-gray)}.sidebarBody{padding:12px;min-height:0;overflow:auto}.treeItem{cursor:pointer;padding:6px 8px;border-radius:var(--radius-6);color:var(--ink-gray1);transition:background var(--t-fast) ease}.treeItem:hover{background:var(--fill-gray)}.treeItemActive{background:hsla(0,0%,7%,.06);outline:1px solid hsla(0,0%,7%,.12)}.codeBlock{font-family:var(--font-mono);font-size:12.5px;white-space:pre-wrap}