/* V27.00I — final-mix controls form one stable, readable decision flow. */
.creator-audio-studio__fader-preferences{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel2)}
.creator-audio-studio__fader-preferences>label{display:flex;align-items:center;gap:10px;margin:0;min-height:48px;font-size:.8rem}
.creator-audio-studio__fader-preferences select{min-height:48px;min-width:126px;margin:0}
.creator-audio-studio__fader-preferences .creator-audio-studio__fine{padding:0 12px;border:1px solid var(--line);border-radius:10px;cursor:pointer}
.creator-audio-studio__fine input{width:20px;height:20px;margin:0}
.creator-audio-studio__fader-preferences>small{flex:1 1 220px;font-size:.7rem;line-height:1.5;color:var(--muted)}
.creator-audio-studio[data-audio-studio] input[type="range"]{box-sizing:border-box;min-width:44px;min-height:48px;height:48px;writing-mode:horizontal-tb;direction:ltr}
.creator-audio-studio[data-audio-studio] input[data-performance-fader]{appearance:none;padding:0!important;border:1px solid var(--line)!important;border-radius:8px;background:linear-gradient(var(--muted),var(--muted)) var(--performance-detent-x,50%) center/2px 22px no-repeat,linear-gradient(var(--line),var(--line)) center/calc(100% - 28px) 6px no-repeat!important;background-origin:border-box!important;touch-action:none;filter:none;cursor:grab}
.creator-audio-studio[data-audio-studio] input[data-performance-fader]::-webkit-slider-runnable-track{height:28px;border:0;background:transparent}
.creator-audio-studio[data-audio-studio] input[data-performance-fader]::-webkit-slider-thumb{appearance:none;width:28px;height:28px;margin:0;border:2px solid var(--panel);border-radius:7px;background:var(--accent);box-shadow:0 1px 4px #0007;transform:none}
.creator-audio-studio[data-audio-studio] input[data-performance-fader]::-moz-range-track,.creator-audio-studio[data-audio-studio] input[data-performance-fader]::-moz-range-progress{height:28px;border:0;background:transparent}
.creator-audio-studio[data-audio-studio] input[data-performance-fader]::-moz-range-thumb{box-sizing:border-box;width:28px;height:28px;border:2px solid var(--panel);border-radius:7px;background:var(--accent);box-shadow:0 1px 4px #0007}
.creator-audio-studio[data-audio-studio] input[data-performance-dragging]{border-color:var(--accent)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 36%,transparent)!important;cursor:grabbing}
.creator-audio-studio[data-performance-orientation="vertical"] .creator-audio-clip__mix{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
.creator-audio-studio[data-performance-orientation="vertical"] .creator-audio-studio__timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:12px;align-items:start}
.creator-audio-studio[data-performance-orientation="vertical"] .creator-audio-fader{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:0}
.creator-audio-studio[data-performance-orientation="vertical"] .creator-audio-fader>span{display:grid;grid-template-columns:1fr;gap:4px;min-height:45px;text-align:center;font-size:.68rem}
.creator-audio-studio[data-performance-orientation="vertical"] .creator-audio-fader--pan{grid-column:1/-1}
.creator-audio-studio[data-performance-orientation="vertical"] .creator-audio-clip__mix>.creator-audio-clip__control:not(.creator-audio-fader):not(.creator-audio-fader--pan){grid-column:span 2}
.creator-audio-studio[data-performance-orientation="vertical"] .creator-audio-studio__master-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch}
.creator-audio-studio[data-performance-orientation="vertical"] .creator-audio-studio__master-grid>label:not(.creator-audio-studio__check){display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;min-width:0;font-size:.68rem}
.creator-audio-studio[data-performance-orientation="vertical"] .creator-audio-studio__master-grid>.creator-audio-studio__check{grid-column:1/-1;min-height:44px}
.creator-audio-studio[data-performance-orientation="vertical"] input[data-performance-orient="true"]{width:48px;height:164px;min-height:164px;margin:auto auto 0;writing-mode:vertical-lr;direction:rtl;background-position:center var(--performance-detent-y,50%),center!important;background-size:22px 2px,6px calc(100% - 28px)!important;cursor:ns-resize}
.creator-audio-studio[data-performance-orientation="vertical"] input[data-performance-orient="true"]::-webkit-slider-runnable-track{width:28px;height:100%}
.creator-audio-studio[data-performance-orientation="vertical"] input[data-performance-orient="true"]::-moz-range-track,.creator-audio-studio[data-performance-orientation="vertical"] input[data-performance-orient="true"]::-moz-range-progress{width:28px;height:100%}
@media(max-width:560px){.creator-audio-studio__fader-preferences{gap:8px}.creator-audio-studio__fader-preferences>label{width:100%;justify-content:space-between}.creator-audio-studio__fader-preferences .creator-audio-studio__fine{justify-content:flex-start}.creator-audio-studio[data-performance-orientation="vertical"] .creator-audio-studio__master-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.creator-audio-studio[data-performance-orientation="vertical"] .creator-audio-clip__mix{gap:6px}.creator-audio-studio[data-performance-orientation="vertical"] input[data-performance-orient="true"]{height:148px;min-height:148px}}
.creator-audio-studio__render{display:grid!important;grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "export" "compare";align-items:stretch;justify-content:stretch;gap:14px;width:100%;padding:18px}
.creator-audio-studio__render>div{min-width:0}
.creator-audio-studio__render-intro{grid-area:intro;display:grid!important;grid-template-columns:max-content minmax(0,1fr);align-items:baseline;gap:5px 14px;min-width:0;padding:2px 0}
.creator-audio-studio__render-intro .eyebrow{grid-row:1/3;align-self:start;margin:3px 0 0;color:var(--accent);font-size:.58rem}
.creator-audio-studio__render-intro strong{font-size:.88rem;line-height:1.35;overflow-wrap:anywhere}
.creator-audio-studio__render-intro small{max-width:82ch;font-size:.65rem;line-height:1.5}
.creator-audio-studio__export{grid-area:export;display:grid!important;grid-template-columns:minmax(260px,1fr) auto;align-items:end;gap:10px;padding:13px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--panel2) 74%,transparent)}
.creator-audio-studio__export label{display:grid!important;gap:5px;min-width:0;margin:0}.creator-audio-studio__export label>span{display:block;font-size:.63rem}.creator-audio-studio__export select{width:100%;min-width:0;margin:0}.creator-audio-studio__export .button{min-height:40px;white-space:nowrap}
.creator-audio-format-compare{grid-area:compare;display:grid!important;flex:none!important;gap:10px;min-width:0;width:100%;padding-top:14px;border-top:1px solid var(--line)}
.creator-audio-format-compare__heading{display:flex!important;align-items:baseline;justify-content:space-between;gap:14px}.creator-audio-format-compare__heading strong{font-size:.74rem}.creator-audio-format-compare__heading small{max-width:58ch;text-align:right;font-size:.62rem}
.creator-audio-format-sizes{display:grid!important;flex:none!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;padding:0;border:0}
.creator-audio-format-sizes>button,.creator-audio-format-sizes>span{display:grid;align-content:start;gap:5px;min-width:0;min-height:72px;padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel2) 72%,transparent);color:var(--text);box-shadow:none;text-align:left}
/* Format choices are semantic buttons, but must not inherit the tenant's decorative
   button gradient or accent-colored text. Keep every state on one contrast-safe surface. */
