@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=IBM+Plex+Mono:wght@400;600&display=swap";:root{--ink:#131510;--paper:#ececdf;--acid:#d7ff43;--rust:#ff5a36;--line:#252820;--muted:#6c7064;color:var(--ink);background:var(--paper);font-family:IBM Plex Mono,monospace}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit;color:inherit}button{border:1px solid var(--line);cursor:pointer;background:0 0;min-height:44px;font-weight:600}button:hover,button:focus-visible{background:var(--acid);outline:2px solid var(--ink);outline-offset:2px}main{grid-template-rows:auto minmax(0,1fr);height:100vh;display:grid}header{border-bottom:2px solid var(--ink);background:var(--acid);justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.brand{align-items:baseline;gap:14px;display:flex}.brand h1{letter-spacing:-.04em;margin:0;font-family:Archivo Black,sans-serif;font-size:clamp(1.45rem,3vw,2.65rem);line-height:1}.brand p,.brand .mark{margin:0;font-size:.68rem}.mark{border:1px solid;padding:4px}.transport{align-items:center;gap:8px;display:flex}.transport label{font-size:.7rem}.transport input{background:0 0;border:1px solid;width:62px;height:44px;padding:5px}.primary{background:var(--ink);color:var(--paper)}#status{width:92px;font-size:.66rem}.workspace{grid-template-columns:minmax(0,1fr) 360px;min-height:0;display:grid}.lattice-wrap{grid-template-rows:auto minmax(0,1fr) auto;gap:12px;min-width:0;min-height:0;padding:18px;display:grid}.source-strip{border-bottom:1px solid;justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.source-strip strong,.source-strip small{display:block}.source-strip small{color:var(--muted);margin-top:3px;font-size:.64rem}.file-button{cursor:pointer;border:1px solid;justify-content:center;align-items:center;min-height:44px;padding:0 12px;font-size:.7rem;font-weight:600;display:flex}.file-button input{display:none}.lattice{grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-height:0;display:grid}.cut{text-align:left;background:#e2e2d4;min-height:0;padding:10px;position:relative;overflow:hidden}.cut.selected{outline:3px solid var(--ink);outline-offset:-3px}.cut.accent{background:var(--rust)}.cut.rest{opacity:.46}.cut .num{font-size:.65rem;position:absolute;top:8px;right:8px}.cut .slice{font-family:Archivo Black;font-size:clamp(2rem,6vh,4.6rem);line-height:1}.cut .meta{font-size:.65rem;position:absolute;bottom:8px;left:10px}.cut .bar{background:var(--acid);width:12px;height:var(--level);position:absolute;bottom:0;right:0}.cut.playing{box-shadow:inset 0 0 0 6px var(--acid)}.legend{align-items:center;gap:18px;font-size:.65rem;display:flex}.dot{background:#aaa;width:8px;height:8px;margin-right:5px;display:inline-block}.dot.hit{background:var(--ink)}.dot.accent{background:var(--rust)}aside{background:#d8d8ca;border-left:2px solid;min-height:0;padding:14px;overflow:auto}aside section,details{border-bottom:1px solid;margin-bottom:14px;padding-bottom:14px}.section-head{justify-content:space-between;margin-bottom:12px;font-size:.7rem;display:flex}.section-head strong{font-family:Archivo Black;font-size:1.4rem}.slice-picker{grid-template-columns:repeat(8,1fr);gap:3px;display:grid}.slice-picker button{min-height:40px;padding:0}.slice-picker button.active{background:var(--acid)}.segmented{grid-template-columns:repeat(3,1fr);margin-top:8px;display:grid}.segmented button+button{border-left:0}.segmented button.active{background:var(--rust)}.edit-row,.step-nav,.state-row{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.edit-row label{border:1px solid;justify-content:space-between;align-items:center;padding-left:8px;font-size:.65rem;display:flex}.edit-row select{background:0 0;border:0;height:42px}.step-nav button{font-size:.68rem}summary{cursor:pointer;min-height:30px;margin-bottom:12px;font-size:.72rem;font-weight:600}.sliders{gap:12px;display:grid}.sliders label span{justify-content:space-between;font-size:.66rem;display:flex}.sliders input{width:100%;accent-color:var(--rust)}.recipes{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.recipes button,.state-row button{font-size:.62rem}.recipes button.active{background:var(--acid)}.export{background:var(--ink);width:100%;color:var(--paper);justify-content:space-between;padding:0 14px;display:flex}.export:hover,.export:focus-visible{color:var(--ink)}@media (width<=760px){html,body{height:auto;overflow:auto}main{height:auto;min-height:100vh}header{z-index:5;padding:10px;display:block;position:sticky;top:0}.brand p,.mark,#status{display:none}.brand{justify-content:space-between}.transport{grid-template-columns:64px repeat(3,1fr);margin-top:9px;display:grid}.transport label{align-items:center;gap:4px;display:flex}.transport input{width:48px}.workspace{display:block}.lattice-wrap{height:560px;padding:10px}.source-strip{font-size:.72rem}.lattice{gap:5px}.cut{padding:7px}.cut .slice{font-size:2.1rem}.cut .meta{font-size:.54rem;left:7px}.legend{white-space:nowrap;gap:9px;overflow:auto}.workspace aside{border-top:2px solid;border-left:0;padding:10px}.inspector{position:relative}.slice-picker button{min-height:44px}.recipes{grid-template-columns:1fr}details{padding:4px 0 14px}.export{z-index:4;box-shadow:0 3px 0 var(--acid);position:sticky;bottom:8px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}