/* MIDILAB 6.1 — refined studio surface. Less framing, clearer hierarchy.
   All interaction and audio logic intentionally unchanged. */
body.v4-studio {background:#101115}
body.v4-studio:before {opacity:.38;pointer-events:none}
.v4-studio .studio-intro {padding-top:28px;padding-bottom:24px}
.v4-studio .studio-intro h1 {font-size:clamp(36px,3.7vw,52px)}
.v4-studio .studio-intro p {color:#9ca1b0}
.v4-studio .studio-section {margin:0}
/* Remove the giant framed "app inside an app" */
.v4-studio .studio-window.v4-window {background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
.v4-studio .window-topbar {height:37px;padding:0 2px;background:transparent;border:0;border-bottom:1px solid #2b2e37;margin-bottom:18px}
.v4-studio .window-title {color:#a9abbb;font-size:10px;letter-spacing:.115em}
.v4-studio .session-icon {font-size:12px;color:#a69cff}
.v4-studio .window-version {display:none}
.v4-studio .saved-indicator {font-size:10px;color:#777d90}
.v4-studio .window-help {background:transparent;border:0;border-radius:6px;color:#a3a7b9}
.v4-studio .window-help:hover {background:#272932}
/* Two calm work areas; only one quiet vertical separator */
.v4-studio .studio-layout {grid-template-columns:248px minmax(0,1fr);gap:26px;align-items:start}
.v4-studio .control-panel {border:0;border-right:1px solid #2b2e38;background:transparent;padding:13px 24px 20px 0}
.v4-studio .panel-title {margin-bottom:24px}
.v4-studio .panel-title-icon {width:33px;height:33px;border-radius:8px;background:#252434;border:0;font-size:19px}
.v4-studio .panel-group {border-bottom:0;padding-bottom:0;margin-bottom:23px}
.v4-studio .panel-group.mood-group {background:#1c1c27;border:0;border-radius:9px;padding:13px;margin:2px 0 22px}
.v4-studio .genre {background:#1d1f28;border:1px solid transparent;border-radius:7px}
.v4-studio .genre:not(.active):hover {background:#272a34;border-color:#3e414d}
.v4-studio .genre.active {border:1px solid #7770ba;background:#302d45}
.v4-studio .form-select,.v4-studio .tiny-select {background-color:#20222b;border:1px solid #363a46}
.v4-studio .generator-bottom {padding-top:2px}
.v4-studio .generate-button {border-radius:8px;box-shadow:0 2px 16px #a69aff16}
.v4-studio .workspace {background:transparent;padding:0 0 5px}
.v4-studio .project-head {background:transparent;padding:8px 0 19px}
.v4-studio .project-title-block input {font-size:25px}
.v4-studio .light-button {background:#20222b;border:1px solid transparent}
.v4-studio .light-button:hover {background:#2b2e3a;border-color:#494d5b}
/* Transport as a single muted strip, rather than another rounded card with a stroke */
.v4-studio .transport {margin:0 0 13px;background:#1d2029;border:0;border-radius:9px;padding:10px 14px;box-shadow:inset 0 1px 0 #ffffff07}
.v4-studio .play-button {border-radius:8px}
.v4-studio .tracks {margin:0;padding-top:13px;border-color:#2e313a}
.v4-studio .track-tab.active {border-color:#aca2ff}
/* The piano roll is the single intentional outlined area */
.v4-studio .edit-toolbar.pro-toolbar {margin:0;background:transparent;border:0;border-radius:0;padding:12px 0 13px;gap:8px}
.v4-studio .tool-group {border:0;background:#1c1e27;padding:3px;border-radius:8px}
.v4-studio .tool-toggle {border:0;border-radius:6px}
.v4-studio .tool-toggle.active {background:#35314d;border:0;color:#e1dcff}
.v4-studio .tool-divider {background:#333742}
.v4-studio .zoom-button {border:0;background:#242731}
.v4-studio .roll-outer {margin:0;border:1px solid #303441;border-radius:9px;box-shadow:none;overflow:hidden}
.v4-studio .piano-scroll {height:478px}
.v4-studio .piano-footer {margin:11px 0 30px}
/* Harmony is an inline detail, not a boxed promo */
.v4-studio .harmony-card {margin:0 0 24px;padding:17px 0 15px;background:transparent;border:0;border-top:1px solid #30333d;border-radius:0;box-shadow:none}
.v4-studio .chord-pill {background:#22242e;border:1px solid transparent}
.v4-studio .chord-pill:hover {border-color:#4c496a}
/* Drum rack sits as a section, with its matrix being the only inner surface */
.v4-studio .drum-studio {margin:0 0 27px;background:transparent;border:0;border-top:1px solid #30333d;border-radius:0;padding:26px 0 0;box-shadow:none}
.v4-studio .drum-head h3 {font-size:23px}
.v4-studio .drum-surface {background:#181b23;border:1px solid #2f3340;border-radius:9px;overflow:hidden}
.v4-studio .drum-regenerate {background:#272a37;border-color:transparent}
.v4-studio .drum-regenerate:hover {background:#36394a}
/* Export dock has hierarchy without another thick frame */
.v4-studio .export-panel {margin:0 0 12px;background:#1b1e28;border:0;border-radius:9px;padding:17px 19px;box-shadow:inset 0 1px 0 #ffffff08}
.v4-studio .export-icon {border-radius:7px}
.v4-studio .export-note {margin:0 0 21px}
.v4-studio .pro-end-cta {background:transparent;border:0;border-top:1px solid #282b36;border-radius:0;padding:24px 0;margin:31px 0 24px}
.v4-studio .pro-end-cta a {background:#20222d;border:0}
@media(max-width:1150px){
 .v4-studio .studio-layout {grid-template-columns:218px minmax(0,1fr);gap:18px}
 .v4-studio .control-panel {padding-right:17px}
}
@media(max-width:980px){
 .v4-studio .studio-layout {display:block}
 .v4-studio .control-panel {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 20px;border-right:0;border-bottom:1px solid #2e313a;padding:9px 0 22px;margin-bottom:18px}
 .v4-studio .control-panel .panel-title {grid-column:1/-1;margin:0}
 .v4-studio .control-panel .panel-group {padding:0;margin:0 0 8px}
 .v4-studio .control-panel .switches,.v4-studio .control-panel .generator-bottom {align-self:center}
 .v4-studio .project-head {padding:8px 0 18px}
}
@media(max-width:720px){
 .v4-studio .studio-intro {padding:19px 0 17px}
 .v4-studio .studio-intro h1 {font-size:42px}
 .v4-studio .window-topbar {padding:0 2px;height:34px;margin-bottom:13px}
 .v4-studio .control-panel {grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:4px 0 20px}
 .v4-studio .control-panel .panel-title,.v4-studio .control-panel .panel-group:first-of-type,.v4-studio .control-panel .switches,.v4-studio .control-panel .generator-bottom {grid-column:1/-1}
 .v4-studio .project-head {padding:6px 0 16px}
 .v4-studio .transport,.v4-studio .tracks,.v4-studio .edit-toolbar.pro-toolbar,.v4-studio .roll-outer,.v4-studio .harmony-card,.v4-studio .export-panel,.v4-studio .drum-studio {margin-left:0;margin-right:0}
 .v4-studio .edit-toolbar.pro-toolbar {padding:9px 0}
 .v4-studio .tool-left,.v4-studio .tool-right {gap:5px}
 .v4-studio .piano-footer {margin:9px 0 21px}
 .v4-studio .piano-scroll {height:400px}
 .v4-studio .drum-studio {padding:23px 0 0}
 .v4-studio .pro-end-cta {padding:20px 0}
}
@media(max-width:430px){
 .v4-studio .control-panel {grid-template-columns:repeat(2,minmax(0,1fr))}
 .v4-studio .window-title {font-size:9px}
 .v4-studio .tool-group {gap:0}
}