@media (max-width:1100px) and (max-height:500px),(max-width:900px){#page-sequencer.page{padding:var(--sp-3,12px) var(--sp-3,12px) var(--sp-7,48px)}#page-sequencer #advancedLandscapeGate,#page-sequencer #quickSequencerRoot,#page-sequencer .sequencer-mode-toggle,html:not(.stg-advanced-focus) #page-sequencer #drumseqApp,html:not(.stg-advanced-focus) #page-sequencer #velocityPanelAdv,html:not(.stg-advanced-focus) #page-sequencer .drumseq-app,html:not(.stg-advanced-focus) #page-sequencer .ds-velocity-bottom-016,html:not(.stg-advanced-focus) #page-sequencer .floating-header{display:none!important}#page-sequencer .floating-header{border-radius:var(--stg-r-xl,24px);gap:.5rem;padding:6px 10px}#page-sequencer .bpm-control{padding:3px 8px 3px 6px}#page-sequencer .bpm-step-btn{border-radius:50%;font-size:13px;height:24px;min-height:24px;min-width:24px;width:24px}#page-sequencer .control-btn{font-size:11px;padding:6px 10px}#page-sequencer .sequencer-header-action-btn{font-size:10px;padding:5px 8px}}@media (max-width:768px),(max-width:900px) and (orientation:portrait){#page-sequencer.page{box-sizing:border-box;margin:0 auto;max-width:100%;overflow-x:hidden;padding:8px 14px 40px;width:100%}#page-sequencer .floating-header{align-items:center;background:var(--stg-canvas-deep,#2c5230);box-shadow:0 10px 30px rgba(0,0,0,.35);box-sizing:border-box;color:var(--stg-ink-on-deep,#f4ecd8);display:flex;margin-inline:auto;margin-bottom:12px;max-width:100%;position:static;z-index:10}#page-sequencer .floating-header.floating-header--remake,#page-sequencer .floating-header:has(.now-playing[hidden]){border-radius:9999px;flex-direction:row;gap:8px;justify-content:center;padding:6px 12px;width:auto}#page-sequencer .floating-header:not(:has(.now-playing[hidden])):not(.floating-header--remake){align-items:center;border-radius:var(--stg-r-xl,24px);flex-direction:column;gap:8px;justify-content:center;padding:10px 14px;width:100%}#page-sequencer .now-playing{align-items:center;display:flex;flex-direction:column;gap:2px;text-align:center;width:100%}#page-sequencer .now-playing.hidden,#page-sequencer .now-playing[hidden]{display:none!important}#page-sequencer .now-playing-label{color:var(--stg-ink-on-deep-2,#d9f274);font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}#page-sequencer .now-playing-name-row{align-items:center;display:flex;gap:6px;justify-content:center}#page-sequencer .now-playing-name{color:var(--stg-ink-on-deep,#f4ecd8);font-family:var(--font-display,"Fraunces",Georgia,serif);font-size:1.25rem;line-height:1.15}#page-sequencer .now-playing-sub{color:rgba(244,236,216,.75);font-size:11px}#page-sequencer .header-controls{align-items:center;display:flex;flex-direction:row;flex-shrink:0;flex-wrap:nowrap;gap:8px;justify-content:center}#page-sequencer .floating-header:has(.now-playing[hidden]) .header-controls{gap:8px;width:auto}#page-sequencer .play-pause-btn{background:var(--stg-accent,#d9f274);border:none;border-radius:50%;color:#161a14;cursor:pointer;display:grid;flex-shrink:0;height:34px;min-width:34px;padding:0;place-items:center;width:34px}#page-sequencer .play-pause-btn:active{transform:scale(.94)}#page-sequencer .bpm-control{align-items:center;background:rgba(244,236,216,.14);border-radius:9999px;display:flex;flex-shrink:0;gap:5px;padding:3px 8px 3px 6px}#page-sequencer .bpm-input-wrap{align-items:center;display:inline-flex;gap:4px}#page-sequencer .bpm-step-btn{align-items:center;background:rgba(244,236,216,.2);border:none;border-radius:50%;color:var(--stg-ink-on-deep,#f4ecd8);cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;height:22px;justify-content:center;line-height:1;min-width:22px;padding:0;width:22px}#page-sequencer .bpm-input{background:transparent;border:none;color:var(--stg-ink-on-deep,#f4ecd8);font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:13.5px;font-weight:600;padding:0;text-align:center;width:2.2rem}#page-sequencer .bpm-control-label{color:rgba(244,236,216,.65);font-size:9.5px;font-weight:700;letter-spacing:.08em}#page-sequencer .master-volume-control{align-items:center;background:rgba(244,236,216,.14);border-radius:9999px;display:inline-flex;flex-shrink:0;gap:6px;min-width:0;padding:3px 10px 3px 8px}#page-sequencer .master-volume-btn{align-items:center;background:transparent;border:none;color:var(--stg-ink-on-deep,#f4ecd8);cursor:pointer;display:flex;padding:0}#page-sequencer .master-volume-slider{accent-color:var(--stg-accent,#d9f274);cursor:pointer;flex-shrink:0;height:4px;margin:0;max-width:60px;width:58px}#page-sequencer .pattern-selector-group.pat-sel{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:6px;margin-bottom:10px;width:100%}#page-sequencer .pat-sel__left{align-items:center;display:flex;flex:1 1 auto;gap:4px;min-width:0}#page-sequencer .pat-sel__lab{color:rgba(244,236,216,.5);flex-shrink:0;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}#page-sequencer .pattern-select-wrap{flex:1 1 auto;max-width:9.5rem;min-width:0;position:relative}#page-sequencer #patternSelect.pattern-dropdown-pill{align-items:center;background:hsla(0,0%,100%,.07);border:1px solid rgba(244,236,216,.15);border-radius:9999px;box-sizing:border-box;color:var(--stg-ink-on-deep,#f4ecd8);cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:5px;height:26px;max-width:100%;padding:0 7px;text-align:left;width:100%}#page-sequencer .pat-sel-thumb{border-radius:3px;flex-shrink:0;height:14px;width:14px}#page-sequencer .pat-sel-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#page-sequencer .pat-sel-caret{color:rgba(244,236,216,.5);flex-shrink:0}#page-sequencer .pat-sel__right,#page-sequencer .pat-sel__right.seq-phone-actions{align-items:center;display:flex;flex:0 0 auto;flex-wrap:nowrap;gap:4px;margin-left:auto;min-width:0;width:auto}#page-sequencer .history-icon-btns{align-items:center;display:inline-flex;flex-shrink:0;gap:2px;margin-left:0}#page-sequencer .icon-history-btn{background:hsla(0,0%,100%,.08);border:1px solid rgba(244,236,216,.12);border-radius:50%;color:rgba(244,236,216,.8);cursor:pointer;display:grid;height:26px;min-width:26px;padding:0;place-items:center;width:26px}#page-sequencer .icon-history-btn .stg-icon-host{display:grid;place-items:center}#page-sequencer .control-btn-save{align-items:center;background:transparent;border:1px solid var(--stg-accent,#d9f274);border-radius:9999px;color:var(--stg-accent,#d9f274);cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:10px;font-weight:600;height:26px;justify-content:center;padding:0 8px;white-space:nowrap}#page-sequencer #exportMidi{display:none!important}#page-sequencer .sequencer-pattern-menu-wrap{flex-shrink:0;position:relative}#page-sequencer .control-btn-more{background:hsla(0,0%,100%,.08);border:1px solid rgba(244,236,216,.12);border-radius:50%;color:var(--stg-ink-on-deep,#f4ecd8);cursor:pointer;display:grid;font-size:14px;height:26px;min-width:26px;padding:0;place-items:center;width:26px}#page-sequencer .sequencer-pattern-dropdown__item.seq-phone-midi-item{align-items:center;color:var(--stg-accent,#d9f274);display:flex!important;font-weight:600;gap:6px}}@media (max-height:500px){#page-sequencer .pattern-selector-group.pat-sel{align-items:center;flex-direction:row;gap:8px;justify-content:space-between;margin-bottom:6px}#page-sequencer .pat-sel__left,#page-sequencer .pattern-selector-primary{flex:1;min-width:0;width:auto}#page-sequencer .pattern-select-wrap{flex:none;max-width:260px}#page-sequencer #patternSelect.pattern-dropdown-pill{font-size:12px;height:28px;max-width:260px;width:auto}#page-sequencer .pat-sel__right,#page-sequencer .pattern-actions-save{flex-wrap:nowrap;gap:4px;margin-left:auto;width:auto}#page-sequencer .control-btn{font-size:11px;padding:5px 8px}#page-sequencer .control-btn-more,#page-sequencer .icon-history-btn{height:26px;min-width:26px;width:26px}}