:root{--ink: #14110e;--paper: #f4efe4;--panel: #1c1814;--line: #2f2922;--muted: #8a7d6c;--ember: #d97a45;--ember-deep: #b04820;font-family:Iowan Old Style,Palatino,Palatino Linotype,Georgia,serif;color:var(--paper);background:var(--ink)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:radial-gradient(1200px 600px at 10% -10%,#2a2018,transparent),var(--ink)}#gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;background:#0c0a08eb}#gate.hidden{display:none}.gate-card{max-width:34rem;padding:2.2rem}.lede{color:#cfc3ad;line-height:1.45}.eyebrow{letter-spacing:.16em;text-transform:uppercase;font-size:.68rem;font-family:ui-sans-serif,system-ui,sans-serif;color:var(--ember);margin:0 0 .35rem}h1{margin:0;font-weight:500;font-size:2rem}h2{margin:0;font-size:1.15rem;font-weight:500}h3{margin:0 0 .7rem;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-family:ui-sans-serif,system-ui,sans-serif;color:var(--muted)}.top,main,.controls,footer,.transport{width:min(1180px,calc(100% - 2.4rem));margin:0 auto}.top{display:flex;justify-content:space-between;align-items:end;padding:1.4rem 0 1rem;gap:1rem}.modes,.chips{display:flex;gap:.4rem;flex-wrap:wrap}button,select,input[type=range]{font:inherit}button{background:transparent;color:var(--paper);border:1px solid var(--line);padding:.45rem .85rem;cursor:pointer;border-radius:999px}button:hover,button.active{border-color:var(--ember);color:#fff6ea;background:#2a1c14}#start-btn,#fire,#preview-ir{background:var(--ember-deep);border-color:var(--ember-deep)}.transport{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1rem;background:var(--panel);padding:.75rem .95rem;margin-bottom:1.2rem}#record.recording{background:#d30909;border-color:#d30909;color:#fff;animation:recpulse 1.1s ease-in-out infinite}#mute.active{background:#3a342c;border-color:#8a7d6c}.master-label{min-width:14rem;margin:0}.master-row{display:flex;align-items:center;gap:.55rem}#master-val,#rec-time{font-family:ui-monospace,Menlo,monospace;font-size:.85rem;color:var(--paper);min-width:3rem}.transport-note{margin:0;color:var(--muted);font-size:.8rem;flex-basis:100%}.takes{flex-basis:100%;display:flex;flex-wrap:wrap;gap:.45rem}.takes a{color:var(--paper);border:1px solid var(--line);padding:.25rem .6rem;border-radius:999px;text-decoration:none;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.75rem}.takes a:hover{border-color:var(--ember)}@keyframes recpulse{50%{filter:brightness(1.15)}}main{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:1.4rem;align-items:start}.square-wrap{position:relative;background:#2a241c;padding:.4rem}#square{width:100%;height:auto;display:block;cursor:crosshair;touch-action:none}.spk{position:absolute;width:1.4rem;height:1.4rem;display:grid;place-items:center;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.7rem;color:var(--ink);background:var(--ember);border-radius:50%}.spk[data-spk="1"]{left:.15rem;top:50%;transform:translateY(-50%)}.spk[data-spk="2"]{top:.15rem;left:50%;transform:translate(-50%)}.spk[data-spk="3"]{right:.15rem;top:50%;transform:translateY(-50%)}.spk[data-spk="4"]{bottom:.15rem;left:50%;transform:translate(-50%)}.row{display:flex;gap:.8rem;margin-top:.8rem;flex-wrap:wrap}label{display:flex;flex-direction:column;gap:.25rem;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.72rem;color:var(--muted);flex:1}select,input[type=range]{width:100%;accent-color:var(--ember)}select{background:var(--panel);color:var(--paper);border:1px solid var(--line);padding:.35rem .45rem}.hint{color:var(--muted);font-size:.9rem;line-height:1.4}kbd{font-family:ui-monospace,Menlo,monospace;border:1px solid var(--line);padding:.05rem .35rem}.panel{background:var(--panel);padding:.9rem}.panel-head{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;margin-bottom:.6rem}#view-meta{color:var(--muted);font-family:ui-monospace,Menlo,monospace;font-size:.72rem;margin:0;text-align:right}.panel canvas{width:100%;height:auto;display:block;margin-bottom:.45rem;background:#1a1612}.legend{margin:0;color:var(--muted);font-size:.85rem}.controls{display:grid;grid-template-columns:1fr 2fr 1fr;gap:1rem;margin:1.4rem auto 1rem}.block{background:var(--panel);padding:.95rem}.span-2{grid-column:span 2}.irs{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}.ir-slot{border:1px solid var(--line);padding:.55rem;display:flex;flex-direction:column;gap:.4rem}.ir-slot header{display:flex;justify-content:space-between;align-items:baseline}.ir-slot header span{font-family:ui-sans-serif,system-ui,sans-serif;color:var(--ember)}.ir-slot strong{font-weight:500;font-size:.95rem}.blurb{margin:0;color:var(--muted);font-size:.8rem}.ir-slot button{border-radius:4px;padding:.3rem .45rem}footer{color:var(--muted);font-size:.8rem;padding-bottom:1.6rem}footer a{color:var(--ember)}@media(max-width:920px){main,.controls{grid-template-columns:1fr}.span-2{grid-column:auto}.irs{grid-template-columns:1fr 1fr}.top{flex-direction:column;align-items:start}}