@import url('./mix-core.css?v=3');
@import url('./mix-unique.css?v=1');
@import url('./mix-techno-eq-skin.css?v=100');

.daw-header{grid-template-columns:minmax(310px,1fr) clamp(220px,24vw,340px) minmax(210px,1fr)}
.program-brand{justify-self:center;position:relative;width:100%;height:58px;overflow:hidden;isolation:isolate;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.program-brand img{display:block;width:100%;height:auto;transform:translateY(-39%);mix-blend-mode:screen;filter:drop-shadow(0 0 10px #c6ff3d38);pointer-events:none}
@media(max-width:1100px){.daw-header{grid-template-columns:minmax(280px,1fr) 220px auto}.program-brand{height:48px}}
@media(max-width:880px){.daw-header{grid-template-columns:1fr}.program-brand{grid-row:1;justify-self:center;width:min(360px,88vw);height:58px}.brand-lockup{grid-row:2}.model-stack{grid-row:3}}


/* Compact console layout
   Reclaims empty rack space without removing or hiding any control. */
body.mix-page .module-shell{margin-top:5px}
body.mix-page .module-heading{min-height:31px;padding:6px 9px}
body.mix-page .mix-workspace,
body.mix-page .mixer,
body.mix-page .right-rack,
body.mix-page .right-rack>*,
body.mix-page .master>*{min-width:0}
body.mix-page .right-rack>*{width:auto}
body.mix-page .analysis-grid{gap:5px}
body.mix-page .canvas-frame canvas{height:160px}
body.mix-page .matrix-wrap{min-height:176px}
body.mix-page .dna-body{padding:7px}
body.mix-page .dna-scene,
body.mix-page .dna-morph-core{min-height:98px;padding:9px}
body.mix-page .dna-project-bar{margin-top:6px;padding:5px}
body.mix-page .editor-body{padding:7px}

@media(min-width:721px){
  body.mix-page .master{
    display:grid;
    grid-template-columns:minmax(210px,.72fr) minmax(300px,1.28fr);
    align-content:start
  }
  body.mix-page .master>.module-heading{grid-column:1/-1}
  body.mix-page .master-body{grid-column:1;grid-row:2;padding:6px}
  body.mix-page .master-stats{grid-column:1;grid-row:3;padding:0 6px}
  body.mix-page .master-controls{grid-column:1;grid-row:4;grid-template-columns:minmax(0,1fr) 96px;padding:5px 6px 7px}
  body.mix-page .realtime-preview{grid-column:2;grid-row:2/span 3;margin:6px 6px 0 0;min-width:0}
  body.mix-page .master-delivery{grid-column:1/-1;grid-row:5;min-width:0}
  body.mix-page .realtime-controls,
  body.mix-page .realtime-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  body.mix-page .master-delivery-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
  body.mix-page .master-delivery-switches{flex-wrap:wrap}
  body.mix-page .master-delivery-actions{grid-template-columns:minmax(190px,.7fr) minmax(0,1fr)!important}
}

@media(min-width:881px){
  body.mix-page{padding:48px 10px 28px}
  body.mix-page .mix-daw{padding:11px}
  body.mix-page .daw-header{padding:7px 13px;gap:10px}
  body.mix-page .program-brand{height:44px}
  body.mix-page .brand-lockup h1{font-size:clamp(25px,2.5vw,36px)}
  body.mix-page .hardware-strip{padding:5px 8px;gap:6px}
  body.mix-page .power-button{width:32px;height:32px}
  body.mix-page .engine-runtime{gap:5px;margin:5px 0 0;padding:6px}
  body.mix-page .engine-runtime-title{min-width:0;padding:0 7px}
  body.mix-page .engine-runtime-cell{min-height:36px;padding:4px 7px}
  body.mix-page .engine-runtime .metal-button{min-width:0;padding-inline:7px}
  body.mix-page .engine-privacy{grid-column:1/-1;min-width:0;padding:4px 7px}
  body.mix-page .engine-report{margin:4px 0 5px;padding:5px 8px}
  body.mix-page .input-content{padding:7px;gap:6px}
  body.mix-page .drop-input{min-height:45px}
  body.mix-page .arranger-heading{min-height:36px;height:36px;padding:4px 9px}
  body.mix-page .arranger-meta label{padding:2px 6px}
  body.mix-page .transport-bar{min-height:42px;padding:5px 7px;gap:5px}
  body.mix-page .transport-button{min-height:30px}
  body.mix-page .arranger-body{height:286px;min-height:286px;grid-template-columns:138px minmax(0,1fr)}
  body.mix-page .lane-labels{padding-top:26px}
  body.mix-page .lane-label{height:32.5px;padding:0 6px}
  body.mix-page .timeline-inner{height:284px}
  body.mix-page .timeline-ruler{height:26px}
  body.mix-page .timeline-lanes{height:258px}
  body.mix-page .timeline-lane{height:32.25px}
  body.mix-page .timeline-lane canvas{height:31.25px}
  body.mix-page .mix-workspace{grid-template-columns:1fr;gap:5px}
  body.mix-page .right-rack{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:5px}
  body.mix-page .right-rack .module-shell{margin-top:0}
  body.mix-page .mixer-rack{min-height:350px;padding:7px;gap:3px}
  body.mix-page .channel-strip{min-width:104px;padding:5px}
  body.mix-page .channel-head{height:43px;padding-top:5px}
  body.mix-page .channel-meter-fader{height:142px}
  body.mix-page .fader-slot input{width:112px}
  body.mix-page .diagnosis-body{
    display:grid;
    grid-template-columns:130px minmax(0,1fr);
    gap:6px;
    align-items:center;
    padding:7px
  }
  body.mix-page .score-ring{width:120px;height:120px;grid-row:1/span 3}
  body.mix-page .score-ring strong{font-size:32px}
  body.mix-page .diagnosis-grid,
  body.mix-page .style-selector,
  body.mix-page .assist-controls{margin-top:0}
}

@media(min-width:1101px){
  body.mix-page .engine-runtime{
    grid-template-columns:140px repeat(4,minmax(88px,1fr)) 130px 155px
  }
}

@media(min-width:881px) and (max-width:1100px){
  body.mix-page .arranger-body{height:302px;min-height:302px}
  body.mix-page .timeline-inner{height:300px}
  body.mix-page .timeline-lanes{height:274px}
  body.mix-page .lane-label{height:34.5px}
  body.mix-page .timeline-lane{height:34.25px}
  body.mix-page .timeline-lane canvas{height:33.25px}
}

@media(max-width:880px){
  body.mix-page .program-brand{height:48px}
  body.mix-page .arranger-body{height:294px;min-height:294px}
  body.mix-page .lane-labels{padding-top:26px}
  body.mix-page .lane-label{height:33.5px}
  body.mix-page .timeline-inner{height:292px}
  body.mix-page .timeline-ruler{height:26px}
  body.mix-page .timeline-lanes{height:266px}
  body.mix-page .timeline-lane{height:33.25px}
  body.mix-page .timeline-lane canvas{height:32.25px}
  body.mix-page .mixer-rack{min-height:350px}
  body.mix-page .channel-meter-fader{height:148px}
}