.creator-audio-draft .creator-audio-format-sizes>button,.creator-audio-draft .creator-audio-format-sizes>span{border-color:color-mix(in srgb,var(--text) 18%,var(--line))!important;background:color-mix(in srgb,var(--panel2) 88%,#100b16 12%)!important;color:#fff9fd!important;-webkit-text-fill-color:#fff9fd!important;box-shadow:none!important;filter:none!important}
.creator-audio-draft .creator-audio-format-sizes>button{cursor:pointer;transition:border-color .15s ease,background-color .15s ease,transform .15s ease}
.creator-audio-draft .creator-audio-format-sizes>button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 72%,#fff 28%)!important;background:color-mix(in srgb,var(--panel2) 78%,var(--accent) 22%)!important}
.creator-audio-draft .creator-audio-format-sizes>button:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 68%,#fff 32%)!important;outline-offset:2px}
.creator-audio-draft .creator-audio-format-sizes>button.is-selected{border-color:color-mix(in srgb,var(--accent) 68%,#fff 32%)!important;background:color-mix(in srgb,var(--panel2) 76%,var(--accent) 24%)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 38%,transparent) inset!important}
.creator-audio-draft .creator-audio-format-sizes>button.is-selected:after{content:'Selected';justify-self:start;padding:3px 7px;border-radius:999px;background:#f3bdd5!important;color:#261522!important;-webkit-text-fill-color:#261522!important;font-size:.48rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.creator-audio-format-sizes strong{min-width:0;font-size:.66rem!important;line-height:1.35;overflow-wrap:anywhere}.creator-audio-format-sizes small{font-size:.62rem!important;line-height:1.3}
.creator-audio-draft .creator-audio-format-sizes strong{color:#fff9fd!important;-webkit-text-fill-color:#fff9fd!important}.creator-audio-draft .creator-audio-format-sizes small{color:#ded2dd!important;-webkit-text-fill-color:#ded2dd!important}
@media(max-width:820px){.creator-audio-format-sizes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.creator-audio-studio__render{gap:13px;padding:14px}.creator-audio-studio__render-intro{grid-template-columns:1fr;gap:4px}.creator-audio-studio__render-intro .eyebrow{grid-row:auto;margin:0}.creator-audio-studio__export{grid-template-columns:1fr}.creator-audio-studio__export .button{width:100%}.creator-audio-format-compare__heading{display:grid!important;gap:3px}.creator-audio-format-compare__heading small{max-width:none;text-align:left}.creator-audio-format-sizes{grid-template-columns:1fr}.creator-audio-format-sizes>button,.creator-audio-format-sizes>span{min-height:60px}}