:root{--paper:#f5f2ec;--oxblood:#9a3b22;--ink:#1a1a1a;--ink-70:#1a1a1ab3;--ink-45:#1a1a1a73;--ink-25:#1a1a1a40;--ink-12:#1a1a1a1f;--hairline:.5px solid var(--ink);--font-sans:"Geist", system-ui, sans-serif;--font-mono:"Geist Mono", ui-monospace, monospace;--font-serif:"Newsreader", Georgia, serif}*{box-sizing:border-box;border-radius:0}html,body,#root{min-height:100vh;margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:13px;line-height:1.5}button,input{font:inherit;color:inherit;background:0 0;border:none}button{cursor:pointer}.zone-label,.param-label,.instrument-label,.cell-tag,.gate-sub{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;font-size:9px;font-weight:500}.app{border-left:var(--hairline);border-right:var(--hairline);flex-direction:column;max-width:1560px;min-height:100vh;margin:0 auto;display:flex}.masthead{border-bottom:var(--hairline);font-family:var(--font-mono);letter-spacing:.08em;align-items:baseline;gap:10px;padding:14px 20px;font-size:11px;display:flex}.masthead-title{letter-spacing:.18em;font-weight:500}.masthead-sep{color:var(--ink-45)}.masthead-by{color:var(--ink-70);margin-left:auto}.masthead-by a{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.table-top{flex:1;grid-template-columns:minmax(0,1fr) 380px;min-height:0;display:grid}.zone-label{border-bottom:var(--hairline);color:var(--ink-70);margin:0;padding:10px 20px}.specimen{border-right:var(--hairline);flex-direction:column;min-width:0;display:flex}.specimen-grid{grid-template-columns:1fr 1fr;gap:20px;padding:20px;display:grid}.specimen-cell{min-width:0;margin:0}.cell-tag{color:var(--ink-70);margin-bottom:8px}.cell-meta{color:var(--ink-45);text-transform:none;letter-spacing:.08em}.cell-image,.cell-empty{aspect-ratio:1;object-fit:cover;border:var(--hairline);width:100%;display:block}.cell-empty{font-family:var(--font-mono);letter-spacing:.18em;color:var(--ink-25);border:.5px dashed var(--ink-25);justify-content:center;align-items:center;font-size:9px;display:flex}.param-panel{flex-direction:column;gap:12px;margin-top:auto;padding:0 20px 20px;display:flex}.param-row{border-left:.5px solid #0000;grid-template-columns:150px 1fr;align-items:center;gap:16px;padding:6px 8px 6px 10px;display:grid}.param-row.anchored{border-left-color:var(--oxblood);background:#9a3b220a}.param-label{color:var(--ink)}.param-row input[type=range]{width:100%;accent-color:var(--ink);height:16px}.seed-controls{gap:8px;display:flex}.seed-controls input[type=number]{font-family:var(--font-mono);border:var(--hairline);background:0 0;width:130px;padding:5px 8px;font-size:11px}.dice-btn,.export-btn{font-family:var(--font-mono);letter-spacing:.18em;border:var(--hairline);background:0 0;padding:5px 12px;font-size:9px;font-weight:500}.dice-btn:hover,.export-btn:hover:not(:disabled){background:var(--ink);color:var(--paper)}.export-btn:disabled{color:var(--ink-25);border-color:var(--ink-25);cursor:default}.prompt-input{font-family:var(--font-mono);border:var(--hairline);background:0 0;width:100%;padding:5px 8px;font-size:11px}.prompt-input:focus,.seed-controls input:focus{outline:.5px solid var(--ink);outline-offset:-1px}.generate-btn{border:var(--hairline);font-family:var(--font-mono);letter-spacing:.18em;background:var(--ink);color:var(--paper);border-left:.5px solid var(--ink);margin:4px 0 0 10px;padding:12px;font-size:11px;font-weight:500}.generate-btn:hover:not(:disabled){color:var(--ink);background:0 0}.generate-btn.busy{color:var(--ink-45);cursor:wait;background:0 0}.generate-btn.anchored{outline:.5px solid var(--oxblood);outline-offset:2px}.error-line{font-family:var(--font-mono);color:var(--ink-70);margin:0 0 0 10px;font-size:10px}.notes{flex-direction:column;min-height:0;display:flex}.notes-scroll{flex:1;min-height:0;max-height:calc(100vh - 200px);overflow-y:auto}.note-card{border-bottom:var(--hairline);border-left:2px solid #0000;padding:16px 20px}.note-card.anchored{border-left-color:var(--oxblood);background:#9a3b220a}.note-head{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.note-index{font-family:var(--font-mono);letter-spacing:.18em;color:var(--ink-45);font-size:9px}.note-draft{font-family:var(--font-mono);letter-spacing:.18em;color:var(--ink-45);border:.5px solid var(--ink-25);padding:2px 6px;font-size:8px}.note-title{font-family:var(--font-serif);margin:0 0 6px;font-size:17px;font-style:italic;font-weight:500;line-height:1.3}.note-body{color:var(--ink-70);margin:0;font-size:12px}.note-body code{font-family:var(--font-mono);background:var(--ink-12);padding:1px 4px;font-size:11px}.instruments{border-top:var(--hairline)}.instruments-head{border-bottom:var(--hairline);justify-content:space-between;align-items:center;padding-right:20px;display:flex}.instruments-head .zone-label{border-bottom:none}.instruments-grid{grid-template-columns:1fr 1fr;min-height:220px;display:grid}.instrument{padding:14px 20px 20px}.instrument+.instrument{border-left:var(--hairline)}.instrument-head{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.instrument-label{color:var(--ink-70)}.instrument-flag{font-family:var(--font-mono);letter-spacing:.18em;color:var(--ink-45);border:.5px solid var(--ink-25);padding:2px 6px;font-size:8px}.instrument-empty{font-family:var(--font-mono);letter-spacing:.18em;color:var(--ink-25);margin:0;font-size:9px}.waterfall{flex-direction:column;gap:5px;display:flex}.waterfall-row{font-family:var(--font-mono);color:var(--ink-70);grid-template-columns:34px 1fr minmax(64px,auto);align-items:center;gap:10px;font-size:9px;display:grid}.waterfall-id{color:var(--ink-45);letter-spacing:.08em}.waterfall-track{min-width:0}.waterfall-bar{height:10px;display:flex}.seg{min-width:1px}.seg-queue{background:var(--ink-12)}.seg-inference{background:var(--ink-45)}.seg-network{background:var(--ink-70)}.seg-total{background:var(--ink-45)}.waterfall-row.latest .seg-queue{background:#9a3b224d}.waterfall-row.latest .seg-inference{background:#9a3b22a6}.waterfall-row.latest .seg-network,.waterfall-row.latest .seg-total{background:var(--oxblood)}.waterfall-ms{text-align:right;white-space:nowrap}.log-scroll{max-height:200px;overflow-y:auto}.log-table{border-collapse:collapse;width:100%;font-family:var(--font-mono);font-size:10px}.log-table th{text-align:left;letter-spacing:.18em;color:var(--ink-45);border-bottom:var(--hairline);background:var(--paper);padding:4px 12px 6px 0;font-size:8px;font-weight:500;position:sticky;top:0}.log-table td{border-bottom:.5px solid var(--ink-12);padding:5px 12px 5px 0}.log-table tr.clickable{cursor:pointer}.log-table tr.clickable:hover td{background:var(--ink-12)}.log-table tr.active td{background:#9a3b220f}.log-table tr.failed td{color:var(--ink-45)}.colophon{border-top:var(--hairline);font-family:var(--font-mono);letter-spacing:.12em;color:var(--ink-45);align-items:baseline;gap:20px;padding:12px 20px;font-size:9px;display:flex}.colophon-link{color:var(--ink-70);text-underline-offset:3px;letter-spacing:.18em;text-decoration:underline}.gate{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.gate-card{text-align:center;border:var(--hairline);max-width:320px;padding:40px 28px}.gate-title{font-family:var(--font-mono);letter-spacing:.3em;margin:0 0 8px;font-size:18px;font-weight:500}.gate-sub{color:var(--ink-45);margin:0 0 20px}.gate-note{color:var(--ink-70);margin:0;font-size:12px;line-height:1.7}