:root,[data-sauce=squid-ink]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0d12;--surface:#12151d;--surface-alt:#171b25;--border:#232937;--fg:#e4e7ef;--muted:#8a92a6;--accent:#7aa2f7;--accent-fg:#0b0d12;--danger:#f7768e;--sel:#2a3350;--cursor:#7aa2f7;--active-line:#12151d;--gutter-fg:#454e63;--syn-keyword:#bb9af7;--syn-string:#9ece6a;--syn-number:#ff9e64;--syn-comment:#565f7a;--syn-name:#7dcfff;--syn-type:#2ac3de;--syn-operator:#89ddff;--syn-meta:#e0af68;--syn-heading:#7aa2f7;--syn-invalid:#f7768e}[data-sauce=pesto]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d120e;--surface:#131a14;--surface-alt:#18211a;--border:#24301f;--fg:#e2ead9;--muted:#8b9a80;--accent:#a3d160;--accent-fg:#0d120e;--danger:#e8746a;--sel:#2b3a24;--cursor:#a3d160;--active-line:#131a14;--gutter-fg:#4a5a41;--syn-keyword:#d6c26a;--syn-string:#a3d160;--syn-number:#e0a75e;--syn-comment:#5d6b52;--syn-name:#bfe08a;--syn-type:#7fc7a3;--syn-operator:#cfe0a8;--syn-meta:#d6c26a;--syn-heading:#a3d160;--syn-invalid:#e8746a}[data-sauce=marinara]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#14100f;--surface:#1c1615;--surface-alt:#241c1a;--border:#3a2a27;--fg:#f0e5e1;--muted:#a4908a;--accent:#ff6f5e;--accent-fg:#14100f;--danger:#ffb454;--sel:#452723;--cursor:#ff6f5e;--active-line:#1c1615;--gutter-fg:#6b5049;--syn-keyword:#ff8a75;--syn-string:#d8c06a;--syn-number:#ffb454;--syn-comment:#6f5a55;--syn-name:#ffc9a0;--syn-type:#e8a0c0;--syn-operator:#ffab91;--syn-meta:#ffb454;--syn-heading:#ff6f5e;--syn-invalid:#ff5252}[data-sauce=alfredo]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#faf7f0;--surface:#fff;--surface-alt:#f3eee4;--border:#e2dacb;--fg:#2c2822;--muted:#7d7466;--accent:#a9762f;--accent-fg:#fffdf8;--danger:#b3453a;--sel:#eadfc7;--cursor:#a9762f;--active-line:#f6f2e9;--gutter-fg:#a89e8c;--syn-keyword:#8f3f7e;--syn-string:#4a7a3a;--syn-number:#a3602a;--syn-comment:#98907f;--syn-name:#2f5d8c;--syn-type:#1f6f6a;--syn-operator:#6b6250;--syn-meta:#a9762f;--syn-heading:#8f3f7e;--syn-invalid:#b3453a}[data-sauce=vodka]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#130f16;--surface:#1a141e;--surface-alt:#221a27;--border:#362a3d;--fg:#f0e4f2;--muted:#a08aa6;--accent:#ef7fae;--accent-fg:#130f16;--danger:#ff6b81;--sel:#40284a;--cursor:#ef7fae;--active-line:#1a141e;--gutter-fg:#6a5273;--syn-keyword:#d79bf0;--syn-string:#ffb3c7;--syn-number:#ffa86b;--syn-comment:#6d5a75;--syn-name:#9fd4ef;--syn-type:#7fd0c4;--syn-operator:#e6b8d8;--syn-meta:#f0c46a;--syn-heading:#ef7fae;--syn-invalid:#ff6b81}[data-sauce=vongole]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#081215;--surface:#0e1a1e;--surface-alt:#132227;--border:#1e3238;--fg:#dceaec;--muted:#7f9aa0;--accent:#4fd1c5;--accent-fg:#081215;--danger:#f3766b;--sel:#1c3d44;--cursor:#4fd1c5;--active-line:#0e1a1e;--gutter-fg:#456068;--syn-keyword:#8ab6f0;--syn-string:#9fdcae;--syn-number:#f0b264;--syn-comment:#54706f;--syn-name:#7fd8ea;--syn-type:#4fd1c5;--syn-operator:#b2dfe4;--syn-meta:#e8c07a;--syn-heading:#4fd1c5;--syn-invalid:#f3766b}[data-sauce=cacio-e-pepe]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111214;--surface:#181a1d;--surface-alt:#1f2226;--border:#2d3136;--fg:#e6e7e9;--muted:#8f9399;--accent:#d8dbe0;--accent-fg:#111214;--danger:#e08a80;--sel:#32363c;--cursor:#d8dbe0;--active-line:#181a1d;--gutter-fg:#565b62;--syn-keyword:#c8ccd3;--syn-string:#a9b4ae;--syn-number:#cbbfa8;--syn-comment:#61666d;--syn-name:#b8c2cc;--syn-type:#a6b2bd;--syn-operator:#9aa0a8;--syn-meta:#c0b49c;--syn-heading:#e6e7e9;--syn-invalid:#e08a80}[data-sauce=primavera]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f8f2;--surface:#fff;--surface-alt:#eaf0e6;--border:#d3dfcd;--fg:#232b23;--muted:#6c7a69;--accent:#3f7d4a;--accent-fg:#f8fbf6;--danger:#b03f34;--sel:#d3e6cf;--cursor:#3f7d4a;--active-line:#eef4ea;--gutter-fg:#9aa896;--syn-keyword:#7a3f8f;--syn-string:#2f6b3c;--syn-number:#9a5a1e;--syn-comment:#8b9788;--syn-name:#2b5a86;--syn-type:#1c6a62;--syn-operator:#5d6a5b;--syn-meta:#8a6a1f;--syn-heading:#3f7d4a;--syn-invalid:#b03f34}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;font:400 14px/1.5 ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace}#app{height:100%}.frame{flex-direction:column;height:100%;display:flex}.bar{background:var(--surface);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:16px;height:52px;padding:0 14px;display:flex}.brand{color:var(--fg);letter-spacing:-.2px;white-space:nowrap;align-items:baseline;gap:1px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.brand .mark{flex:none;align-self:center;margin-right:5px;display:inline-flex}.brand .mark svg{width:17px;height:17px;display:block}.brand b{color:var(--accent);font-weight:600}.brand:after{content:"";background:var(--accent);opacity:.9;width:7px;height:15px;margin-left:3px;animation:1.2s step-end infinite blink}@keyframes blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.brand:after{animation:none}}.bar-controls{align-items:center;gap:8px;min-width:0;margin-left:auto;display:flex}.field{align-items:center;display:inline-flex;position:relative}select.control{appearance:none;color:var(--fg);background:var(--surface-alt);border:1px solid var(--border);font:inherit;cursor:pointer;border-radius:7px;padding:6px 26px 6px 10px;font-size:12.5px}.field:after{content:"";border:3.5px solid #0000;border-top-color:var(--muted);pointer-events:none;width:0;height:0;position:absolute;right:10px;transform:translateY(2px)}button.control,a.control{color:var(--fg);background:var(--surface-alt);border:1px solid var(--border);font:inherit;cursor:pointer;border-radius:7px;align-items:center;gap:7px;padding:6px 11px;font-size:12.5px;text-decoration:none;transition:border-color .12s,background .12s,color .12s;display:inline-flex}select.control:hover,button.control:hover,a.control:hover{border-color:var(--muted)}button.control[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent)}button.primary{color:var(--accent-fg);background:var(--accent);border-color:var(--accent);font-weight:600}button.primary:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 88%, var(--fg))}button.primary:disabled{opacity:.5;cursor:default}kbd{background:color-mix(in srgb, currentColor 16%, transparent);font:inherit;opacity:.85;border-radius:4px;padding:1px 4px;font-size:11px}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.stage{flex:auto;min-height:0;position:relative}.editor,.cm-editor{height:100%}.cm-editor .cm-scroller{font:inherit;line-height:1.6}.banner{background:color-mix(in srgb, var(--danger) 13%, var(--surface));border-bottom:1px solid color-mix(in srgb, var(--danger) 35%, var(--border));color:var(--fg);flex:none;align-items:center;gap:10px;padding:9px 14px;font-size:12.5px;display:flex}.banner b{color:var(--danger)}.status{background:var(--surface);border-top:1px solid var(--border);height:30px;color:var(--muted);white-space:nowrap;flex:none;align-items:center;gap:14px;padding:0 14px;font-size:11.5px;display:flex;overflow:hidden}.status .right{align-items:center;gap:14px;margin-left:auto;display:flex}.status .warn{color:var(--danger)}.status a{color:var(--muted)}.status a:hover{color:var(--fg)}.linkrow{background:var(--surface-alt);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:8px;padding:9px 14px;font-size:12.5px;display:flex}.linkrow input{min-width:0;color:var(--accent);background:var(--bg);border:1px solid var(--border);font:inherit;border-radius:7px;flex:auto;padding:6px 9px;font-size:12.5px}.notice{text-align:center;place-content:center;gap:10px;height:100%;padding:24px;display:grid}.notice h1{margin:0;font-size:15px;font-weight:600}.notice p{color:var(--muted);margin:0;font-size:13px}.notice .actions{justify-content:center;gap:8px;margin-top:6px;display:flex}.toasts{z-index:20;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:42px;right:14px}.toast{background:var(--surface-alt);border:1px solid var(--border);border-left:2px solid var(--accent);border-radius:7px;padding:8px 12px;font-size:12.5px;animation:.16s ease-out rise;box-shadow:0 6px 20px #00000047}@keyframes rise{0%{opacity:0;transform:translateY(5px)}}@media (max-width:720px){.bar{flex-wrap:wrap;height:auto;padding:9px 12px}.bar-controls{flex-wrap:wrap;width:100%;margin-left:0}.hide-sm{display:none}}.swatch{border:1px solid var(--border);background:var(--bg);border-radius:4px;flex:none;align-items:center;gap:2px;padding:2px;display:inline-flex}.swatch i{border-radius:1px;width:6px;height:12px}.swatch .a{background:var(--accent)}.swatch .b{background:var(--syn-string)}.swatch .c{background:var(--syn-keyword)}.sauce{position:relative}.sauce-menu{z-index:30;background:var(--surface-alt);border:1px solid var(--border);border-radius:9px;min-width:252px;max-height:min(70vh,420px);padding:4px;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto;box-shadow:0 10px 30px #00000052}.sauce-menu[hidden]{display:none}.sauce-option{width:100%;color:var(--fg);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;padding:7px 8px;font-size:12.5px;display:flex}.sauce-option:hover,.sauce-option:focus-visible{background:color-mix(in srgb, var(--fg) 9%, transparent)}.sauce-option .name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.sauce-option .hint{color:var(--muted);white-space:nowrap;flex:none;font-size:11px}.sauce-option[aria-selected=true] .name{color:var(--accent);font-weight:600}.segmented{background:var(--surface-alt);border:1px solid var(--border);border-radius:7px;gap:2px;padding:2px;display:inline-flex}.segmented button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:4px 10px;font-size:12px}.segmented button[aria-pressed=true]{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--accent);font-weight:600}.prose-scroll{height:100%;overflow-y:auto}.prose{max-width:44rem;margin:0 auto;padding:30px 24px 56px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.65}.prose>:first-child{margin-top:0}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{margin:1.8em 0 .6em;font-weight:650;line-height:1.28}.prose h1{letter-spacing:-.4px;font-size:1.7em}.prose h2{border-bottom:1px solid var(--border);padding-bottom:.28em;font-size:1.35em}.prose h3{font-size:1.13em}.prose h4,.prose h5,.prose h6{color:var(--muted);font-size:1em}.prose p,.prose ul,.prose ol,.prose blockquote,.prose table,.prose pre{margin:0 0 1.05em}.prose ul,.prose ol{padding-left:1.5em}.prose li+li{margin-top:.3em}.prose li>ul,.prose li>ol{margin:.3em 0 0}.prose a{color:var(--accent);-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 45%, transparent);text-underline-offset:2px}.prose strong{font-weight:650}.prose blockquote{border-left:2px solid var(--border);color:var(--muted);padding:.1em 0 .1em 1em}.prose blockquote>:last-child{margin-bottom:0}.prose code{background:var(--surface-alt);color:var(--syn-string);border-radius:4px;padding:.15em .38em;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.87em}.prose pre{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:13px 15px;overflow-x:auto}.prose pre code{color:var(--fg);background:0 0;padding:0;font-size:.85em;line-height:1.55}.prose hr{border:0;border-top:1px solid var(--border);margin:2em 0}.prose img{border-radius:6px;max-width:100%}.prose table{border-collapse:collapse;width:100%;font-size:.93em;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--border);text-align:left;padding:7px 11px}.prose th{background:var(--surface-alt);font-weight:650}.prose kbd{border:1px solid var(--border)}.prose sup,.prose sub{font-size:.75em}.prose .diagram{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:9px;margin:0 0 1.05em;padding:14px;overflow-x:auto}.prose .diagram svg{max-width:100%;height:auto}.prose pre.diagram-error{border-left:2px solid var(--danger)}.nav{align-items:center;gap:2px;min-width:0;display:flex}.navlink{color:var(--muted);white-space:nowrap;border-radius:6px;padding:5px 9px;font-size:12.5px;text-decoration:none}.navlink:hover{color:var(--fg);background:color-mix(in srgb, var(--fg) 8%, transparent)}.navlink.active{color:var(--accent);background:color-mix(in srgb, var(--accent) 13%, transparent)}.user{align-items:center;gap:9px;min-width:0;margin-left:auto;display:flex}.avatar{border:1px solid var(--border);object-fit:cover;border-radius:50%;flex:none;width:24px;height:24px}.avatar.fallback{background:var(--accent);color:var(--accent-fg);place-items:center;font-size:12px;font-weight:650;display:grid}.user .email{max-width:22ch;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.subbar{background:var(--surface-alt);border-bottom:1px solid var(--border);flex-wrap:wrap;flex:none;align-items:center;gap:8px;padding:8px 14px;display:flex}.subbar:empty{display:none}.title-input{background:var(--bg);border:1px solid var(--border);min-width:0;color:var(--fg);font:inherit;border-radius:7px;flex:200px;padding:6px 10px;font-size:12.5px}.title-input::placeholder{color:var(--muted)}.view-title{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.listing{height:100%;overflow:auto}.table{border-collapse:collapse;width:100%;font-size:12.5px}.table th{z-index:1;background:var(--surface);border-bottom:1px solid var(--border);color:var(--muted);text-align:left;text-transform:lowercase;white-space:nowrap;padding:9px 14px;font-size:11.5px;font-weight:500;position:sticky;top:0}.table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 14px}.table tbody tr:hover{background:color-mix(in srgb, var(--fg) 4%, transparent)}.row-title{max-width:46ch;color:var(--fg);text-overflow:ellipsis;white-space:nowrap;font-weight:600;text-decoration:none;display:block;overflow:hidden}a.row-title:hover{color:var(--accent)}.row-id{color:var(--muted);font-size:11px}.row-actions{text-align:right;white-space:nowrap}.row-actions .control{vertical-align:middle;padding:4px 9px;font-size:11.5px}.row-actions .control+.control{margin-left:6px}.badge{border:1px solid var(--border);white-space:nowrap;border-radius:20px;margin-right:5px;padding:2px 7px;font-size:11px;display:inline-block}.badge.public{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));color:var(--accent)}.badge.private{color:var(--muted)}.badge.burn{border-color:color-mix(in srgb, var(--danger) 45%, var(--border));color:var(--danger)}.muted{color:var(--muted)}.mono{font-variant-ligatures:none}.notice .error{color:var(--danger)}.setup-form{text-align:left;flex-direction:column;gap:8px;width:min(340px,100%);margin:4px auto 0;display:flex}.setup-form .title-input{flex:none;width:100%}.setup-form button{justify-content:center;margin-top:2px}.notice .banner{text-align:left}.checklist{text-align:left;width:min(420px,100%);margin:2px auto;padding:0;font-size:13px;list-style:none}.checklist li{padding:6px 0 6px 22px;position:relative}.checklist li:before{font-weight:700;position:absolute;left:2px}.checklist li.good:before{content:"✓";color:var(--accent)}.checklist li.bad:before{content:"✕";color:var(--danger)}