/* Studio extends the Observatory palette into a compact, tactile music workstation. */
.experience-switch{display:flex;gap:3px;align-items:center;grid-column:2;grid-row:1;justify-self:start;margin-left:18px;border:1px solid #375260;border-radius:8px;padding:3px;background:#061018;z-index:2}
.experience-switch button{border:0;border-radius:5px;background:transparent;color:#b1c3cb;padding:9px 14px;font-size:14px;font-weight:600;min-height:36px}
.experience-switch button[aria-pressed=true]{background:#d0fb81;color:#182412}
.topbar{grid-template-columns:auto auto minmax(0,1fr)}.topbar>.top-actions{grid-column:3}.topbar>.mode-nav{grid-column:1/-1}.brand-version{display:none!important}
.studio-nav{grid-column:1/-1;grid-row:2;display:none;align-items:center;gap:4px;padding:0 24px;border-top:1px solid #243943;background:#0b1720}
.studio-nav button{height:48px;padding:0 25px;color:#93aab6;font-size:14px;border:0;background:transparent;border-bottom:2px solid transparent}
.studio-nav button[aria-selected=true]{color:#d0fb81;border-bottom-color:#d0fb81}
.studio-nav .studio-nav-note{margin-left:auto;color:#90a5ae;font-size:12px}
body.studio-active .mode-nav,body.studio-active .workspace-bar,body.studio-active #scienceStage,body.studio-active>.research-strip{display:none!important}
body.studio-active .studio-nav{display:flex}body.studio-active #openLabBrowser,body.studio-active #openAudioSettings,body.studio-active #exportButton,body.studio-active #helpButton{display:none}
#studioRoot[hidden]{display:none!important}.studio{--st-accent:#d0fb81;--st-border:#2a3f4f;--st-panel:#0d1924;--st-dim:#90a6b6;--st-surface:#132330;--track:#d0fb81;font-family:Manrope,system-ui,sans-serif;color:#edf5f7;background:#070e17;min-height:calc(100dvh - 120px);font-size:16px}
.studio *{box-sizing:border-box}.studio button,.studio input,.studio select,.studio textarea{font-family:inherit;font-size:14px}.studio button{cursor:pointer;line-height:1.35}.studio button:disabled{cursor:not-allowed}.studio :focus-visible{outline:2px solid #d0fb81;outline-offset:3px}
.studio [hidden]{display:none!important}.studio button,.studio input,.studio select,.studio textarea{color:inherit}.studio select,.studio input:not([type=range]):not([type=checkbox]),.studio textarea{border:1px solid var(--st-border);border-radius:5px;background:#09131e;padding:8px 10px;min-height:36px;max-width:100%}.studio textarea{width:100%;resize:vertical;font-family:'DM Mono',monospace;font-size:14px;line-height:1.6}
.studio input[type=range]{accent-color:var(--st-accent);width:100%;margin:9px 0 5px;height:5px}.studio input[type=checkbox]{accent-color:var(--st-accent);width:17px;height:17px}
.studio .st-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 12px;border:1px solid var(--st-border);border-radius:5px;background:#142532;color:#d4e2e9;font-size:14px;text-decoration:none}
.studio .st-btn:hover{background:#1d3443;border-color:#69869a}.studio .st-btn.active,.studio .st-btn[aria-pressed=true]{border-color:#d0fb8180;background:#263b26;color:#d0fb81}.studio .st-primary{color:#182412;background:#d0fb81;border-color:#d0fb81;font-weight:700}.studio .st-primary:hover{background:#e1ffa7;color:#182412}.studio .st-danger{color:#ffa3a8}
.studio .st-icon{width:37px;padding:7px;font-size:19px}.studio .st-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.studio .st-spread{justify-content:space-between}.studio .st-muted{color:var(--st-dim)}.studio .st-small{font-size:12px;line-height:1.65;color:var(--st-dim)}.studio .st-label{font:12px/1.5 'DM Mono',monospace;letter-spacing:.07em;color:var(--st-dim)}.studio .st-note{font-size:14px;line-height:1.65;color:#a6bdca;margin:12px 0}.studio .st-tag{font-size:12px;padding:4px 7px;border:1px solid #3d5162;border-radius:4px;color:#b6ccd6;line-height:1.4}
.st-projectbar{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px 22px 12px;background:#0b1520;border-bottom:1px solid var(--st-border)}.st-project-identity{display:flex;gap:12px;align-items:center;min-width:0}.st-project-logo{width:36px;height:36px;display:grid;place-items:center;border:1px solid #667b48;color:#d0fb81;border-radius:8px;font-size:24px;background:#202e1c}.studio #stProjectName{font-size:17px;font-weight:600;border-color:transparent;background:transparent;padding:2px 0;height:29px;min-height:29px;width:260px}.studio #stProjectName:focus{border-color:#79994c;padding-left:6px}.st-project-meta{display:flex;gap:8px;align-items:center}.studio #stSaveStatus{font-size:12px;background:none;border:0;color:#96ae9c;padding:0;text-align:left;min-height:22px}.st-project-actions{display:flex;gap:7px;flex-wrap:wrap}
.st-transport{padding:12px 22px;display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--st-border);background:#0b1520;flex-wrap:wrap}.st-transport-group{display:flex;align-items:center;gap:7px}.studio #stPlay{min-width:96px;height:40px}.studio #stRecord{width:39px;height:40px;color:#ff8eaa;font-size:21px}.studio #stRecord[aria-pressed=true]{background:#51243b;border-color:#ff719d;color:#ffabc4;box-shadow:0 0 16px #ff719d22}.st-number-field{display:flex;flex-direction:column;gap:2px;min-width:68px}.st-number-field>span{font-size:12px;color:var(--st-dim)}.studio .st-number-field input{width:72px;height:30px;min-height:30px;padding:3px 7px;font:16px 'DM Mono',monospace}.st-key-controls{display:flex;align-items:center;gap:6px}.st-key-controls select{height:35px;padding:4px 8px}.st-harmony{display:flex;align-items:center;gap:5px;font-size:14px}.st-clock{font:19px 'DM Mono',monospace;color:#d0fb81;min-width:87px;text-align:center;border-left:1px solid var(--st-border);padding-left:16px}.st-swing{width:100px;font-size:12px;color:var(--st-dim)}.st-master{width:110px;margin-left:auto;font-size:12px;color:var(--st-dim)}.st-master>span{display:flex;justify-content:space-between}.st-master-meter{height:4px;background:#233645;margin-top:8px;overflow:hidden;border-radius:2px}.st-master-meter i{height:100%;width:0;display:block;background:linear-gradient(90deg,#67dce7,#d0fb81,#ff9c89)}
.st-workspace{display:grid;grid-template-columns:200px minmax(0,1fr) 290px;min-height:740px;max-width:2048px;margin:auto}
.st-library{border-right:1px solid var(--st-border);padding:19px 12px;background:#0b141e;min-width:0}.st-library>header{padding:0 6px 12px}.st-source-card{width:100%;display:flex;gap:10px;align-items:center;padding:12px 9px;text-align:left;border:1px solid transparent;background:transparent;border-radius:6px;margin:2px 0;color:#b5c9d5}.st-source-card:hover{background:#142430;border-color:var(--st-border)}.st-source-card>i{font-style:normal;font-size:25px;color:var(--source);width:27px;text-align:center}.st-source-card b{font-size:14px;display:block;font-weight:500}.st-source-card small{font-size:12px;display:block;color:#90a5b4;line-height:1.5;margin-top:3px}.st-library-bottom{border-top:1px solid var(--st-border);padding:17px 5px 0;margin-top:15px}.st-library-bottom button{width:100%;margin-bottom:8px}.st-library-hint{padding:0 6px;font-size:12px;line-height:1.6;color:#96acba}
.st-main{min-width:0;padding:19px 18px 22px}.st-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:12px}.st-section-head h2,.st-section-head h3{font-size:16px;margin:0;font-weight:600}.st-section-head .st-small{margin:0}
.st-launcher-scroll{overflow-x:auto;border:1px solid var(--st-border);border-radius:8px;background:#09131d}.st-launcher{display:grid;grid-template-columns:repeat(8,minmax(75px,1fr)) 65px;min-width:700px;gap:1px;background:#263945}.st-track-head{background:#101e2a;border-top:3px solid var(--track);padding:9px 6px 8px;min-height:98px}.st-track-select{display:block;width:100%;background:transparent;border:0;text-align:left;padding:0;color:#c8d9e2;min-height:43px}.st-track-select small{font:12px 'DM Mono',monospace;display:block;color:var(--track);margin-bottom:5px}.st-track-select b{font-size:12px;font-weight:500;display:block;line-height:1.5;overflow-wrap:anywhere}.st-track-head.selected{background:#243341}.st-track-mix{display:flex;gap:5px;margin-top:6px}.st-track-mix button{font-size:12px;min-height:24px;width:26px;border:1px solid #3b5364;border-radius:3px;background:#132632;color:#9aafbd}.st-track-mix button.active{background:var(--track);color:#091018;border-color:var(--track)}.st-track-meter{width:3px;position:relative;background:#283c47;flex:1;overflow:hidden;height:24px;max-width:4px;margin-left:auto}.st-track-meter i{position:absolute;bottom:0;width:100%;height:0;background:var(--track)}
.st-scene-head{display:grid;place-items:center;background:#101e2a;color:#879fac;font-size:12px}.st-clip{position:relative;padding:9px 7px 6px;min-height:68px;background:color-mix(in srgb,var(--track) 9%,#0a1620);border:0;box-shadow:inset 0 0 0 1px transparent;text-align:left;color:#bfd0db;overflow:hidden}.st-clip:hover{background:color-mix(in srgb,var(--track) 18%,#0a1620)}.st-clip.selected{box-shadow:inset 0 0 0 1px var(--track)}.st-clip.is-playing{background:color-mix(in srgb,var(--track) 25%,#0a1620)}.st-clip.is-queued{box-shadow:inset 0 0 0 2px #edf5f7}.st-clip .st-clip-name{display:flex;justify-content:space-between;gap:3px;font-size:12px}.st-clip .st-clip-name i{font-style:normal;color:var(--track)}.st-clip svg{display:block;width:100%;height:20px;margin:7px 0 3px;color:var(--track);opacity:.85}.st-clip small{font:12px 'DM Mono',monospace;color:#8aa6b7}.st-clip-progress{height:2px;position:absolute;bottom:0;left:0;background:var(--track);width:0}.st-scene{background:#122531;border:0;color:#bcd29a;font-size:12px;padding:8px 2px;text-align:center;line-height:1.6}.st-scene:hover{background:#263d35}.st-scene strong{display:block;font-weight:400;font-size:18px}
.st-arranger{overflow:auto;max-height:380px;border:1px solid var(--st-border);border-radius:7px}.st-timeline{display:grid;min-width:750px;gap:2px;background:#09131c;padding:8px}.st-bar-num{border:0;background:transparent;color:#88a2b2;text-align:center;font:12px 'DM Mono',monospace;padding:7px 2px}.st-bar-num.current{color:#d0fb81;background:#283b2b}.st-timeline-name{font-size:12px;line-height:1.5;padding:10px 4px;color:var(--track);background:#12222e;border:0;text-align:left;position:sticky;left:0;z-index:1}.st-arr-cell{border:1px solid #284050;border-radius:3px;background:#111f2b;color:var(--track);min-height:38px;font-size:12px;padding:4px 2px;overflow:hidden}.st-arr-cell.filled{background:color-mix(in srgb,var(--track) 17%,#0a1620);border-color:color-mix(in srgb,var(--track) 40%,#284050)}.st-arr-cell.current{box-shadow:inset 2px 0 #edf5f7}.st-arr-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.st-performance-stage{position:relative;border:1px solid #375465;border-radius:9px;overflow:hidden;background:#06101a;height:350px}.st-performance-stage canvas{width:100%;height:100%;display:block}.st-performance-caption{position:absolute;top:14px;left:17px;font:12px 'DM Mono',monospace;color:#9cb9c7}.st-performance-scenes{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:12px}.st-performance-scenes button{min-height:68px;background:#152a34;border:1px solid #4a6351;border-radius:6px;color:#d0fb81;font-size:15px}
.st-editor{border:1px solid var(--st-border);border-radius:8px;margin-top:20px;overflow:hidden;background:#0d1924}.st-editor-head{background:#13232f;padding:12px 14px;display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap}.st-editor-head b{font-size:15px;color:var(--track);font-weight:500}.st-mini-tabs{display:flex;gap:3px;align-items:center}.st-mini-tabs button{border:0;background:transparent;color:#9bb3c2;padding:6px 10px;font-size:14px;border-radius:4px}.st-mini-tabs button.active{background:#2b4050;color:#eef6fa}.st-pattern-toolbar{display:flex;gap:8px;align-items:end;flex-wrap:wrap;padding:12px 14px;border-bottom:1px solid var(--st-border)}.st-pattern-toolbar label{font-size:12px;color:#a0b6c4;display:block}.st-pattern-toolbar input,.st-pattern-toolbar select{display:block;margin-top:4px!important}.studio .st-pattern-toolbar input[type=number]{width:66px;min-height:32px;height:32px}.studio .st-pattern-toolbar select{min-height:32px;height:32px;padding:4px 7px}.st-pattern-actions{display:flex;gap:5px;margin-left:auto;align-self:end}.st-pattern-actions .st-btn{font-size:12px;min-height:32px;padding:6px 8px}
.st-pad-editor{display:grid;grid-template-columns:220px minmax(0,1fr);gap:15px;padding:14px}.st-pad-bank{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.st-pad{aspect-ratio:1;border:1px solid #42616c;border-bottom:3px solid #3a575b;border-radius:7px;background:linear-gradient(150deg,#233b44,#152832);color:#d5e5eb;padding:5px;text-align:left;position:relative;touch-action:manipulation}.st-pad b{display:block;font-size:20px;line-height:1.1;font-weight:500;color:var(--pad,#d0fb81)}.st-pad small{display:block;font-size:12px;color:#8fa7b4;margin-top:4px}.st-pad kbd{position:absolute;top:3px;right:4px;font:12px 'DM Mono',monospace;color:#728997}.st-pad.fired,.st-pad:active{background:var(--pad,#d0fb81);box-shadow:0 0 20px color-mix(in srgb,var(--pad,#d0fb81) 30%,transparent);transform:translateY(1px)}.st-pad.fired b,.st-pad:active b,.st-pad.fired small,.st-pad:active small,.st-pad.fired kbd{color:#15232a}.st-pad.drag-over{outline:2px solid #d0fb81}.st-pad-utilities{display:flex;gap:6px;justify-content:space-between;margin-top:10px}.st-pad-utilities button{font-size:12px!important;min-height:32px!important;padding:6px 8px!important}.st-sequence-area{min-width:0}.st-sequence-area>p{margin:0 0 10px;font-size:12px;color:#99b1be;line-height:1.6}.st-step-scroll{overflow:auto;padding-bottom:5px}.st-step-grid{display:grid;gap:4px;min-width:360px}.st-step-grid .st-step-label{font:12px 'DM Mono',monospace;color:#9aafba;padding:9px 2px}.st-step-cell{height:30px;min-width:14px;border:1px solid #294353;border-radius:3px;background:#142532;position:relative;padding:0}.st-step-cell.beat{border-left-color:#7393a6}.st-step-cell.on{background:color-mix(in srgb,var(--track) 70%,#152330);border-color:var(--track)}.st-step-cell.on.selected{box-shadow:inset 0 0 0 2px #fff}.st-step-cell.playhead::after{content:'';position:absolute;left:0;top:-3px;bottom:-3px;border-left:2px solid #fff9;pointer-events:none}.st-step-cell i{position:absolute;left:2px;right:2px;bottom:2px;background:#10212c80;height:var(--velocity,50%);pointer-events:none}.st-piano-scroll{max-height:296px;overflow:auto;padding:10px}.st-piano{display:grid;gap:1px;min-width:600px}.st-piano-key{background:#162b38;color:#a5bdca;font:12px 'DM Mono',monospace;text-align:center;border:0;position:sticky;left:0;z-index:1;padding:3px}.st-piano-key.black{background:#09111a;color:#7e9aaa}.st-piano-cell{height:18px;border:0;border-left:1px solid #233a48;background:#12212e;padding:0;min-width:12px}.st-piano-cell.black{background:#0e1b26}.st-piano-cell.on{background:var(--track);border:1px solid #eef5f766;border-radius:2px}.st-piano-cell.selected{box-shadow:inset 0 0 0 1px #fff}.st-note-properties{padding:12px 14px;border-top:1px solid var(--st-border);background:#0b1620}.st-note-property-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:10px}.st-note-property-grid label{font-size:12px;color:#a3bbc8}.st-note-property-grid output{float:right;color:var(--track)}.st-event-description{font-size:12px;line-height:1.65;color:#a8bdc9;margin:9px 0 0}.st-note-empty{padding:12px 14px;color:#8da5b5;font-size:14px}
.st-inspector{padding:19px 15px;background:#0b151f;border-left:1px solid var(--st-border);min-width:0}.st-visual-card{border:1px solid #354d5b;border-radius:8px;overflow:hidden;background:#07131e}.st-visual-card canvas{display:block;width:100%;height:190px}.st-visual-head{padding:10px 11px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--st-border);font-size:12px;color:#a8c0cd}.st-visual-head button{background:none;border:0;color:#d0fb81;padding:0;font-size:12px}.st-visual-foot{padding:8px 11px;font-size:12px;color:#88a6b5;line-height:1.5;border-top:1px solid var(--st-border)}.st-inspector-tabs{display:flex;gap:4px;border-bottom:1px solid var(--st-border);margin:16px 0}.st-inspector-tabs button{flex:1;background:none;border:0;border-bottom:2px solid transparent;padding:11px 4px;color:#99b1c2;font-size:14px}.st-inspector-tabs button.active{color:#d0fb81;border-bottom-color:#d0fb81}.st-sound-title{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:13px}.st-sound-title b{font-size:15px;font-weight:500;color:var(--track)}.st-field{display:block;margin:12px 0;color:#afc5d1;font-size:14px}.st-field>select,.st-field>input:not([type=range]):not([type=checkbox]){display:block;width:100%;margin-top:6px}.st-knobs{display:grid;grid-template-columns:1fr 1fr;gap:16px 13px;margin-top:17px}.st-knob{font-size:14px;color:#b6cbd6}.st-knob-top{display:flex;justify-content:space-between;align-items:center;gap:3px}.st-knob output{font:12px 'DM Mono',monospace;color:#d0fb81}.st-knob .st-knob-gauge{height:6px;display:block;margin:10px 0 8px;background:#213a46;border-radius:3px;overflow:hidden}.st-knob-gauge i{height:100%;display:block;width:50%;background:linear-gradient(90deg,#517f83,#cafa8a)}.st-advanced{border-top:1px solid var(--st-border);margin-top:18px;padding-top:12px}.st-advanced summary{font-size:14px;cursor:pointer;color:#a7c2d0}.st-source-inspector .st-tag{display:inline-block;margin:3px 0 8px}.st-source-inspector h3{font-size:17px;font-weight:500;margin:7px 0}.st-source-inspector .st-btn{margin-top:8px}.st-source-inspector code{color:#d0fb81;font:12px/1.7 'DM Mono',monospace;overflow-wrap:anywhere}.st-source-inspector textarea{margin-top:5px}.st-provenance{border:1px solid #334d5c;background:#101f2b;padding:12px;border-radius:6px;font-size:12px;line-height:1.7;color:#a7c2d0;margin:14px 0}.st-source-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.st-source-stats div{padding:10px;background:#122431;border-radius:5px;font-size:12px;color:#92adbc}.st-source-stats b{display:block;color:#d7e6ed;font-size:18px;margin-top:5px}
.st-statusbar{display:flex;gap:15px;align-items:center;justify-content:space-between;border-top:1px solid var(--st-border);padding:10px 22px;font-size:12px;color:#8ea5b4;background:#0b151f;line-height:1.6}.st-statusbar span:first-child{color:#b0c9d4}.st-statusbar a{color:#b3d49b}
.studio-dialog{width:min(860px,calc(100vw - 28px));max-height:90dvh;background:#0e1c28;color:#edf5f7;padding:24px;border:1px solid #4b6476;border-radius:12px;overflow:auto;font:16px Manrope,system-ui,sans-serif}.studio-dialog header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.studio-dialog h2{font-size:25px;font-weight:500;margin:0}.studio-dialog h3{font-size:17px;font-weight:600}.studio-dialog button,.studio-dialog input,.studio-dialog select{font:14px Manrope,system-ui,sans-serif}.studio-dialog .st-close{border:1px solid #496273;border-radius:5px;background:#142836;color:#bdd0dc;font-size:23px;width:34px;height:34px}.studio-dialog p{font-size:15px;line-height:1.7;color:#a9c1ce}.st-preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.st-preset-option{padding:20px;text-align:left;border:1px solid #3b5266;border-radius:8px;background:#132735;color:#edf5f7;min-height:135px}.st-preset-option b{display:block;color:#d0fb81;font-size:19px;font-weight:500;margin:7px 0}.st-preset-option span{font-size:12px;color:#8db1bd}.st-preset-option small{display:block;font-size:14px;line-height:1.6;color:#b4cbd6}.st-periodic-scroll{overflow-x:auto}.st-periodic-grid{display:grid;grid-template-columns:repeat(18,minmax(36px,1fr));grid-template-rows:repeat(9,52px);gap:4px;min-width:740px;margin:16px 0}.st-periodic-grid button{padding:3px;background:#152b36;border:1px solid #476573;border-radius:4px;color:var(--element,#d0fb81);cursor:grab}.st-periodic-grid button b{display:block;font-size:17px;font-weight:500}.st-periodic-grid button small{display:block;font-size:12px;opacity:.6}.st-periodic-grid button.active{background:#304833;border-color:#d0fb81}.st-project-list{display:grid;gap:8px;margin:16px 0}.st-project-choice{display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;background:#152937;border:1px solid #3b5465;border-radius:6px;padding:14px;color:#e5f0f5}.st-project-choice b{font-size:16px;display:block}.st-project-choice small{font-size:12px;color:#92b1c3;display:block;margin-top:5px}.st-file-label{position:relative;overflow:hidden}.st-file-label input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.st-export-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.st-export-grid button{display:block;min-height:105px;text-align:left;background:#152a38;border:1px solid #405b6b;border-radius:7px;color:#d0fb81;padding:17px}.st-export-grid button b{display:block;font-size:16px;font-weight:500}.st-export-grid button small{display:block;font-size:13px;line-height:1.6;color:#abc2d1;margin-top:8px}.st-export-progress{margin-top:14px;font-size:14px;color:#d0fb81;min-height:24px}.st-help-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px}.st-help-grid p{margin:8px 0}.st-help-grid kbd{padding:3px 6px;background:#283f4e;font:12px monospace}
@media(min-width:1650px){.st-workspace{grid-template-columns:225px minmax(0,1fr) 330px}.st-main{padding:22px 25px}.st-pad-editor{grid-template-columns:250px 1fr}.st-visual-card canvas{height:225px}.st-clip{min-height:80px}.st-track-select b{font-size:14px}}
@media(max-width:1250px){.st-workspace{grid-template-columns:minmax(0,1fr) 275px}.st-library{grid-column:1/-1;display:flex;align-items:center;gap:6px;overflow:auto;padding:9px 16px;border-right:0;border-bottom:1px solid var(--st-border)}.st-library>header,.st-library-hint,.st-library-bottom .st-small{display:none}.st-source-card{flex:0 0 auto;width:auto;padding:7px 10px;min-height:42px;margin:0;background:#122330;border-color:#293f4e}.st-source-card small{display:none}.st-source-card>i{font-size:20px;width:20px}.st-source-card b{font-size:12px}.st-library-bottom{display:flex;gap:6px;padding:0 0 0 7px;border:0;margin:0;flex-shrink:0}.st-library-bottom button{margin:0;white-space:nowrap}.st-main{padding:16px 13px}.st-transport{gap:12px}.st-pad-editor{grid-template-columns:190px minmax(0,1fr);gap:12px;padding:12px}.st-pad b{font-size:18px}.st-pad kbd{font-size:12px}.st-pad small{font-size:12px}.st-projectbar{padding:12px 16px}.st-project-actions .st-btn{padding:8px 9px}.st-project-meta .st-tag{display:none}}
@media(max-width:900px){.st-workspace{grid-template-columns:1fr}.st-inspector{display:grid;grid-template-columns:250px minmax(0,1fr);gap:0 20px;border-left:0;border-top:1px solid var(--st-border);padding:18px}.st-visual-card{grid-column:1;grid-row:1/3;align-self:start}.st-inspector-tabs{grid-column:2;margin:0 0 15px}.st-inspector-content{grid-column:2;grid-row:2;min-width:0}.st-knobs{grid-template-columns:repeat(3,1fr)}.st-projectbar{align-items:flex-start}.st-project-actions{max-width:340px;justify-content:flex-end}.studio #stProjectName{width:230px}.st-transport{padding:12px 15px}.st-clock{font-size:17px;padding-left:8px}.st-master{width:90px}.st-nav-note{display:none}.studio-nav{padding:0 14px}.studio-nav button{padding:0 25px}}
@media(max-width:650px){.topbar{grid-template-columns:auto 1fr auto!important;grid-template-rows:65px 44px!important}.topbar .brand{grid-row:1;grid-column:1;justify-content:flex-start}.topbar .top-actions{grid-row:1;grid-column:3;padding-right:10px}.experience-switch{grid-row:1;grid-column:2;margin-left:10px;justify-self:start;gap:1px;padding:2px}.experience-switch button{padding:6px 9px;min-height:33px;font-size:13px}.experience-switch button span{display:none}.brand-name{font-size:12px}.brand-mark{display:none}.studio-nav{grid-row:2;height:44px}.studio-nav button{height:44px;flex:1;font-size:14px;padding:0 12px}.studio-nav .studio-nav-note{display:none}.st-projectbar{flex-direction:column;gap:8px;padding:12px}.st-project-actions{max-width:none;width:100%;justify-content:space-between;gap:5px}.st-project-actions .st-btn{font-size:12px;padding:7px 9px;min-height:34px}.st-project-identity{width:100%}.studio #stProjectName{width:100%;font-size:16px}.st-project-identity>div:last-child{flex:1;min-width:0}.st-transport{gap:11px;padding:12px}.st-transport-group{gap:5px}.studio #stPlay{min-width:80px}.st-clock{margin-left:auto}.st-key-controls{order:2}.st-swing{order:3;width:95px}.st-master{order:4;width:85px}.st-number-field{min-width:60px}.st-number-field>span{font-size:12px}.studio .st-number-field input{width:65px}.st-harmony{font-size:12px}.st-key-controls select{font-size:12px;max-width:105px}.st-main{padding:15px 10px}.st-section-head{gap:7px}.st-section-head h2{font-size:15px}.st-pad-editor{grid-template-columns:1fr}.st-pad-bank{grid-template-columns:repeat(8,1fr);gap:5px}.st-pad{aspect-ratio:.8;min-height:50px;padding:6px 4px}.st-pad b{font-size:18px}.st-pad kbd{display:none}.st-pad small{font-size:12px}.st-step-grid{min-width:480px}.st-pad-utilities{justify-content:flex-start}.st-pattern-toolbar{gap:7px;padding:10px}.st-pattern-actions{margin-left:0}.st-note-property-grid{grid-template-columns:1fr 1fr}.st-inspector{display:block;padding:16px 12px}.st-visual-card{max-width:none}.st-visual-card canvas{height:250px}.st-inspector-tabs{margin-top:13px}.st-knobs{grid-template-columns:repeat(3,1fr)}.st-performance-stage{height:320px}.st-performance-scenes{gap:5px}.st-performance-scenes button{min-height:55px;font-size:12px}.st-statusbar{padding:10px 12px;flex-wrap:wrap;gap:4px}.st-statusbar span:last-child{display:none}.st-preset-grid,.st-export-grid,.st-help-grid{grid-template-columns:1fr}.studio-dialog{padding:18px}.studio-dialog h2{font-size:22px}}
@media(max-width:400px){.brand-name{font-size:11px}.experience-switch{margin-left:5px}.experience-switch button{font-size:12px;padding:5px 7px}.top-actions .narrator-toggle{font-size:10px;padding:5px 6px}.st-pad-bank{grid-template-columns:repeat(4,1fr)}.st-pad{aspect-ratio:1.25}.st-knobs{grid-template-columns:1fr 1fr}}
.st-track-select b,.st-clip .st-clip-name{font-size:14px}.st-source-card b{font-size:14px}
@media(max-width:650px){
  body:not(.studio-active) .topbar{grid-template-rows:65px 44px 44px!important;min-height:153px}
  body:not(.studio-active) .topbar .top-actions{grid-row:3;grid-column:1/-1;justify-content:center;padding:4px 8px}
  body:not(.studio-active) .experience-switch{grid-column:2/4;justify-self:end;margin-right:12px}
  body:not(.studio-active) .source-rail,body:not(.studio-active) .inspector-rail{top:232px;max-height:calc(100dvh - 232px)}
}
.studio-dialog.studio{min-height:0}