@font-face{font-family:Chicago;src:url(/fonts/chicago.woff2) format("woff2");font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--ink: #1a1a1a;--gray-4: #707070;--gray-3: #a0a0a0;--gray-2: #cfcfcf;--gray-1: #e8e8e8;--surface: var(--gray-1);--bg: var(--gray-2);--off: var(--gray-2);--line: var(--ink);--ink-dim: var(--gray-4);--font: "Geist Mono", ui-monospace, "SF Mono", monospace;--font-chi: "Chicago", "Geist Mono", monospace;--fs-sm: .5rem;--fs-md: .58rem;--fs-lg: .7rem;--px-r: 2px;--dither: repeating-conic-gradient(var(--ink) 0% 25%, #fafafa 0% 50%) 0 0 / 2px 2px;--dither-light: radial-gradient(var(--ink) .5px, transparent .6px) 0 0 / 3px 3px;--ease: cubic-bezier(.16, 1, .3, 1);--cell: 48px}html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation}button{font-family:var(--font);border:none;cursor:pointer;background:none;color:inherit}.hdr-btn,.vel-btn,.swing-btn,.fx-lvl,.ms-btn,.pill-btn,.play-stop,.bpm-btn,.samp-play,.modal-close{transition:background-color .13s var(--ease),color .13s var(--ease),border-color .13s var(--ease),transform .1s var(--ease)}.hdr-btn:active,.vel-btn:active,.swing-btn:active,.fx-lvl:active,.ms-btn:active,.pill-btn:active,.play-stop:active,.bpm-btn:active,.samp-play:active,.modal-close:active{transform:scale(.95)}@media (prefers-reduced-motion: reduce){*{transition-duration:.01ms!important}}.logo,.hdr-btn,.pill-label,.pad-sku,.ms-btn,.samp-sku,.play-stop,.bpm-unit,.swing-lbl{text-transform:uppercase;letter-spacing:.08em}.portrait-gate{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:9999;align-items:center;justify-content:center;font-size:.7rem;letter-spacing:.18em;color:var(--ink-dim);text-transform:uppercase}@media (orientation: portrait){.portrait-gate{display:flex}}.shell{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--dither)}.app{width:100%;max-width:1060px;background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;padding:10px 12px;gap:6px;--ctrl: calc(var(--cell) * .5);--bar-h: calc(var(--ctrl) + 15px)}.topbar{display:flex;align-items:flex-end;gap:5px;flex-shrink:0;padding-bottom:6px;border-bottom:1px solid var(--line)}.ctrl-group{display:flex;flex-direction:column;gap:2px}.ctrl-label{height:13px;background-color:#fff;background-image:var(--dither-light);border:1px solid var(--ink);border-radius:var(--px-r);display:flex;align-items:center;justify-content:center;overflow:hidden}.ctrl-label span{font-family:var(--font-chi);font-size:.55rem;line-height:1.4;color:var(--ink);text-transform:uppercase}.hdr-btns{display:flex;gap:4px;height:var(--ctrl)}.brand{position:absolute;top:0;left:0;display:inline-flex;align-items:center;background:#fff;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:3px 4px}.brand-clickable{cursor:pointer;transition:background-color .1s var(--ease)}.brand-clickable:active{background:var(--ink);color:#fff}.logo{font-family:"Press Start 2P",monospace;font-size:.62rem;color:var(--ink);letter-spacing:.04em;line-height:1}.kern-t{margin-left:-.14em}.logo-px{display:block;height:7px;width:auto;color:var(--ink)}.topbar-right{display:flex;gap:10px;flex-shrink:0;margin-left:16px}.tool-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.tool-big{font-family:var(--font-chi);font-size:1.6rem;color:var(--ink);text-transform:uppercase}.master-body{flex:1;display:flex;flex-direction:column;gap:10px;padding:10px 0}.master-row{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:var(--px-r);padding:10px 14px}.master-label{font-family:var(--font-chi);font-size:.7rem;text-transform:uppercase;color:var(--ink);width:86px;flex-shrink:0}.master-vu{flex:1;height:var(--ctrl);background:var(--off);border:1px solid var(--line);border-radius:var(--px-r);overflow:hidden}.master-toggle{font-family:var(--font-chi);font-size:.66rem;text-transform:uppercase;background:none;border:1px solid var(--line);color:var(--ink);height:var(--ctrl);padding:0 16px;border-radius:var(--px-r);display:flex;align-items:center;justify-content:center;transition:background-color .13s var(--ease),color .13s var(--ease),transform .1s var(--ease)}.master-toggle.on{background:var(--ink);color:var(--surface)}.master-toggle:active{transform:scale(.96)}.tape-body{flex:1;display:flex;flex-direction:column;gap:12px;padding:12px 0}.tape-reels{flex:1;min-height:0;border:1px solid var(--line);border-radius:var(--px-r);background:var(--off);overflow:hidden}.tape-status{font-family:var(--font-chi);font-size:.72rem;text-transform:uppercase;text-align:center;letter-spacing:1px;color:var(--ink)}.tape-status.rec{animation:tape-blink .7s steps(1) infinite}@keyframes tape-blink{50%{opacity:.25}}.tape-controls{display:flex;gap:8px}.tape-btn{flex:1;font-family:var(--font-chi);font-size:.66rem;text-transform:uppercase;background:none;border:1px solid var(--line);color:var(--ink);height:calc(var(--ctrl) * 1.2);border-radius:var(--px-r);display:flex;align-items:center;justify-content:center;gap:4px;transition:background-color .13s var(--ease),color .13s var(--ease),transform .1s var(--ease)}.tape-btn:active{transform:scale(.96)}.tape-btn.rec.on{background:var(--ink);color:var(--surface)}.tape-btn:disabled{opacity:.3;pointer-events:none}.tape-hint{font-size:.62rem;line-height:1.4;color:var(--ink-dim);text-align:center;margin:0;opacity:.8}.save-body{flex:1;display:flex;flex-direction:column;gap:10px;padding:10px 0;min-height:0}.save-current{font-family:var(--font-chi);font-size:.7rem;text-transform:uppercase;background:var(--ink);color:var(--surface);border:1px solid var(--ink);height:calc(var(--ctrl) * 1.5);border-radius:var(--px-r);flex-shrink:0;transition:transform .1s var(--ease),opacity .13s var(--ease)}.save-current:active{transform:scale(.98);opacity:.85}.save-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);border-radius:var(--px-r);padding:6px}.save-empty{font-family:var(--font-chi);font-size:.66rem;text-transform:uppercase;color:var(--ink-dim);text-align:center;margin:auto;letter-spacing:1px}.save-row{display:flex;align-items:stretch;gap:8px;border:1px solid var(--line);border-radius:var(--px-r);padding:0 9px;background:var(--surface);height:40px;transition:background-color .4s var(--ease)}.save-row.flash{background:var(--gray-2)}.save-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;justify-content:center}.save-name{font-family:var(--font-chi);font-size:.72rem;text-transform:uppercase;color:var(--ink);background:none;border:none;text-align:left;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.save-rename{font-family:var(--font-chi);font-size:.72rem;text-transform:uppercase;color:var(--ink);background:var(--gray-2);border:1px solid var(--line);border-radius:3px;padding:1px 4px;width:100%}.save-sub{font-size:.56rem;color:var(--ink-dim);letter-spacing:.04em}.save-actions{display:flex;gap:5px;flex-shrink:0;align-items:stretch;padding:6px 0}.save-act{font-family:var(--font-chi);font-size:.6rem;text-transform:uppercase;background:none;border:1px solid var(--line);color:var(--ink);height:100%;min-width:52px;padding:0 10px;border-radius:var(--px-r);display:flex;align-items:center;justify-content:center;transition:background-color .12s var(--ease),color .12s var(--ease)}.save-act:active,.save-act.del:active{background:var(--ink);color:var(--surface)}.confirm-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:center;justify-content:center;background:#1616168c;border-radius:inherit;animation:confirm-in .12s var(--ease)}@keyframes confirm-in{0%{opacity:0}to{opacity:1}}.confirm-box{width:82%;max-width:280px;background:var(--surface);border:1px solid var(--ink);border-radius:var(--px-r);padding:16px 16px 14px;display:flex;flex-direction:column;gap:10px;box-shadow:4px 4px #16161640}.confirm-title{font-family:var(--font-chi);font-size:.78rem;text-transform:uppercase;letter-spacing:1px;color:var(--ink)}.confirm-msg{font-size:.68rem;line-height:1.45;color:var(--ink)}.confirm-actions{display:flex;gap:8px;margin-top:2px}.confirm-btn{flex:1;font-family:var(--font-chi);font-size:.66rem;text-transform:uppercase;background:none;border:1px solid var(--line);color:var(--ink);height:calc(var(--ctrl) * 1.5);border-radius:var(--px-r);display:flex;align-items:center;justify-content:center;transition:background-color .12s var(--ease),color .12s var(--ease),transform .1s var(--ease)}.confirm-btn:active{transform:scale(.97)}.confirm-btn.danger{background:var(--ink);color:var(--surface);border-color:var(--ink)}.tool-teaser{font-size:var(--fs-md);color:var(--ink)}.tool-soon{font-size:var(--fs-sm);color:var(--ink-dim);letter-spacing:.1em}.hdr-btn{font-family:var(--font-chi);font-size:.66rem;font-weight:400;letter-spacing:0;text-transform:uppercase;background:none;border:1px solid var(--line);color:var(--ink);height:var(--ctrl);border-radius:var(--px-r);padding:0 8px;text-align:center;display:flex;align-items:center;justify-content:center}.hdr-btn:active{background:var(--ink);color:var(--surface)}.display{flex:none;position:relative;width:calc(var(--cell) * 3 + 7px);height:var(--bar-h);background:var(--off);border:1px solid var(--line);border-radius:var(--px-r);overflow:hidden}.display-canvas{display:block;width:100%;height:100%}.vel-group{flex-shrink:0;margin-left:auto}.vel-btns{display:flex;gap:4px;height:var(--ctrl)}.vel-btn{font-size:var(--fs-md);font-weight:500;background:none;border:1px solid var(--line);color:var(--ink);width:34px;height:var(--ctrl);text-align:center;border-radius:var(--px-r);display:flex;align-items:center;justify-content:center}.vel-btn.on{background:var(--ink);color:var(--surface)}.pills-root{position:relative;flex-shrink:0}.pills-row{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.pill-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:9px 4px 7px;background:none;border:1px solid var(--line);border-radius:var(--px-r);cursor:pointer;position:relative}.pill-btn:hover{background:var(--off)}.pill-btn.open{background:var(--ink)}.pill-btn.open svg{fill:var(--surface)}.pill-btn.open .pill-label{color:var(--surface)}.pill-btn svg{fill:var(--ink)}.pill-label{font-size:var(--fs-md);font-weight:500;color:var(--ink);line-height:1}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;z-index:500}.modal-panel{background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;padding:10px 12px;gap:6px;overflow:hidden;transform-origin:center center;will-change:transform,opacity;animation:modal-in .2s cubic-bezier(.16,1,.3,1) both}.modal-panel.is-closing{animation:modal-out .15s cubic-bezier(.4,0,1,1) both}@keyframes modal-in{0%{opacity:0;transform:scale(.985) translateY(6px)}to{opacity:1;transform:none}}@keyframes modal-out{0%{opacity:1;transform:none}to{opacity:0;transform:scale(.99) translateY(4px)}}@media (prefers-reduced-motion: reduce){.modal-panel,.modal-panel.is-closing{animation:modal-fade .12s ease both}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}}.modal-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding-bottom:6px;border-bottom:1px solid var(--line)}.modal-title{font-family:var(--font-chi);font-size:.8rem;font-weight:400;text-transform:uppercase;letter-spacing:0;color:var(--ink)}.modal-close{font-size:1.3rem;color:var(--ink);padding:0 4px;line-height:1}.modal-list{flex:1;overflow-y:auto;border:1px solid var(--line)}.modal-list::-webkit-scrollbar{width:5px}.modal-list::-webkit-scrollbar-thumb{background:var(--ink-dim)}.samp-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--bg);cursor:pointer}.samp-row:hover{background:var(--off)}.samp-row.previewing{background:var(--off);border-left:3px solid var(--ink)}.samp-info{flex:1;min-width:0}.samp-name{display:block;font-size:.85rem;font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.samp-char{display:block;font-size:.7rem;color:var(--ink-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.samp-sku{font-size:.66rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);flex-shrink:0}.samp-play{font-size:.85rem;color:var(--ink);flex-shrink:0;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:var(--px-r)}.samp-play.on{background:var(--ink);color:var(--surface)}.fx-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:6px;padding:6px 0}.fx-block{border:1px solid var(--line);border-radius:var(--px-r);padding:8px 10px;display:flex;flex-direction:column;justify-content:center;gap:8px;min-height:0;overflow:hidden}.fx-block.active{background:var(--gray-2)}.fx-info{display:flex;flex-direction:column;gap:2px}.fx-titlerow{display:flex;align-items:center;justify-content:space-between;gap:6px}.fx-name{font-size:var(--fs-md);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink)}.fx-edit{font-size:var(--fs-sm);font-weight:500;text-transform:uppercase;letter-spacing:.04em;background:none;border:1px solid var(--line);color:var(--ink);padding:2px 6px;border-radius:var(--px-r);flex-shrink:0;transition:background-color .13s var(--ease),color .13s var(--ease),transform .1s var(--ease)}.fx-edit:hover{background:var(--off)}.fx-edit:active{transform:scale(.95)}.fx-desc{font-size:var(--fs-sm);color:var(--ink-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.edit-overlay{z-index:600}.wave-display{flex-shrink:0;height:calc(var(--cell) * 2.2);background:var(--off);border:1px solid var(--line);border-radius:var(--px-r);overflow:hidden;margin:2px 0 4px}.fxedit-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:8px 0}.fxedit-list::-webkit-scrollbar{width:5px}.fxedit-list::-webkit-scrollbar-thumb{background:var(--ink-dim)}.fxedit-row{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:var(--px-r);padding:10px 14px}.fxedit-label{font-size:var(--fs-md);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink)}.fxedit-stepper{display:flex;align-items:center;gap:8px}.fxedit-btn{background:none;border:1px solid var(--line);color:var(--ink);border-radius:var(--px-r);font-size:1rem;width:26px;height:26px;display:flex;align-items:center;justify-content:center;transition:background-color .13s var(--ease),color .13s var(--ease),transform .1s var(--ease)}.fxedit-btn:active{background:var(--ink);color:var(--surface);transform:scale(.95)}.fxedit-val{font-size:var(--fs-md);font-weight:500;color:var(--ink);min-width:56px;text-align:center}.fx-levels{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.fx-lvl{font-size:var(--fs-md);font-weight:500;background:none;border:1px solid var(--line);color:var(--ink);padding:6px 0;text-align:center;border-radius:var(--px-r)}.fx-lvl.on{background:var(--ink);color:var(--surface)}.grid{display:flex;flex-direction:column;gap:5px}.track-row{display:grid;grid-template-columns:calc((var(--cell) - 2px) / 2) 1fr calc((var(--cell) - 2px) / 2);gap:5px;align-items:center}.row-cells{display:grid;grid-template-columns:1fr 5px 1fr 2px 1fr 2px 1fr 2px 1fr 5px 1fr 2px 1fr 2px 1fr 2px 1fr 5px 1fr 2px 1fr 2px 1fr 2px 1fr 5px 1fr 2px 1fr 2px 1fr 2px 1fr;align-items:center}.track-row.muted{opacity:.35}.track-row.soloed{outline:1px solid var(--ink);outline-offset:2px}.pad{background:none;border:1px solid var(--line);border-radius:var(--px-r);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:2px;cursor:pointer;width:100%;aspect-ratio:1 / 1;transition:background-color .14s var(--ease),transform .12s var(--ease)}.pad:active{transform:scale(.94);background:var(--ink)}.pad:active .pad-sku,.pad:active .pad-plus{color:var(--surface)}.pad-sku{font-size:var(--fs-sm);font-weight:500;color:var(--ink);letter-spacing:.02em;line-height:1.1;text-align:center;word-break:break-all}.pad-plus{font-size:1.3rem;font-weight:400;color:var(--ink-dim);line-height:1}.step{aspect-ratio:1 / 1;width:100%;background:var(--dither);border:1px solid var(--line);border-radius:var(--px-r);cursor:pointer;position:relative;overflow:hidden;padding:0;transition:transform .1s var(--ease)}.step:active{transform:scale(.92)}.step-fill{position:absolute;left:0;right:0;bottom:0;background:var(--ink);pointer-events:none;transition:height .16s var(--ease)}.step.active{border-color:var(--ink)}.step.now:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000002e;z-index:1}.step.active.now:before{background:#fff6}.ls-stack{display:flex;flex-direction:column;gap:2px;height:100%}.ls-btn{flex:1;background:none;border:1px solid var(--line);border-radius:var(--px-r);color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .1s var(--ease),color .1s var(--ease)}.ls-btn:active{background:var(--ink);color:var(--surface)}.ls-btn.ls-disabled{opacity:.2;pointer-events:none}.ls-btn.ls-lit{background:var(--ink);color:var(--surface)}.ms-stack{display:flex;flex-direction:column;gap:2px;height:100%}.ms-btn{flex:1;background:none;border:1px solid var(--line);border-radius:var(--px-r);color:var(--ink);font-size:var(--fs-md);font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer}.ms-btn.m-on,.ms-btn.s-on{background:var(--ink);color:var(--surface)}.transport{position:relative;display:grid;grid-template-columns:1fr 5px 1fr 2px 1fr 2px 1fr 2px 1fr 5px 1fr 2px 1fr 2px 1fr 2px 1fr 5px 1fr 2px 1fr 2px 1fr 2px 1fr 5px 1fr 2px 1fr 2px 1fr 2px 1fr 5px calc((var(--cell) - 2px) / 2);align-items:end;flex-shrink:0;padding-top:6px;border-top:1px solid var(--line)}.play-stop{grid-column:1 / 10;height:var(--ctrl);font-size:var(--fs-md);font-weight:500;text-align:center;background:none;border:1px solid var(--line);color:var(--ink);border-radius:var(--px-r)}.play-stop.playing{background:var(--ink);color:var(--surface)}.bpm-wrap{position:absolute;left:50%;transform:translate(-50%);height:var(--ctrl);display:flex;align-items:center;gap:3px}.bpm-btn{background:none;border:1px solid var(--line);color:var(--ink);border-radius:var(--px-r);font-size:.95rem;height:100%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center}.bpm-btn:active{background:var(--ink);color:var(--surface)}.bpm-dial{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:ns-resize;min-width:44px;height:100%;padding:0 9px;border:1px solid var(--ink);border-radius:var(--px-r);color:var(--ink);background:var(--gray-2)}.bpm-val{font-size:var(--fs-md);font-weight:400;color:var(--ink);line-height:1}.bpm-unit{font-size:.38rem;color:var(--ink);opacity:.55}.swing-wrap{grid-column:27 / 36}.swing-btns{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;height:var(--ctrl)}.swing-btn{background:none;border:1px solid var(--line);color:var(--ink);border-radius:var(--px-r);font-size:var(--fs-md);font-weight:500;display:flex;align-items:center;justify-content:center}.swing-btn.on{background:var(--ink);color:var(--surface)}.song-body{flex:1;display:flex;flex-direction:column;gap:10px;padding:10px 0;min-height:0}.song-top{display:flex;gap:8px;flex-shrink:0}.song-add{flex:1;font-family:var(--font-chi);font-size:.7rem;text-transform:uppercase;background:var(--ink);color:var(--surface);border:1px solid var(--ink);height:calc(var(--ctrl) * 1.5);border-radius:var(--px-r);transition:transform .1s var(--ease),opacity .12s var(--ease)}.song-add:active{transform:scale(.98);opacity:.85}.song-play{font-family:var(--font-chi);font-size:.66rem;text-transform:uppercase;background:none;border:1px solid var(--line);color:var(--ink);height:calc(var(--ctrl) * 1.5);padding:0 14px;border-radius:var(--px-r);white-space:nowrap;transition:background-color .12s var(--ease),color .12s var(--ease),transform .1s var(--ease)}.song-play.on{background:var(--ink);color:var(--surface)}.song-play:active{transform:scale(.97)}.song-play:disabled{opacity:.3;pointer-events:none}.song-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:5px;border:1px solid var(--line);border-radius:var(--px-r);padding:6px}.song-empty{font-family:var(--font-chi);font-size:.62rem;text-transform:uppercase;color:var(--ink-dim);text-align:center;margin:auto;letter-spacing:1px}.song-row{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:var(--px-r);padding:0 8px;height:48px;background:var(--surface);cursor:grab;transition:background-color .15s var(--ease),border-color .15s var(--ease);-webkit-user-select:none;user-select:none}.song-row.active{border-color:var(--ink);background:var(--gray-2)}.song-row.drag-over{border-color:var(--ink);border-style:dashed}.song-row:active{cursor:grabbing}.song-label{font-family:var(--font-chi);font-size:1rem;text-transform:uppercase;color:var(--ink);width:18px;text-align:center;flex-shrink:0}.song-grid-wrap{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.song-mini-canvas{width:100%;height:24px;display:block}.song-meta{font-size:.52rem;letter-spacing:.04em;color:var(--ink-dim)}.song-repeats{display:flex;align-items:center;gap:4px;flex-shrink:0}.song-rep-btn{font-family:var(--font-chi);font-size:.8rem;background:none;border:1px solid var(--line);color:var(--ink);width:22px;height:22px;border-radius:3px;display:flex;align-items:center;justify-content:center;transition:background-color .1s var(--ease)}.song-rep-btn:active{background:var(--ink);color:var(--surface)}.song-rep-val{font-family:var(--font-chi);font-size:.62rem;text-transform:uppercase;color:var(--ink);min-width:20px;text-align:center}.song-del{font-size:1rem;line-height:1;background:none;border:none;color:var(--ink-dim);padding:0 2px;flex-shrink:0;transition:color .1s var(--ease)}.song-del:active{color:var(--ink)}.song-footer{font-family:var(--font-chi);font-size:.58rem;text-transform:uppercase;color:var(--ink-dim);text-align:center;letter-spacing:.06em;flex-shrink:0}.sound-body{flex:1;display:flex;flex-direction:column;gap:8px;padding:8px 0;min-height:0}.sound-wave{height:60px;flex-shrink:0;border:1px solid var(--line);border-radius:var(--px-r);background:var(--dither);overflow:hidden}.sound-wave-canvas{width:100%;height:100%;display:block}.sound-grid{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:6px}.sound-cell{border:1px solid var(--line);border-radius:var(--px-r);display:flex;flex-direction:column;overflow:hidden;transition:border-color .12s var(--ease)}.sound-cell.on{border-color:var(--ink)}.sound-cell-label{font-family:var(--font-chi);font-size:.48rem;text-transform:uppercase;color:var(--ink-dim);letter-spacing:.07em;padding:3px 5px 2px;flex-shrink:0;border-bottom:1px solid var(--line)}.sound-cell-viz{flex:1;min-height:0;overflow:hidden;background:var(--dither)}.sound-viz-canvas{width:100%;height:100%;display:block;image-rendering:pixelated;image-rendering:crisp-edges}.sound-cell-bottom{display:flex;height:24px;flex-shrink:0;border-top:1px solid var(--line)}.sound-cell-val{flex:1;font-family:var(--font-chi);font-size:.6rem;text-transform:uppercase;color:var(--ink);background:var(--surface);display:flex;align-items:center;justify-content:center;border-left:1px solid var(--line);border-right:1px solid var(--line)}.sound-cell.on .sound-cell-val{background:var(--ink);color:var(--surface)}.sound-cell-act{flex:1;font-family:var(--font-chi);font-size:.85rem;background:none;border:none;color:var(--ink);display:flex;align-items:center;justify-content:center;transition:background-color .09s var(--ease),color .09s var(--ease)}.sound-cell-act:active{background:var(--ink);color:var(--surface)}.toggle-act{font-size:.5rem}.mac-window{position:fixed;z-index:500;background:#fff;border:2px solid #1a1a1a;box-shadow:4px 4px #1a1a1a;display:flex;flex-direction:column;min-width:180px;min-height:100px}.mac-titlebar{height:20px;flex-shrink:0;background:repeating-linear-gradient(180deg,#fff,#fff 1px,#1a1a1a 1px,#1a1a1a 2px);display:flex;align-items:center;justify-content:center;border-bottom:1px solid #1a1a1a;cursor:grab;-webkit-user-select:none;user-select:none;position:relative}.mac-titlebar:active{cursor:grabbing}.mac-closebox{position:absolute;left:5px;width:13px;height:13px;background:#fff;border:1.5px solid #1a1a1a;cursor:pointer;padding:0}.mac-closebox:active{background:#1a1a1a}.mac-wintitle{background:#fff;padding:0 8px;font-family:var(--font-chi);font-size:.6rem;text-transform:uppercase;color:#1a1a1a;letter-spacing:.04em;position:relative;z-index:1}.mac-content{flex:1;overflow:hidden;background:#fff;display:flex;flex-direction:column}.notepad-body{display:flex;flex-direction:column;height:100%}.notepad-menubar{display:flex;border-bottom:1px solid #1a1a1a;padding:0 2px;background:#fff;flex-shrink:0;position:relative}.notepad-menu-wrap{position:relative}.notepad-menu-btn{font-family:var(--font-chi);font-size:.6rem;text-transform:uppercase;background:none;border:none;color:#1a1a1a;padding:2px 8px;cursor:pointer}.notepad-menu-btn.open,.notepad-menu-btn:hover{background:#1a1a1a;color:#fff}.notepad-dropdown{position:absolute;top:100%;left:0;z-index:10;background:#fff;border:1px solid #1a1a1a;box-shadow:2px 2px #0000004d;min-width:100px}.notepad-dropdown-item{display:block;width:100%;font-family:var(--font-chi);font-size:.6rem;text-transform:uppercase;background:none;border:none;color:#1a1a1a;padding:4px 10px;text-align:left;cursor:pointer}.notepad-dropdown-item:hover{background:#1a1a1a;color:#fff}.notepad-text{flex:1;border:none;outline:none;resize:none;padding:6px 8px;font-family:var(--font-chi);font-size:.65rem;color:#1a1a1a;background:#fff;line-height:1.6}.comingsoon-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#fff;padding:16px}.comingsoon-icon{font-size:2rem;width:44px;height:44px;border:2px solid #1a1a1a;display:flex;align-items:center;justify-content:center;font-family:var(--font-chi)}.comingsoon-title{font-family:var(--font-chi);font-size:.7rem;text-transform:uppercase;color:#1a1a1a;letter-spacing:.06em}.comingsoon-msg{font-family:var(--font-chi);font-size:.55rem;text-transform:uppercase;color:#888;letter-spacing:.04em;text-align:center}.util-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:590}.util-popup{background:#fff;border:2px solid #1a1a1a;box-shadow:4px 4px #1a1a1a;min-width:165px}.util-header{font-family:var(--font-chi);font-size:.55rem;text-transform:uppercase;padding:4px 10px 3px;border-bottom:1px solid #1a1a1a;background:repeating-linear-gradient(180deg,#fff,#fff 1px,#1a1a1a 1px,#1a1a1a 2px);color:#1a1a1a}.util-header{background:var(--dither)}.util-item{display:flex;align-items:center;gap:10px;width:100%;padding:6px 10px;font-family:var(--font-chi);font-size:.65rem;text-transform:uppercase;color:#1a1a1a;background:none;border:none;border-bottom:1px solid rgba(26,26,26,.12);text-align:left;cursor:pointer}.util-item:last-child{border-bottom:none}.util-item:hover:not(.soon){background:#1a1a1a;color:#fff}.util-item.soon{opacity:.45;cursor:default}.util-symbol{font-size:.9rem;width:18px;text-align:center;flex-shrink:0}.util-label{flex:1}.util-badge{font-size:.42rem;letter-spacing:.08em;border:1px solid currentColor;padding:1px 3px;border-radius:2px}.song-footer-row{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.util-trigger{font-family:var(--font-chi);font-size:.5rem;text-transform:uppercase;background:none;border:1px solid var(--line);color:var(--ink-dim);padding:2px 7px;border-radius:var(--px-r);cursor:pointer;letter-spacing:.06em;opacity:.55;transition:opacity .13s var(--ease)}.util-trigger:hover{opacity:1}