:root{--bg:#fff;--ink:#0a0a0a;--ink-soft:#2b2b2b;--muted:#6b6b6b;--line-soft:#e6e6e6;--line-softer:#f4f4f4;--radius:0px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;--warn:#b91c1c;--ok:#16a34a}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.5;text-transform:lowercase;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--ink)}h1,h2,h3{font-weight:400;letter-spacing:-.02em;margin:0}p{margin:0;color:var(--ink-soft)}button{font:inherit;background:var(--ink);color:var(--bg);border:1px solid var(--ink);padding:.6rem 1.05rem;cursor:pointer;text-transform:lowercase;border-radius:var(--radius);transition:opacity .12s ease}button:hover{opacity:.88}button:disabled{opacity:.32;cursor:not-allowed}button.ghost{background:var(--bg);color:var(--ink);border-color:var(--ink)}button.ghost:hover{background:var(--ink);color:var(--bg);opacity:1}button.muted{background:var(--bg);color:var(--muted);border-color:var(--line-soft)}button.muted:hover{color:var(--ink);border-color:var(--ink);background:var(--bg);opacity:1}button.danger{background:var(--bg);color:var(--warn);border-color:var(--warn)}button.danger:hover{background:var(--warn);color:var(--bg);opacity:1}input,select,textarea{font:inherit;background:var(--bg);color:var(--ink);border:1px solid var(--line-soft);padding:.65rem .85rem;width:100%;border-radius:var(--radius);text-transform:none}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--ink)}input::placeholder,textarea::placeholder{color:var(--muted);text-transform:lowercase}.eyebrow{letter-spacing:.04em}.eyebrow,.label{font-family:var(--font-mono);font-size:.6875rem;color:var(--muted);text-transform:lowercase}.label{letter-spacing:.03em}.feedback{font-family:var(--font-mono);font-size:.6875rem;color:var(--muted)}.feedback.error{color:var(--warn)}.feedback.ok{color:var(--ok)}.nav{display:flex;justify-content:space-between;padding:1.1rem clamp(1.25rem,4vw,2.5rem);border-bottom:1px solid var(--line-soft)}.brand,.nav{align-items:center}.brand{display:inline-flex;gap:.625rem;font-family:var(--font-mono);font-size:.875rem}.brand-mark{width:22px;height:22px;display:inline-block}.page{max-width:720px;margin:0 auto;padding:clamp(1.5rem,5vw,3rem) clamp(1.25rem,4vw,2rem) 4rem;gap:2rem}.page,.section{display:flex;flex-direction:column}.section{gap:.85rem}.section h2{font-size:1.05rem;color:var(--ink)}.connect-card{border:1px solid var(--line-soft);padding:1.5rem 1.5rem 1.4rem;display:flex;flex-direction:column;gap:.9rem;text-transform:lowercase}.connect-card.connected{padding:.85rem 1.1rem;flex-direction:row;align-items:center;justify-content:space-between;gap:.6rem}.connect-card h2{font-size:1.2rem;letter-spacing:-.02em}.connect-card .description{color:var(--muted);font-size:.875rem;line-height:1.55}.connect-status-l{display:flex;align-items:center;gap:.6rem;min-width:0}.connect-status-r{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.connect-status-l .info{display:flex;flex-direction:column;gap:.15rem}.connect-status-l .who{font-size:.875rem;color:var(--ink);text-transform:none}.connect-status-l .sub{font-family:var(--font-mono);font-size:.6875rem;color:var(--muted)}.dot{width:8px;height:8px;border-radius:0;background:var(--ok);display:inline-block}.dot.off{background:var(--muted)}.primary{border:1px solid var(--ink);padding:1.5rem 1.5rem 1.3rem;display:flex;flex-direction:column;gap:1rem}.primary h2{font-size:1.15rem}.primary .row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:stretch}.primary .row input{flex:1 1;min-width:220px}.primary .divider,.primary .helper{font-family:var(--font-mono);font-size:.6875rem;color:var(--muted)}.primary .divider{display:flex;align-items:center;gap:.7rem;text-transform:lowercase}.primary .divider:after,.primary .divider:before{content:"";flex:1 1;height:1px;background:var(--line-soft)}.upload{border:1px dashed var(--line-soft);padding:1.15rem;text-align:center;cursor:pointer;background:var(--bg);transition:background .12s ease,border-color .12s ease}.upload.over,.upload:hover{border-color:var(--ink);background:var(--line-softer)}.upload .upload-label{font-family:var(--font-mono);font-size:.8125rem;color:var(--muted)}.upload .upload-label strong{color:var(--ink);font-weight:400}.feed{display:flex;flex-direction:column;gap:.4rem}.feed-row{border:1px solid var(--line-soft);padding:.75rem .95rem;display:grid;grid-template-columns:1fr auto;grid-gap:.5rem;gap:.5rem;align-items:center;text-transform:none}.feed-row .who{font-size:.95rem;color:var(--ink);text-transform:lowercase}.feed-row .sub{font-family:var(--font-mono);font-size:.6875rem;color:var(--muted);text-transform:lowercase;margin-top:.15rem;display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.feed-row .right{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem}.pill{font-family:var(--font-mono);font-size:.6875rem;border:1px solid var(--line-soft);padding:.18rem .45rem;text-transform:lowercase;color:var(--muted)}.pill.live{border-color:var(--ok);color:var(--ok)}.pill.done{border-color:var(--ink);color:var(--ink)}.pill.warn{border-color:var(--warn);color:var(--warn)}.pill.stopped{border-color:var(--muted);color:var(--muted)}.collapsible{border-top:1px solid var(--line-soft);padding-top:1.2rem}.collapsible summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:.6rem;padding:.3rem 0;font-size:1rem;color:var(--ink)}.collapsible summary::-webkit-details-marker{display:none}.collapsible summary:after{content:"+";font-family:var(--font-mono);color:var(--muted);margin-left:auto}.collapsible[open] summary:after{content:"−"}.collapsible .pane{gap:1rem;padding:1rem 0 .2rem}.collapsible .pane,.field{display:flex;flex-direction:column}.field{gap:.4rem}.field label{letter-spacing:.03em}.field .helper,.field label{font-family:var(--font-mono);font-size:.6875rem;color:var(--muted);text-transform:lowercase}.field-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:.7rem;gap:.7rem}@media (max-width:540px){.field-row{grid-template-columns:1fr}}.banner{font-family:var(--font-mono);font-size:.6875rem;padding:.7rem .9rem;color:var(--muted);border:1px solid var(--line-soft);text-transform:lowercase;line-height:1.55}.banner.warn{color:var(--warn);border-color:var(--warn)}.banner.warn a{text-decoration:underline}.toggle-row{display:flex;align-items:center;gap:.6rem}.toggle-row .toggle-label{font-size:.9rem;color:var(--ink);text-transform:lowercase}.ai-output{border:1px solid var(--line-soft);padding:.9rem 1rem;text-transform:none;display:flex;flex-direction:column;gap:.5rem}.ai-output .ai-label{font-family:var(--font-mono);font-size:.6875rem;color:var(--muted);text-transform:lowercase}.ai-output p{line-height:1.55}.ai-output p,.ai-output ul{color:var(--ink-soft);font-size:.875rem}.ai-output ul{margin:.2rem 0 0 1rem;padding:0}.ai-output ul li{margin-bottom:.25rem}.ai-output pre{font-size:.8125rem;white-space:pre-wrap;color:var(--ink-soft);margin:0;max-height:14rem;overflow-y:auto}.ai-output pre,.empty{font-family:var(--font-mono)}.empty{font-size:.75rem;color:var(--muted);padding:.4rem 0}.bookmarklet,.empty{text-transform:lowercase}.bookmarklet{border:1px solid var(--line-soft);padding:.85rem 1rem;display:flex;flex-direction:column;gap:.5rem}.bookmarklet .grab{border:1px solid var(--ink);padding:.45rem .75rem;font-family:var(--font-mono);font-size:.75rem;color:var(--ink);display:inline-flex;align-items:center;gap:.4rem;align-self:flex-start;cursor:-webkit-grab;cursor:grab;text-decoration:none}.bookmarklet .grab:hover{background:var(--ink);color:var(--bg)}