:root{--paper:#f3eee4;--sheet:#fbf8f1;--panel:#ebe5d8;--ink:#16161a;--muted:#7a756b;--line:#d6cfbf;--accent:#9a6a1c;--warn:#b3261e;--serif:"Fraunces", Georgia, "Times New Roman", serif;--sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.45}body{margin:0}.app{gap:18px;max-width:1480px;margin:0 auto;padding:28px clamp(14px,3vw,36px) 48px;display:grid}h1,h2,h3{font-family:var(--serif);letter-spacing:-.01em;margin:0;font-weight:600}h1{font-size:clamp(26px,3.4vw,38px);line-height:1.05}h2{font-size:17px}h3{margin:18px 0 8px;font-size:14px}code,pre,textarea{font-family:var(--mono);font-size:12px}code{background:color-mix(in srgb, var(--ink) 7%, transparent);border-radius:3px;padding:1px 5px}.muted{color:var(--muted);font-weight:400}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.masthead{border-bottom:2px solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:14px;display:flex}.lede{color:#3d3a34;max-width:62ch;margin:8px 0 0}.lede em{font-family:var(--serif);color:var(--accent);font-style:italic}.masthead-side{align-items:center;gap:14px;display:flex}.status-chip{font-family:var(--mono);border:1px solid var(--ink);background:var(--sheet);cursor:help;align-items:center;gap:7px;padding:5px 10px;font-size:11.5px;display:inline-flex}.status-chip .dot{background:var(--muted);border-radius:50%;width:8px;height:8px}.status-chip.on .dot{background:#2f9e5b;box-shadow:0 0 0 3px #2f9e5b40}button,select,input,textarea{font:inherit;color:inherit}button,select,input[type=number]{border:1px solid var(--ink);background:var(--sheet);border-radius:0;height:34px;padding:0 12px}button{cursor:pointer;font-weight:500;transition:transform 60ms,background .12s}button:hover:not(:disabled){background:#fff}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--ink);color:var(--paper);padding:0 18px}button.primary:hover:not(:disabled){background:var(--accent);border-color:var(--accent)}button.ghost{background:0 0}button.small{height:22px;font-family:var(--mono);padding:0 7px;font-size:10.5px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;font-size:13px;display:inline-flex}.switch input{appearance:none;border:1px solid var(--ink);background:var(--sheet);cursor:pointer;width:30px;height:17px;margin:0;position:relative}.switch input:after{content:"";background:var(--ink);width:11px;height:11px;transition:transform .14s;position:absolute;top:2px;left:2px}.switch input:checked{background:var(--accent)}.switch input:checked:after{background:var(--paper);transform:translate(13px)}.dial{border:1px solid var(--ink);background:var(--sheet);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.dial-stop{border:0;border-right:1px solid var(--ink);text-align:left;background:0 0;border-top:4px solid #0000;gap:2px;height:auto;padding:12px 12px 13px;display:grid}.dial-stop:last-child{border-right:0}.dial-stop:hover:not(:disabled){background:color-mix(in srgb, var(--stop) 9%, var(--sheet))}.dial-stop.selected{border-top-color:var(--stop);background:color-mix(in srgb, var(--stop) 14%, var(--sheet))}.dial-name{font-family:var(--serif);font-size:18px;font-weight:600}.dial-stop.selected .dial-name{color:var(--stop)}.dial-tag{font-family:var(--mono);color:var(--muted);font-size:10.5px}.controls{flex-wrap:wrap;align-items:flex-end;gap:12px 14px;display:flex}.controls label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);gap:4px;font-size:10.5px;display:grid}.controls select,.controls input{font-family:var(--sans);text-transform:none;letter-spacing:0;color:var(--ink);font-size:13.5px}.controls input[type=number]{width:96px}.controls-actions{gap:8px;margin-left:auto;display:flex}.banner{border:1px solid var(--ink);background:var(--sheet);margin:0;padding:9px 12px;font-size:13px}.banner.warn{border-color:var(--warn);color:var(--warn);background:color-mix(in srgb, var(--warn) 6%, var(--sheet))}.pipeline{border:1px solid var(--line);background:var(--panel);grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.pipeline li{gap:1px;min-width:0;padding:8px 14px 9px 20px;display:grid;position:relative}.pipeline li+li:before{content:"→";color:var(--accent);font-weight:600;position:absolute;top:50%;left:-6px;transform:translateY(-50%)}.pipeline b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.pipeline span{font-family:var(--mono);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.workbench{grid-template-columns:minmax(0,1fr) 372px;align-items:start;gap:18px;display:grid}.panel{border:1px solid var(--ink);background:var(--sheet);min-width:0}.panel-head{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.tag{font-family:var(--mono);border:1px solid var(--line);color:var(--muted);white-space:nowrap;padding:2px 7px;font-size:10.5px}.tag-live{color:#1f7a43;border-color:#2f9e5b}.transport{border-bottom:1px solid var(--ink);background:var(--panel);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 14px;display:flex}.transport .play{min-width:96px}.push-right{margin-left:auto}.audio-status{font-family:var(--mono);color:var(--muted);font-size:11px}.audio-status.loading{color:var(--accent)}.audio-status.error{color:var(--warn)}.sheet-frame{background:var(--sheet);min-height:260px;position:relative;overflow:hidden}.sheet-canvas{display:block}.sheet-overlay{pointer-events:none;position:absolute;inset:0 auto auto 0}.sheet-note{color:var(--muted);font-family:var(--mono);place-items:center;margin:0;font-size:12px;display:grid;position:absolute;inset:0}.sheet-error{color:var(--warn);background:color-mix(in srgb, var(--sheet) 85%, transparent);text-align:center;padding:20px}.plan-fields{border-bottom:1px solid var(--ink);grid-template-columns:1fr 1fr;margin:0;display:grid}.plan-field{border-bottom:1px solid var(--line);cursor:help;min-width:0;padding:8px 14px}.plan-field:nth-child(odd){border-right:1px solid var(--line)}.plan-field:nth-last-child(-n+2){border-bottom:0}.plan-field dt{font-family:var(--mono);text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-size:10px}.plan-field dd{justify-content:space-between;align-items:center;gap:8px;margin:1px 0 0;font-weight:500;display:flex}.confidence{background:var(--line);flex:none;width:34px;height:4px;display:inline-block}.confidence-fill{background:var(--accent);height:100%;display:block}.bar-strip{border-bottom:1px solid var(--ink);margin:0;padding:0;list-style:none;display:grid}.bar-cell{border-right:1px solid var(--line);border-bottom:1px solid var(--line);gap:1px;min-width:0;padding:7px 9px 9px;display:grid;position:relative}.bar-cell:nth-child(4n){border-right:0}.bar-number{font-family:var(--mono);color:var(--muted);font-size:9.5px}.bar-chord{font-family:var(--mono);color:var(--accent);overflow-wrap:anywhere;font-size:12.5px;font-weight:500}.bar-symbol{font-family:var(--serif);font-size:13px}.bar-role{color:var(--muted);font-size:10.5px}.bar-contour{color:var(--muted);font-size:12px;position:absolute;top:5px;right:7px}.bar-cell .confidence{width:100%;margin-top:4px}.bar-cell.role-climax{background:color-mix(in srgb, var(--accent) 11%, transparent)}.bar-cell.role-cadence,.bar-cell.role-half_cadence{background:color-mix(in srgb, var(--ink) 4%, transparent)}.plan-json{padding:10px 14px 14px}.plan-json summary{cursor:pointer;margin-bottom:8px;font-size:13px;font-weight:600}.plan-json textarea{resize:vertical;border:1px solid var(--line);tab-size:2;background:#fff;width:100%;min-height:220px;max-height:420px;padding:8px 10px;line-height:1.5}.row{gap:8px;margin-top:8px;display:flex}.form-error{color:var(--warn);font-family:var(--mono);margin:6px 0 0;font-size:11.5px}.match-row{grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.match{border-right:1px solid var(--line);gap:3px;padding:10px 14px 12px;display:grid}.match:last-child{border-right:0}.match.target{box-shadow:inset 0 3px 0 var(--stop)}.match-name{color:var(--muted);font-size:12.5px}.match-level{font-family:var(--serif);text-transform:capitalize;font-size:19px;font-weight:600}.match-low .match-level{color:var(--muted)}.match-high .match-level{color:var(--stop)}.match .confidence{width:100%}.match .confidence-fill{background:var(--stop)}.debug-panel{background:#fdfcf8;padding-bottom:14px}.debug-panel h3,.debug-panel .exchanges,.debug-grid{margin-left:14px;margin-right:14px}.debug-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;display:grid}.debug-grid h3{margin-left:0}.kv,.grid-table{border-collapse:collapse;width:100%;font-size:12.5px}.kv th,.kv td,.grid-table th,.grid-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:4px 8px 4px 0}.kv th,.grid-table th{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);white-space:nowrap;font-size:10px;font-weight:500}.kv th{width:84px}.row-target td{font-weight:600}.sequence{font-family:var(--mono);color:var(--accent);overflow-wrap:anywhere;margin:10px 0 0;font-size:12px}.exchange{border:1px solid var(--line);background:var(--sheet);margin-bottom:6px}.exchange summary{cursor:pointer;align-items:center;gap:10px;padding:7px 10px;font-size:12.5px;display:flex}.exchange summary .tag{margin-left:auto}.exchange-index{font-family:var(--mono);color:var(--muted);width:16px;font-size:10.5px}.exchange-label{font-weight:600}.json-block{border-top:1px solid var(--line)}.json-head{font-family:var(--mono);color:var(--muted);background:var(--panel);justify-content:space-between;align-items:center;padding:5px 10px;font-size:10.5px;display:flex}.json-block pre{background:#fff;max-height:380px;margin:0;padding:10px 12px;line-height:1.5;overflow:auto}.json-note{border-top:1px solid var(--line);margin:0;padding:8px 12px;font-size:12px}.colophon{border-top:1px solid var(--line);color:#3d3a34;max-width:96ch;padding-top:14px;font-size:12.5px}.colophon p{margin:0 0 6px}@media (width<=1080px){.workbench{grid-template-columns:minmax(0,1fr)}}@media (width<=760px){.dial{grid-template-columns:repeat(3,minmax(0,1fr))}.dial-stop:nth-child(3n){border-right:0}.dial-stop:nth-child(-n+3){border-bottom:1px solid var(--ink)}.pipeline{grid-template-columns:1fr}.pipeline li+li:before{content:"↓";top:0;left:6px}.match-row{grid-template-columns:repeat(3,minmax(0,1fr))}.match:nth-child(3n){border-right:0}.debug-grid{grid-template-columns:minmax(0,1fr)}.controls-actions{margin-left:0}}.flow-hint{font-family:var(--mono);color:var(--muted);letter-spacing:.02em;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:-4px 0 0;padding:0;font-size:11px;display:flex}.flow-hint b{border:1px solid var(--line);width:16px;height:16px;color:var(--ink);border-radius:50%;place-items:center;margin-right:4px;font-size:10px;font-weight:600;display:inline-grid}.flow-arrow{color:var(--accent);font-weight:600}.control-bars select{min-width:7.5rem;font-weight:600}.transport .play{letter-spacing:.02em;min-width:108px;height:40px;font-size:14.5px;font-weight:600}.transport .play:not(.is-playing):before{content:"▶ "}.transport .play.is-playing:before{content:"■ "}.transport .push-right,.transport .ghost.push-right{height:40px;font-weight:600}.dial-stop{min-height:64px;padding:14px 12px 15px}.dial-name{font-size:19px}.workbench{grid-template-columns:minmax(0,1.35fr) minmax(300px,360px);gap:20px}.sheet-panel{min-height:320px}.sheet-panel .sheet,.sheet-panel canvas{min-height:280px}.bar-strip{overflow-x:auto}.bar-strip[data-cols="8"] .bar-cell:nth-child(8n){border-right:0}