:root{--bg:#1a1814;--surface:#25221e;--surface-raised:#2c2924;--border:#3a3631;--border-strong:#4a4540;--fg:#e8e3d8;--fg-muted:#9b9486;--fg-faint:#6b6557;--accent:#d4a373;--accent-strong:#e6b889;--sev-error:#c45a4a;--sev-warn:#d4a373;--sev-info:#7a9cb5;--sev-success:#8aab7a;--sev-debug:#9b9486;--sev-critical:#a04a3a;--sev-trace:#7a7468;--font-display:"Fraunces", "IBM Plex Serif", Georgia, serif;--font-body:"IBM Plex Sans", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--tracking-eyebrow:.14em}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-feature-settings:"ss01", "ss02", "kern";min-height:100vh;font-size:14px;line-height:1.55}.eyebrow{font-family:var(--font-display);font-feature-settings:"smcp", "c2sc";font-variation-settings:"opsz" 9;letter-spacing:var(--tracking-eyebrow);text-transform:lowercase;color:var(--accent);margin:0 0 16px;font-size:11px;font-weight:500}.topbar{border-bottom:1px solid var(--border);grid-template-columns:auto 1fr auto;align-items:baseline;gap:32px;padding:22px 32px 18px;display:grid}.topbar__brand{align-items:baseline;gap:14px;display:flex}.topbar__brand h1{font-family:var(--font-display);font-variation-settings:"opsz" 144, "SOFT" 50;letter-spacing:-.01em;color:var(--fg);margin:0;font-size:26px;font-weight:500}.topbar__version{font-family:var(--font-mono);color:var(--fg-faint);border:1px solid var(--border);border-radius:2px;padding:2px 7px;font-size:11px}.topbar__title-rule{font-family:var(--font-display);font-variation-settings:"opsz" 14;color:var(--fg-muted);font-size:14px;font-style:italic;font-weight:400}.topbar__nav{gap:24px;display:flex}.topbar__nav a{color:var(--fg-muted);border-bottom:1px solid #0000;padding-bottom:1px;font-size:13px;text-decoration:none}.topbar__nav a:hover{color:var(--fg);border-bottom-color:var(--accent)}.controls{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:28px;padding:14px 32px;display:flex}.control{align-items:center;gap:10px;display:flex}.control__label{font-family:var(--font-display);font-feature-settings:"smcp";letter-spacing:.18em;text-transform:lowercase;color:var(--fg-muted);font-size:10px}select,button,textarea{color:var(--fg);border:1px solid var(--border-strong);background:0 0;border-radius:2px;outline:none;padding:5px 10px;font-family:inherit;font-size:13px;transition:border-color .12s}select{cursor:pointer;appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--fg-muted) 50%), linear-gradient(135deg, var(--fg-muted) 50%, transparent 50%);background-position:calc(100% - 12px),calc(100% - 7px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:24px}select:focus,button:focus,textarea:focus{border-color:var(--accent)}button{cursor:pointer;font-family:var(--font-mono);padding:5px 14px;font-size:12px}button:hover{color:var(--accent-strong);border-color:var(--accent)}.control--button{margin-left:auto}.grid{background:var(--border);grid-template-columns:320px 1fr;column-gap:1px;min-height:60vh;display:grid}@media (max-width:880px){.grid{grid-template-columns:1fr}.snippets{border-right:none;border-bottom:1px solid var(--border);max-height:280px;overflow-y:auto}}.snippets{background:var(--surface);border-right:none;padding:28px 28px 32px 32px}.snippets__inner{position:sticky;top:0}.snippets__list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.snippet{position:relative}.snippet__btn{text-align:left;background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:0;grid-template-columns:auto 1fr;align-items:baseline;gap:4px 14px;width:100%;padding:14px 12px 14px 16px;transition:background .14s,border-color .14s,transform .14s;display:grid}.snippet__btn:hover{background:var(--surface-raised);border-color:var(--accent)}.snippet__btn:hover .snippet__title{color:var(--accent-strong)}.snippet__btn:active{transform:translate(2px)}.snippet__id{font-family:var(--font-mono);color:var(--fg-faint);text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--border-strong);text-align:center;border-radius:2px;grid-area:1/1/span 2;align-self:center;min-width:26px;padding:3px 6px;font-size:10px}.snippet__title{font-family:var(--font-display);font-variation-settings:"opsz" 24;color:var(--fg);grid-area:1/2;font-size:17px;font-style:italic;font-weight:500;line-height:1.2}.snippet__desc{color:var(--fg-muted);grid-area:2/2;font-size:12px;line-height:1.4}.output{max-height:70vh;padding:28px 32px 36px;overflow-y:auto}.output__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;margin-bottom:18px;padding-bottom:10px;display:flex}.output__header-meta{font-family:var(--font-mono);color:var(--fg-faint);font-size:11px}.output__panel{font-family:var(--font-mono);font-size:12px;line-height:1.7}.output__row{white-space:pre-wrap;word-break:break-word;color:var(--fg);border-left:2px solid #0000;padding:6px 12px 6px 14px}.output__row+.output__row{border-top:1px dashed var(--border)}.output__row--error{border-left-color:var(--sev-error)}.output__row--warn{border-left-color:var(--sev-warn)}.output__row--info,.output__row--log{border-left-color:var(--sev-info)}.output__row--debug{border-left-color:var(--sev-debug)}.output__row--success{border-left-color:var(--sev-success)}.output__row--critical{border-left-color:var(--sev-critical)}.output__row--trace{border-left-color:var(--sev-trace)}.output__row--group{border-left-color:var(--accent);border-top:1px solid var(--border);margin-top:8px;font-weight:600}.output__row--table{padding:12px 12px 12px 14px}.output__obj{color:var(--fg-muted);vertical-align:top;display:inline-block}.output__error{color:var(--sev-error);font-weight:500;display:block}.output__stack{background:var(--surface);border-left:2px solid var(--sev-error);color:var(--fg-muted);white-space:pre;margin:8px 0 0;padding:8px 12px;font-size:11px;overflow-x:auto}.output__table{border-collapse:collapse;font-family:var(--font-mono);width:100%;max-width:720px;margin:8px 0;font-size:11px}.output__table th{text-align:left;border-bottom:1px solid var(--border-strong);color:var(--fg-muted);font-feature-settings:"tnum";padding:6px 16px 6px 0;font-weight:600}.output__table td{border-bottom:1px solid var(--border);color:var(--fg);font-feature-settings:"tnum";padding:6px 16px 6px 0}.output__table tr:last-child td{border-bottom:none}.output__panel span[style*=background]{background:var(--surface-raised)!important;color:var(--fg)!important;border:1px solid var(--border-strong)!important;box-shadow:none!important;text-shadow:none!important;font-family:var(--font-mono)!important;letter-spacing:.06em!important;text-transform:uppercase!important;border-radius:2px!important;padding:1px 6px!important;font-size:10px!important}.output__panel span[style*=font-weight]{font-weight:500!important}.output__empty{font-family:var(--font-display);color:var(--fg-faint);text-align:center;padding:60px 0;font-size:14px;font-style:italic}.repl{border-top:1px solid var(--border);background:var(--surface);padding:24px 32px 28px}.repl__header{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.repl__hint{color:var(--fg-muted);font-size:13px;font-family:var(--font-body);margin:0 0 12px}.repl__hint code,.footer code{background:var(--bg);color:var(--accent);font-family:var(--font-mono);border:1px solid var(--border);border-radius:2px;padding:1px 5px;font-size:11px}.repl__row{align-items:stretch;gap:12px;display:flex}.repl__input{font-family:var(--font-mono);resize:vertical;background:var(--bg);flex:1;min-height:70px;font-size:13px;line-height:1.5}.repl__run{letter-spacing:.04em;align-self:flex-start;padding:8px 22px}.footer{border-top:1px solid var(--border);font-family:var(--font-mono);color:var(--fg-faint);justify-content:space-between;align-items:center;padding:14px 32px;font-size:11px;display:flex}.footer__left{gap:18px;display:flex}