@layer components{.stage__visual,.instrument{margin:0;min-width:0}:not(.stage)>.instrument{border:1px solid rgba(245,242,236,.1)}.screen-frame{margin:0}.stage__visual--screen,.screen-frame{padding:8px;border-radius:calc(var(--radius-sm) + 8px);background:linear-gradient(165deg,var(--ground-console),#100F0D 62%);box-shadow:inset 0 1px #ffffff1a,0 2px 3px #14120e38,0 30px 50px -30px #14120e8c;rotate:var(--_tilt, 0deg)}.stage__visual--screen img,.screen-frame img{display:block;width:100%;height:auto;aspect-ratio:29 / 20;object-fit:cover;object-position:50% 0;border-radius:var(--radius-sm)}.stage__visual--readout,.stage__visual--diagram,.instrument{--text: #F5F2EC;--text-body: #E2DCD1;--text-muted: #A79F92;--lamp: #E9A13C;--film-4: rgba(245, 242, 236, .04);--film-8: rgba(245, 242, 236, .08);--film-16: rgba(245, 242, 236, .16);--film-32: rgba(245, 242, 236, .32);--border-control: rgba(245, 242, 236, .42);padding:18px 20px 20px;border-radius:var(--radius-sharp);background-color:#100f0d;color:var(--text);box-shadow:inset 0 1px #ffffff12,0 30px 50px -34px #14120e99}.stage__visual figcaption,.instrument figcaption{margin-bottom:14px;color:var(--text-muted);font-size:12.5px}.readout{display:grid;margin:0}.readout>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:12px;padding:11px 0;border-top:1px solid var(--film-8)}.readout dt{color:var(--text-body);font-size:14px}.readout dd{margin:0;font-family:var(--font-mono);font-size:20px;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.readout small,.qc-checks small{margin-left:4px;color:var(--text-muted);font-size:.62em;letter-spacing:0}.qc-checks{width:100%;border-collapse:collapse;font-size:14px}.qc-checks th{padding:0 0 8px;color:var(--text-muted);font-size:12px;font-weight:500;text-align:left}.qc-checks td{padding:11px 12px 11px 0;border-top:1px solid var(--film-8);color:var(--text-body)}.qc-checks td.n{font-family:var(--font-mono);font-size:16px;font-variant-numeric:tabular-nums;color:var(--text);white-space:nowrap}.qc-checks .is-held{color:var(--lamp);font-weight:600}.tonal{display:block;width:100%;height:auto;overflow:visible}.tonal__grid{stroke:var(--film-8);stroke-width:1}.tonal__axis{fill:var(--text-muted);font-family:var(--font-mono);font-size:14px}.tonal__mix{fill:none;stroke:var(--cool);stroke-width:2.5;stroke-dasharray:6 5}.tonal__ref{fill:none;stroke:var(--text-body);stroke-width:14;stroke-opacity:.42;stroke-linecap:round}.tonal__out{fill:none;stroke:var(--lamp);stroke-width:3}.tonal-key{display:flex;flex-wrap:wrap;gap:6px 18px;margin:12px 0 0;padding:0;list-style:none;color:var(--text-body);font-size:13px}.tonal-key li{display:inline-flex;align-items:center;gap:8px}.tonal-key li:before{content:"";width:18px;height:3px;border-radius:2px;background:var(--_key)}.tonal-key__mix{--_key: var(--cool)}.tonal-key__ref{--_key: rgba(226, 220, 209, .35)}.tonal-key__ref:before{height:8px}.tonal-key__out{--_key: var(--lamp)}.meter-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name  value" "track track" "note  note";align-items:baseline;gap:9px 12px;padding:13px 0;border-top:1px solid var(--film-8)}.meter-row--loudness{--_level: 68.57%;--_mark: 78.57%}.meter-row--peak{--_level: 99.17%;--_mark: 99.17%}.meter-row__name{grid-area:name;color:var(--text-body);font-size:14px}.meter-row__value{grid-area:value;font-family:var(--font-mono);font-size:20px;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.meter-row__value small{margin-left:4px;color:var(--text-muted);font-size:.62em;letter-spacing:0}.meter-row__track{grid-area:track;position:relative;height:10px;border:1px solid var(--border-control)}.meter-row__fill{position:absolute;inset:0 auto 0 0;width:var(--_level);background-color:var(--arc)}.meter-row__short{position:absolute;top:0;bottom:0;left:var(--_level);width:calc(var(--_mark) - var(--_level));background:repeating-linear-gradient(135deg,rgba(81,188,255,.6) 0 3px,transparent 3px 7px)}.meter-row__mark{position:absolute;top:-5px;bottom:-5px;left:var(--_mark);width:2px;background-color:var(--lamp)}.meter-row--peak .meter-row__mark{background-color:var(--text)}.meter-row__note{grid-area:note;color:var(--text-muted);font-size:13px}.meter-row__note strong{color:var(--text);font-weight:600}.search{display:block;width:100%;height:auto;overflow:visible}.search__target{stroke:var(--lamp);stroke-width:1.5;stroke-dasharray:5 5}.search__ceiling{fill:#f5f2ec0f}.search__path{fill:none;stroke:var(--trace-mix);stroke-width:1.5}.search__dot{fill:var(--cool)}.search__dot--over{fill:none;stroke:var(--cool);stroke-width:2}.search__kept{fill:none;stroke:var(--lamp);stroke-width:2.5}.search__label{fill:var(--text-muted);font-size:14px}.search__label--kept{fill:var(--lamp);font-weight:600}.stage:not(.card--sand) :is(.stage__visual--readout,.stage__visual--diagram){border:1px solid rgba(245,242,236,.1)}.screen-frame:not(.stage__visual) img{aspect-ratio:auto;object-fit:fill}.figure-inline{max-width:640px;margin:30px 0}.readout--status dd{font-family:var(--font);font-size:15px;font-weight:600;letter-spacing:0}.readout--status dd.is-on{color:var(--lamp)}.readout--status dd.is-off{color:var(--text-muted)}.meter-row__band{position:absolute;top:-5px;bottom:-5px;left:var(--_band-from);width:calc(var(--_band-to) - var(--_band-from));border:1px dashed var(--text-muted)}.mini{display:block;width:100%;height:auto;margin:0 0 18px;overflow:visible}.mini__base{stroke:var(--film-16);stroke-width:1;fill:none}.mini__dash{stroke:var(--film-16);stroke-width:1;stroke-dasharray:4 4;fill:none}.mini__curve{stroke:var(--lamp);stroke-width:2.5;fill:none;stroke-linecap:round}.mini__gate{stroke:var(--lamp);stroke-width:1.5;stroke-dasharray:5 4}.mini__bar{fill:var(--text-body)}.mini__bar--out{fill:none;stroke:var(--text-muted);stroke-width:1.25}.mini__bracket{stroke:var(--text-body);stroke-width:1.5;fill:none}.mini__dot{fill:var(--lamp)}.mini__text{fill:var(--text-muted);font-size:12px}.mini__text--strong{fill:var(--text);font-weight:600}.mini__text--gate{fill:var(--lamp)}.card--sand :is(.mini__base,.mini__dash){stroke:var(--sand-film)}.stage__more{min-width:0}@media(min-width:1000px){.stages.stages--visual>.stage{grid-template-columns:auto minmax(0,1fr) minmax(0,1.08fr);grid-template-rows:auto 1fr auto;column-gap:clamp(22px,3vw,44px);align-items:start}.stages.stages--visual>.stage:after{grid-row:1 / span 2}.stages.stages--visual .stage__body{grid-column:2;grid-row:1}.stages.stages--visual .stage__facts{grid-column:2;grid-row:2;align-self:end;flex-direction:row;flex-wrap:wrap;gap:8px 28px;padding:14px 0 0;border-left:0;border-top:1px solid var(--sand-film)}.stages.stages--visual .stage__visual{grid-column:3;grid-row:1 / span 2;align-self:center}.stages.stages--visual .stage__more{grid-column:2 / -1;grid-row:3}.stages.stages--visual>.stage:nth-child(odd){--_tilt: -1deg}.stages.stages--visual>.stage:nth-child(2n){--_tilt: .8deg}}@media(min-width:701px)and (max-width:999px){.stages.stages--visual .stage__visual,.stages.stages--visual .stage__more{grid-column:2}}@media(max-width:700px){.tonal__axis,.search__label{font-size:20px}.stages.stages--visual .stage__visual{grid-row:4;grid-column:1}.stages.stages--visual .stage__more{grid-row:5;grid-column:1}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){:where(html.js:not([data-motion=off])) .stages--visual .stage__visual{animation:how-rise linear both;animation-timeline:view();animation-range:entry 0% cover 30%}}}@keyframes how-rise{0%{translate:0 40px}to{translate:0 0}}.measure-showcase{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,56px);margin-top:36px}.measure-showcase__screen{margin:0;padding:9px;border-radius:calc(var(--radius-sm) + 9px);background:linear-gradient(165deg,var(--ground-console),#100F0D 62%);box-shadow:inset 0 1px #ffffff1a,0 40px 70px -40px #000c;rotate:-.75deg}.measure-showcase__screen img{display:block;width:100%;height:auto;border-radius:var(--radius-sm)}.measure-showcase__screen figcaption{padding:12px 6px 4px;color:var(--text-muted);font-size:13px}.measure-showcase .measure-pair{display:grid;gap:16px}.measure-showcase .measure-card{min-height:0;background-color:var(--ground-console);background-image:none;box-shadow:inset 0 3px 0 var(--_edge, var(--film-16))}.measure-showcase .measure-card--mix{--_edge: var(--cool)}.measure-showcase .measure-card--master{--_edge: var(--lamp)}@media(max-width:900px){.measure-showcase{grid-template-columns:minmax(0,1fr)}.measure-showcase__screen{rotate:0deg}}.specs--sheet{gap:0;padding:clamp(8px,1vw,12px);border:1px solid var(--film-8);border-radius:var(--radius);background-color:var(--ground-console)}.specs--sheet>.spec{padding:clamp(20px,2.4vw,30px);border:0;border-radius:0;background:none;box-shadow:none}.specs--sheet>.spec+.spec{border-left:1px solid var(--film-8)}.specs--sheet>.spec:before{display:none}.specs--sheet>.spec .label{color:var(--_edge, var(--text-muted))}.specs--sheet>.spec--input{--_edge: var(--arc)}.specs--sheet>.spec--output{--_edge: var(--lamp)}.specs--sheet>.spec--reference{--_edge: var(--text-body)}@media(max-width:900px){.specs--sheet>.spec+.spec{border-left:0;border-top:1px solid var(--film-8)}}}