.transport-shell{position:fixed;left:0;right:0;top:0;bottom:auto;width:100%;transform:none;z-index:50}.app-shell{padding-top:calc(112px + env(safe-area-inset-top))}.status-strip{display:none}.project-logo{display:block;width:min(180px,28vw);height:auto;filter:brightness(0) saturate(100%) invert(49%) sepia(97%) saturate(1541%) hue-rotate(344deg) brightness(98%) contrast(91%)}body[data-theme=field] .project-logo{filter:none}body[data-theme=operator] .project-logo{filter:brightness(0) invert(1)}.main-grid,.side-panel,.side-panel label,.trim-panel,.two-column-fields,.sequencer-tools{min-width:0}.side-panel{overflow:hidden}.side-panel input,.side-panel button,.side-panel select,.trim-panel,.mic-button,.selected-pad-load-button{max-width:100%;width:100%}.transport-shell>.bpm-control{align-self:center;transform:translateY(-9px);justify-items:start}.two-column-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.panel-actions .panel-button{width:auto}.sequencer-tools{display:flex;align-items:end;gap:8px;flex-wrap:wrap;margin-bottom:12px}.sequencer-tools .numeric-control{width:92px}.sequencer-tools .panel-button{width:auto;max-width:none}.lane-label,.step-index-label{position:sticky;left:0;z-index:4}.step-index-label{display:grid;place-items:center;color:var(--muted);font-size:.7rem;font-weight:800;letter-spacing:0;text-transform:none}.step-index-cell{min-height:28px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--paper) 76%,var(--panel));font-size:.7rem;font-weight:800;color:var(--muted)}.step-cell.selected-column,.step-index-cell.selected{outline:0;box-shadow:inset 0 0 0 2px var(--hot)}.step-cell.playhead,.step-index-cell.playhead{outline:0;box-shadow:inset 0 0 0 4px var(--blue)}.step-cell.selected-column.playhead,.step-index-cell.selected.playhead{box-shadow:inset 0 0 0 4px var(--blue),inset 0 0 0 7px color-mix(in srgb,var(--hot) 76%,transparent)}body[data-theme=pop] .pad-card.selected{outline-color:color-mix(in srgb,var(--hot) 82%,transparent)}.metronome-volume-control input{width:110px;padding:0}.trim-panel{display:grid;gap:9px;padding:6px 0 2px}#sampleDurationText{display:none!important}.waveform-trimmer{display:block;width:100%;height:72px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--paper) 84%,var(--panel));touch-action:none}.sample-trim-readout{margin:0!important;font-size:.76rem!important;font-weight:500!important;letter-spacing:.01em;color:var(--muted)!important}.bpm-detector-modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:rgba(0,0,0,.38);padding:20px}.bpm-detector-modal[hidden]{display:none}.bpm-detector-card{width:min(420px,100%);border:1px solid var(--line);border-radius:28px;background:color-mix(in srgb,var(--paper) 90%,white 10%);box-shadow:var(--shadow);padding:18px;display:grid;gap:12px}.bpm-detector-card h2{margin:0;font-size:2rem;line-height:.95;letter-spacing:-.05em}.bpm-detector-card p{margin:0;color:var(--muted);font-weight:700}.bpm-detector-card strong{font-size:2.5rem;letter-spacing:-.06em}.bpm-detector-actions{display:flex;gap:8px;flex-wrap:wrap}.pad-card-no-controls{min-height:auto;align-content:start}.pad-card-no-controls .pad-face{min-height:112px}.selected-pad-load-button{display:block;text-align:center}.selected-pad-load-button input{position:absolute;inset:0;opacity:0;cursor:pointer}@media(max-width:1040px){.app-shell{padding-top:calc(224px + env(safe-area-inset-top))}}@media(max-width:760px){.main-grid{grid-template-columns:1fr}.two-column-fields{grid-template-columns:1fr}.sequencer-tools .numeric-control,.sequencer-tools .panel-button{width:100%}}