/* Shared studio finish: readable controls, dimensional hardware, responsive racks. */
.mastering-page,.sage-body{background:#070b10;color:#edf1f5}
.mastering-page .mastering-workspace{width:min(1480px,100%);height:auto!important;min-height:0;margin:auto;padding:24px clamp(12px,2vw,32px) 36px;overflow:visible;box-sizing:border-box}
.mastering-workspace .intro{height:auto;min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:16px}
.mastering-workspace .intro h1{font-size:clamp(24px,3vw,42px);letter-spacing:.12em;line-height:1.15;white-space:normal}
.mastering-workspace .console-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.mastering-workspace .transport,.mastering-workspace .console-rack,.sage-console{border:1px solid #30404f;border-radius:18px;background:linear-gradient(145deg,#15212c,#0b121b 60%);box-shadow:inset 0 1px #ffffff13,0 18px 60px #0006}
.mastering-workspace .transport{height:auto;min-height:82px;padding:14px 18px;margin-bottom:14px;gap:14px}
.mastering-workspace .transport strong,.mastering-workspace #track-name{font-size:16px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mastering-workspace #track-meta{font-size:12px;line-height:1.5}
.mastering-workspace .console-rack{height:auto;min-height:0;padding:16px;overflow:visible}
.mastering-workspace .console-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:16px;height:auto;min-height:0}
.mastering-workspace .console-main,.mastering-workspace .console-rail{min-width:0;height:auto;overflow:visible}
.mastering-workspace .eq-module{padding:14px;border:1px solid #304250;border-radius:12px;background:#080f18}
.mastering-workspace .eq-title{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;min-height:34px;height:auto}
.mastering-workspace .eq-title span{font-size:12px;line-height:1.5;white-space:normal}
.mastering-workspace #eq-curve{width:100%;height:clamp(170px,23vh,280px)}
.mastering-workspace .eq-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.mastering-workspace .console-effects{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;padding:18px 0 0;min-height:0;height:auto}
.mastering-workspace .console-utilities{display:flex;flex-direction:column;gap:10px;grid-column:1;grid-row:1/3;min-width:0}
.mastering-workspace .console-effects .controls-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;min-width:0;padding:0;grid-column:2}
.mastering-workspace .module{min-width:0;height:auto;min-height:0;padding:12px 8px;border:1px solid #293d4c;border-radius:12px;background:linear-gradient(155deg,#1c2a35,#0c141d);overflow:visible}
.mastering-workspace .module-head{font-size:12px;line-height:1.5;min-height:28px;white-space:normal;gap:6px}
.mastering-workspace .module-head small{display:none}
.mastering-workspace .knob,.mastering-workspace .big-knob,.mastering-workspace .focus-knob{width:68px!important;height:68px!important;flex:none;border:1px solid #8a7c5b;box-shadow:0 5px 10px #000b,inset 0 1px #ffe6ad,0 0 0 4px #070d14;touch-action:none}
.mastering-workspace .knob:before{inset:5px;background:conic-gradient(from 30deg,#15212b,#45535d,#0a1119,#34414b,#14202a);box-shadow:inset 0 2px 3px #ffffff44,inset 0 -4px 7px #000}
.mastering-workspace .knob:after{top:8px;height:16px;transform-origin:50% 26px}
.mastering-workspace .knob-value,.mastering-workspace .focus-label-row b{font-size:14px!important;line-height:1.5;margin-top:8px;font-variant-numeric:tabular-nums;white-space:nowrap}
.mastering-workspace .knob-label,.mastering-workspace .focus-name{font-size:12px!important;line-height:1.4;min-height:32px;white-space:normal;overflow-wrap:normal}
.mastering-workspace .console-effects>.focus-panel{grid-column:2;grid-row:2;margin:0;padding:12px;border:1px solid #293d4c;border-radius:12px;height:auto;overflow:visible}
.mastering-workspace .focus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mastering-workspace .focus-control{min-height:130px;height:auto;padding:8px;overflow:visible}
.mastering-workspace .focus-heading h2{font-size:14px;line-height:1.4}
.mastering-workspace .focus-note,.mastering-workspace .loudness-note{font-size:12px;line-height:1.5;color:#a8b7c5}
.mastering-workspace .instrument-title{font-size:13px;line-height:1.5;letter-spacing:.08em}
.mastering-workspace .loudness-readout strong{font-size:clamp(16px,2vw,24px);line-height:1.4;white-space:nowrap}
.mastering-workspace .loudness-readout span,.mastering-workspace .correlation-top span{font-size:12px;line-height:1.5;white-space:normal}
.mastering-workspace .match-card-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.mastering-workspace .target-control{min-width:110px;flex-shrink:0}
.mastering-workspace select{font-size:14px;min-height:40px;max-width:100%}
.mastering-workspace button,.mastering-workspace .load-button,.mastering-workspace .render-button,.sage-actions button,.sage-load{min-height:44px;font-size:14px;line-height:1.3;white-space:normal;border-radius:8px}
.mastering-workspace .rack-bottom{height:auto;min-height:60px;display:flex;flex-wrap:wrap;gap:12px;padding-top:16px}
.mastering-workspace .rack-bottom .check-control{font-size:13px}
.mastering-workspace .render-button{background:linear-gradient(135deg,#f7df9c,#c8a65f);color:#14120b;font-weight:700;padding:12px 22px}
.mastering-workspace :focus-visible,.sage-console :focus-visible{outline:2px solid #87e7e1;outline-offset:4px}
.sage-page{padding:102px 16px 32px}.sage-console{max-width:1080px;margin:auto;overflow:hidden}
.sage-titlebar{padding:22px;min-height:96px;gap:16px;background:linear-gradient(110deg,#142c25,#0c151b)}
.sage-branding p,.sage-branding>span,.sage-engine{font-size:12px;line-height:1.4}
.sage-branding h1{font-size:42px;line-height:1.1}
.sage-surface{aspect-ratio:auto;min-height:420px;background:radial-gradient(ellipse at 50% 25%,#153d31,#09141c 65%);display:grid;grid-template-columns:1fr;justify-items:center;padding:30px 20px 24px;gap:20px;isolation:isolate}
.sage-reference{opacity:.1;filter:blur(2px) saturate(.6);pointer-events:none}
.sage-mode-pill{position:relative;inset:auto;font-size:12px;padding:9px 14px}
.sage-macro{position:relative;left:auto;top:auto;transform:none;width:240px;height:280px;aspect-ratio:auto}
.sage-knob-shell{inset:0 0 40px}
.sage-knob{width:70%}
.sage-amount{top:auto;bottom:0;font-size:14px}.sage-amount strong{font-size:28px}.sage-amount span{font-size:12px}
.sage-macro>p{display:none}
.sage-dimension-readouts{position:relative;inset:auto;width:min(600px,100%);gap:16px}
.sage-dimension-readouts article{padding:12px;border:1px solid #48655b;border-radius:12px;background:#091710cc}
.sage-dimension-readouts span{font-size:12px;letter-spacing:.15em}.sage-dimension-readouts strong{font-size:18px;border:0;background:none;padding:4px;min-width:0}
.sage-actions{padding:18px;gap:12px;flex-wrap:wrap}.sage-info{width:100%}.sage-info span{font-size:13px}.sage-info small{font-size:14px;line-height:1.5;color:#a4beb2}
.sage-track strong{font-size:16px}.sage-track small{font-size:12px}.sage-timeline div{font-size:12px}.sage-load{font-size:14px}
.sage-reset{border:1px solid #557969;background:#15271e;color:#c5eedb;padding:10px 18px}
button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:1000px){.mastering-workspace .console-layout{grid-template-columns:1fr}.mastering-workspace .console-rail{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mastering-workspace .console-rail-heading{grid-column:1/-1}.mastering-workspace .stereo-output-meter{display:none}.mastering-workspace .console-effects .controls-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){
 .mastering-page .mastering-workspace{padding:16px 10px 28px}.mastering-workspace .console-rack{padding:10px}
 .mastering-workspace .intro{display:block}.mastering-workspace .console-toolbar{margin-top:14px}.mastering-workspace .console-toolbar .status{width:100%}
 .mastering-workspace .transport{display:flex;flex-wrap:wrap;padding:12px}.mastering-workspace .transport .load-button{margin-left:auto;padding:10px 12px;font-size:14px}
 .mastering-workspace .eq-controls{gap:6px}.mastering-workspace .eq-controls .control{display:flex;flex-direction:column;gap:4px}.mastering-workspace .eq-controls .module{padding:8px 4px}
 .mastering-workspace .console-effects{grid-template-columns:1fr;gap:12px}.mastering-workspace .console-utilities{grid-column:1;grid-row:auto;flex-direction:row;flex-wrap:wrap}.mastering-workspace .console-utilities>*{flex:1}
 .mastering-workspace .console-effects .controls-grid{grid-column:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mastering-workspace .console-effects>.focus-panel{grid-column:1;grid-row:auto}
 .mastering-workspace .console-rail{display:flex;flex-direction:column;gap:10px}.mastering-workspace .metering-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .mastering-workspace .phone-settings{font-size:14px;padding:12px}.mastering-workspace .phone-settings-grid{gap:12px}.mastering-workspace .phone-settings .module-head{font-size:12px}
 .mastering-workspace .rack-bottom .render-button{font-size:14px;flex:1}.mastering-workspace .focus-grid{gap:4px}.mastering-workspace .focus-control{padding:4px;min-height:130px}
 .mastering-workspace .focus-note{display:block}.mastering-workspace .focus-name{min-height:38px}.mastering-workspace .eq-title>span:last-of-type{display:none}
 .sage-page{padding:88px 10px 24px}.sage-titlebar{padding:16px;flex-wrap:wrap}.sage-engine span{display:inline}.sage-branding p{display:block;font-size:12px;white-space:normal}.sage-surface{min-height:400px;padding-inline:12px}.sage-dimension-readouts{gap:8px}.sage-dimension-readouts article{padding:10px 4px}.sage-load span{display:inline}.sage-load{max-width:130px}.sage-track small{max-width:180px}.sage-actions button{flex:1}.sage-info span{font-size:12px}.sage-info small{font-size:14px}
}
.mastering-workspace .module-power,.mastering-workspace .info-button{min-height:24px;width:24px;padding:0;flex:none;font-size:12px}
.mastering-workspace .module-head>span{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:3px;line-height:1.4}
.mastering-workspace .status,.mastering-workspace .analysis-state,.mastering-workspace .match-status{font-size:12px;line-height:1.5;white-space:normal}
.mastering-workspace .solo-control,.mastering-workspace .glue-area,.mastering-workspace .exciter-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}
.mastering-workspace .console-main .eq-controls .knob:after{transform-origin:50% 26px}