.tone-lab{order:1}.voice-box{order:2}.pattern{order:3;grid-row:auto}.oracle{order:4}.timepiece{order:5}.switchboard{order:6}.beat-machine{order:7}.morse-machine{order:8}.tempo{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:26px 0;color:var(--muted);font-size:8px;letter-spacing:.1em}.tempo input{width:100%;accent-color:var(--mint)}.tempo output{color:var(--mint)}.beat-grid{display:grid;grid-template-columns:52px repeat(8,1fr);gap:5px;margin:18px 0 24px}.beat-grid .track-name{display:flex;align-items:center;color:var(--muted);font-size:7px;letter-spacing:.08em}.beat-grid button{aspect-ratio:1;border:1px solid var(--line);background:#090c16;min-width:0}.beat-grid button.on{border-color:var(--pink);background:rgba(255,79,129,.68);box-shadow:0 0 13px rgba(255,79,129,.28)}.beat-grid button.current{outline:1px solid var(--mint);outline-offset:2px}.beat-machine .buttons{align-items:center}.beat-machine .buttons span{margin-left:auto;color:var(--muted);font-size:8px;letter-spacing:.1em}.morse-input{width:100%;height:48px;margin:10px 0 14px;padding:0 14px;border:1px solid var(--line);background:#090c16;color:var(--text);font:16px ui-monospace,monospace;text-transform:uppercase}.morse-output{min-height:88px;padding:16px;border:1px solid var(--line);color:var(--mint);font:16px/1.7 ui-monospace,monospace;overflow-wrap:anywhere}.morse-lamp{width:58px;height:58px;margin:24px auto;border:1px solid var(--line);border-radius:50%;background:#0a0d18;transition:background .04s,box-shadow .04s}.morse-lamp.on{background:var(--pink);border-color:var(--pink);box-shadow:0 0 42px var(--pink)}@media(max-width:650px){.beat-grid{grid-template-columns:42px repeat(8,1fr);gap:3px}.beat-grid .track-name{font-size:6px}}