:root{--bg-base: #0b0b10;--bg-surface: #101017;--bg-elevated: #16161f;--bg-panel: #0e0e15;--bg-hover: #1c1c28;--border-subtle: #1c1c26;--border-default: #262633;--border-strong: #3a3a4c;--text-primary: #ecebf2;--text-secondary: #a8a6b8;--text-tertiary: #75738a;--text-muted: #4a4859;--signal: #5eead4;--signal-hover: #7ff0dd;--signal-dim: rgba(94, 234, 212, .12);--good: #4ade80;--good-dim: rgba(74, 222, 128, .12);--warn: #fbbf24;--warn-dim: rgba(251, 191, 36, .12);--bad: #f87171;--bad-dim: rgba(248, 113, 113, .12);--seg-system: #a78bfa;--seg-tools: #60a5fa;--seg-document: #fbbf24;--seg-turn: #f472b6;--seg-overhead: #4b5563;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Helvetica, Arial, sans-serif;--font-mono: "SF Mono", ui-monospace, "Cascadia Code", "Fira Code", Consolas, monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--maxw: 1120px}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{margin:0;background:radial-gradient(1200px 560px at 50% -14%,#14202a 0%,var(--bg-base) 60%);color:var(--text-primary);font-family:var(--font-sans);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;min-height:100vh}body.locked{overflow:hidden}#app{min-height:100vh;display:flex;flex-direction:column}a{color:var(--signal);text-decoration:none}a:hover{text-decoration:underline}svg{width:1em;height:1em;flex:0 0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px clamp(14px,4vw,28px);max-width:var(--maxw);width:100%;margin:0 auto;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:11px}.brand-mark{display:inline-flex;flex:0 0 auto;width:38px;height:38px;padding:6px;border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-secondary)}.brand-mark svg{width:100%;height:100%}.brand-text{display:flex;flex-direction:column;line-height:1.15}.brand-name{font-weight:650;letter-spacing:-.02em;font-size:1.05rem}.brand-tag{font-size:.68rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.13em}.topnav{display:flex;gap:2px;flex-wrap:wrap}.nav-btn{background:none;border:1px solid transparent;color:var(--text-secondary);font:inherit;font-size:.85rem;padding:7px 12px;border-radius:var(--radius-sm);cursor:pointer}.nav-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.main-content{flex:1 0 auto;max-width:var(--maxw);width:100%;margin:0 auto;padding:8px clamp(14px,4vw,28px) 64px}.hero{padding:18px 0 26px;max-width:76ch}.hero h1{font-size:clamp(1.5rem,4.2vw,2.1rem);line-height:1.2;letter-spacing:-.025em;margin:0 0 12px;font-weight:600;color:var(--text-secondary)}.hero h1 span{color:var(--text-primary)}.lede{color:var(--text-secondary);margin:0 0 14px}.trust{display:inline-flex;align-items:flex-start;gap:8px;margin:0;padding:9px 13px;border:1px solid var(--border-default);background:var(--signal-dim);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.84rem;cursor:pointer}.trust svg{color:var(--signal);margin-top:3px}.panel{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:16px;margin-bottom:14px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;flex-wrap:wrap}.panel-head h2{font-size:.95rem;font-weight:600;margin:0;display:flex;align-items:center;gap:9px}.step{display:inline-grid;place-items:center;width:21px;height:21px;border-radius:50%;background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-tertiary);font-size:.72rem;font-variant-numeric:tabular-nums}.panel-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.pill{background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-secondary);font:inherit;font-size:.8rem;padding:6px 12px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.pill:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-strong)}.pill:disabled{opacity:.45;cursor:not-allowed}.pill.primary{background:var(--signal-dim);border-color:#5eead459;color:var(--signal)}.pill.primary:hover{background:#5eead42e;color:var(--signal-hover)}select{background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-secondary);font:inherit;font-size:.8rem;padding:6px 10px;border-radius:var(--radius-sm);max-width:100%}.dropzone{border:1px dashed var(--border-default);border-radius:var(--radius-md);transition:border-color .15s ease,background .15s ease}.dropzone.over{border-color:var(--signal);background:var(--signal-dim)}#input{width:100%;min-height:150px;max-height:40vh;resize:vertical;background:transparent;border:0;color:var(--text-primary);font-family:var(--font-mono);font-size:.78rem;line-height:1.6;padding:12px;outline:none}#input::placeholder{color:var(--text-muted)}.status{margin:10px 0 0;font-size:.8rem;color:var(--text-tertiary);display:flex;align-items:flex-start;gap:7px;flex-wrap:wrap}.status svg{margin-top:3px}.status.ok{color:var(--good)}.status.err{color:var(--bad)}.status .hint{color:var(--text-tertiary);display:block;width:100%}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-elevated);font-size:.8rem}.chip.ok{border-color:#5eead44d}.chip.busy{border-color:var(--border-strong)}.chip.err{border-color:#f8717166}.chip-name{font-weight:550}.chip-state{color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-family:var(--font-mono);font-size:.72rem}.chip-badge{font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;padding:2px 6px;border-radius:4px;background:var(--bg-hover);color:var(--text-tertiary);margin-left:6px}.chip-badge.estimate{background:var(--warn-dim);color:var(--warn)}.chip-badge.mirror{background:var(--bg-hover)}.chip-x{background:none;border:0;color:var(--text-muted);cursor:pointer;display:inline-flex;padding:2px}.chip-x:hover{color:var(--bad)}.results{margin-top:20px}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border-subtle);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{background:none;border:0;border-bottom:2px solid transparent;color:var(--text-tertiary);font:inherit;font-size:.85rem;padding:10px 14px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.tab:hover{color:var(--text-secondary)}.tab.active{color:var(--signal);border-bottom-color:var(--signal)}.view{padding:18px 0 0}.view-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:14px}.view-head h3{margin:0 0 4px;font-size:1.05rem;font-weight:600;letter-spacing:-.015em}.view-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.muted{color:var(--text-tertiary);font-size:.82rem;margin:0}.empty{padding:44px 16px;text-align:center;color:var(--text-tertiary);border:1px dashed var(--border-default);border-radius:var(--radius-md)}.badge{font-size:.74rem;padding:4px 9px;border-radius:999px;border:1px solid var(--border-default);color:var(--text-tertiary);font-variant-numeric:tabular-nums;white-space:nowrap}.badge.good{background:var(--good-dim);color:var(--good);border-color:#4ade804d}.badge.warn{background:var(--warn-dim);color:var(--warn);border-color:#fbbf244d}.badge.bad{background:var(--bad-dim);color:var(--bad);border-color:#f8717159}.notice{display:flex;gap:9px;align-items:flex-start;padding:11px 13px;border:1px solid var(--border-default);background:var(--bg-surface);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.83rem;margin-bottom:12px}.notice svg{margin-top:3px;color:var(--text-tertiary)}.notice.warn{border-color:#fbbf2459;background:var(--warn-dim)}.notice.warn svg{color:var(--warn)}.failure{border:1px solid rgba(248,113,113,.35);background:var(--bad-dim);border-radius:var(--radius-md);padding:16px}.failure h3{margin:0 0 8px;font-size:.98rem;display:flex;align-items:center;gap:8px}.raise{font-family:var(--font-mono);font-size:.82rem;background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:10px 12px;margin:0 0 10px;overflow-x:auto}.legend{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:12px;font-size:.78rem;color:var(--text-secondary)}.legend-item{display:inline-flex;align-items:center;gap:7px}.legend-item em{color:var(--text-tertiary);font-style:normal;font-variant-numeric:tabular-nums}.swatch{display:inline-block;width:10px;height:10px;border-radius:3px;flex:0 0 auto;background:var(--seg-overhead)}.swatch.system{background:var(--seg-system)}.swatch.tools{background:var(--seg-tools)}.swatch.document{background:var(--seg-document)}.swatch.turn{background:var(--seg-turn)}.swatch.overhead{background:var(--seg-overhead)}.swatch.trained{background:var(--good)}.swatch.masked{background:var(--seg-overhead)}.stacked{display:flex;height:12px;border-radius:999px;overflow:hidden;margin-bottom:12px;border:1px solid var(--border-subtle)}.stacked .swatch{height:100%;width:auto;border-radius:0}.prompt{font-family:var(--font-mono);font-size:.76rem;line-height:1.65;background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px;margin:0 0 14px;max-height:60vh;overflow:auto;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}.seg{border-radius:2px;padding:1px 0}.seg.system{background:#a78bfa29;box-shadow:inset 0 -1px 0 var(--seg-system)}.seg.tools{background:#60a5fa29;box-shadow:inset 0 -1px 0 var(--seg-tools)}.seg.document{background:#fbbf2424;box-shadow:inset 0 -1px 0 var(--seg-document)}.seg.turn{background:#f472b624;box-shadow:inset 0 -1px 0 var(--seg-turn)}.seg.overhead{color:var(--text-tertiary)}.seg.trained{background:#4ade802e;box-shadow:inset 0 -1px 0 var(--good)}.seg.masked{color:var(--text-muted)}.template-details{border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 13px;font-size:.82rem;color:var(--text-tertiary)}.template-details summary{cursor:pointer}.template{font-family:var(--font-mono);font-size:.72rem;white-space:pre-wrap;word-break:break-word;max-height:44vh;overflow:auto;color:var(--text-secondary);margin:10px 0 0}table.budget{width:100%;border-collapse:collapse;font-size:.82rem;margin-bottom:18px}table.budget th{text-align:left;font-weight:550;color:var(--text-tertiary);font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;padding:8px 10px;border-bottom:1px solid var(--border-default)}table.budget td{padding:9px 10px;border-bottom:1px solid var(--border-subtle);vertical-align:top}table.budget td .swatch{margin-right:8px}table.budget .num{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--font-mono);white-space:nowrap}table.budget .num.up{color:var(--bad)}table.budget .num.down{color:var(--good)}table.budget tr.dropped td{opacity:.4;text-decoration:line-through}td.bar{width:26%;min-width:80px}td.bar .swatch{height:7px;border-radius:999px;display:block;min-width:2px}.sub{display:block;font-size:.74rem;color:var(--text-tertiary);margin-top:2px}.packer{border:1px solid var(--border-default);border-radius:var(--radius-md);padding:15px;background:var(--bg-surface)}.packer h4{margin:0 0 12px;font-size:.9rem;display:flex;align-items:center;gap:8px}.packer-controls{display:flex;gap:20px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.packer-controls label{display:flex;align-items:center;gap:9px;font-size:.8rem;color:var(--text-tertiary);flex-wrap:wrap}.packer-controls input[type=range]{accent-color:var(--signal);width:min(260px,55vw)}.packer-controls output{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-primary);min-width:5ch}.packer-result{display:flex;align-items:flex-start;gap:8px;font-size:.83rem;margin:0 0 12px}.packer-result.good{color:var(--good)}.packer-result.bad{color:var(--bad)}.cache-bar{display:flex;height:14px;border-radius:999px;overflow:hidden;border:1px solid var(--border-subtle);margin-bottom:12px}.cache-bar .reuse{background:var(--good)}.cache-bar .lost{background:var(--bad)}.cache-stats{display:flex;gap:26px;flex-wrap:wrap;margin-bottom:16px}.cache-stats div{display:flex;flex-direction:column}.cache-stats span{font-size:.72rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.07em}.cache-stats strong{font-size:1.05rem;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:550}.breaker{border:1px solid var(--border-default);border-left:2px solid var(--warn);border-radius:var(--radius-md);padding:13px 15px;margin-bottom:10px;background:var(--bg-surface)}.breaker.observed{border-left-color:var(--signal)}.breaker h4{margin:0 0 7px;font-size:.88rem;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.breaker p{margin:0 0 7px;font-size:.83rem;color:var(--text-secondary)}.breaker .fix{color:var(--signal);margin:0}.steps{margin:0;padding-left:20px}.steps li{margin-bottom:16px}.steps h4{margin:0 0 5px;font-size:.92rem;font-weight:600}.steps p{margin:0;color:var(--text-secondary);font-size:.86rem}.site-footer{flex-shrink:0;border-top:1px solid var(--border-subtle);padding:18px clamp(14px,4vw,28px);font-size:.8rem;color:var(--text-tertiary)}.footer-inner{max-width:var(--maxw);margin:0 auto}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(440px,100vw);background:var(--bg-surface);border-left:1px solid var(--border-default);z-index:40;display:flex;flex-direction:column;box-shadow:-20px 0 60px -20px #000c}.drawer>div{display:flex;flex-direction:column;height:100%;min-height:0}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid var(--border-subtle)}.drawer-title{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-tertiary)}.drawer-controls{display:flex;align-items:center;gap:10px}.drawer-controls .count{font-size:.74rem;color:var(--text-tertiary);font-variant-numeric:tabular-nums}.drawer-close{background:none;border:1px solid var(--border-default);color:var(--text-secondary);width:30px;height:30px;border-radius:var(--radius-sm);font-size:1.15rem;line-height:1;cursor:pointer}.drawer-close:hover{background:var(--bg-hover);color:var(--text-primary)}.drawer-filters{display:flex;gap:5px;padding:10px 15px;flex-wrap:wrap;border-bottom:1px solid var(--border-subtle)}.filter-pill{background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-muted);font:inherit;font-size:.68rem;padding:3px 9px;border-radius:999px;cursor:pointer;text-transform:lowercase}.filter-pill.on{color:var(--text-secondary);border-color:var(--border-strong)}.filter-pill.clear:hover{color:var(--bad)}.drawer-list{flex:1 1 auto;overflow-y:auto;padding:10px 15px 20px;font-family:var(--font-mono);font-size:.71rem;min-height:0}.event{display:flex;gap:9px;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.03)}.event .ts{color:var(--text-muted);flex:0 0 auto}.event .cat{color:var(--text-tertiary);flex:0 0 62px}.event .msg{color:var(--text-secondary);word-break:break-word}.event[data-level=ok] .msg{color:var(--good)}.event[data-level=warn] .msg{color:var(--warn)}.event[data-level=err] .msg{color:var(--bad)}.modal-host{position:fixed;inset:0;background:#050509c7;z-index:60;display:flex;align-items:flex-start;justify-content:center;padding:clamp(12px,5vh,60px) 14px;overflow-y:auto;backdrop-filter:blur(3px)}.modal{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);max-width:720px;width:100%;box-shadow:0 30px 70px -20px #000c}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border-subtle);position:sticky;top:0;background:var(--bg-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.modal-head h2{margin:0;font-size:1rem;font-weight:600}.modal-close{background:none;border:1px solid var(--border-default);color:var(--text-secondary);width:30px;height:30px;border-radius:var(--radius-sm);font-size:1.2rem;line-height:1;cursor:pointer}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{padding:18px;font-size:.88rem;color:var(--text-secondary)}.modal-body h3{font-size:.82rem;text-transform:uppercase;letter-spacing:.09em;color:var(--text-tertiary);margin:20px 0 8px}.modal-body h3:first-child{margin-top:0}.modal-body ul{margin:0;padding-left:20px}.modal-body li{margin-bottom:8px}.modal-body code{font-family:var(--font-mono);font-size:.85em;background:var(--bg-base);padding:1px 5px;border-radius:4px;border:1px solid var(--border-subtle)}.glossary-link{border-bottom:1px dashed var(--border-strong);cursor:help;color:inherit}.glossary-link:hover{border-bottom-color:var(--signal);color:var(--text-primary)}.glossary-tip{position:fixed;z-index:80;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:12px 14px;box-shadow:0 20px 50px -14px #000000d9;font-size:.82rem}.glossary-tip strong{display:block;color:var(--signal);margin-bottom:5px;font-size:.74rem;text-transform:uppercase;letter-spacing:.08em}.glossary-tip p{margin:0;color:var(--text-secondary)}.toasts{position:fixed;bottom:18px;left:50%;transform:translate(-50%);z-index:90;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:999px;padding:8px 16px;font-size:.82rem;box-shadow:0 12px 30px -10px #000c;transition:opacity .25s ease,transform .25s ease}.toast.warn{border-color:#fbbf2466;color:var(--warn)}.toast.err{border-color:#f8717166;color:var(--bad)}.toast.out{opacity:0;transform:translateY(6px)}@media(max-width:640px){body{font-size:14.5px}.topbar{padding-bottom:8px}.topnav{width:100%;overflow-x:auto;scrollbar-width:none}.topnav::-webkit-scrollbar{display:none}.hero{padding:10px 0 20px}.panel{padding:13px}.cache-stats{gap:18px}td.bar{display:none}.drawer{width:100vw;border-left:0}.prompt{font-size:.72rem;max-height:52vh}.packer-controls{gap:12px}.packer-controls label{width:100%}}