@font-face{font-family:Jura;src:url(/fonts/Jura-Variable.ttf)format("truetype");font-style:normal;font-weight:300 700;font-display:swap}:root{font:18px/1.45 var(--toolbar-font,"Jura", Arial, sans-serif);letter-spacing:.18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--toolbar-text);background:var(--page-background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit}html,body{width:100%;height:100%;overflow:hidden}body{background:repeating-linear-gradient(0deg, transparent 0 3px, #8ae8ff24 4px), radial-gradient(circle at 50% 0, #204a72 0, #0b1829 45%, var(--page-background) 100%);margin:0}#root{width:100%;height:100dvh;height:var(--room-visible-height,100dvh);padding:max(var(--room-page-gutter), env(safe-area-inset-top)) max(var(--room-page-gutter), env(safe-area-inset-right)) max(var(--room-badge-clearance), calc(env(safe-area-inset-bottom) + var(--room-page-gutter)), calc(env(safe-area-inset-bottom) + var(--github-icon-size) + var(--github-icon-inset))) max(var(--room-page-gutter), env(safe-area-inset-left));box-sizing:border-box;text-align:center}@media (width>=901px) and (pointer:fine),(width>=1101px){#root{place-items:center;display:grid}}h1,h2{font-family:var(--toolbar-font);color:var(--toolbar-heading)}p{margin:0}.mix-room .mix-room__masthead{padding-right:150px}.account-access{z-index:12;color:#e6faff;cursor:pointer;background:#112b41;border:1px solid #65cddd;border-radius:3px;justify-content:center;align-items:center;gap:8px;max-width:130px;min-height:36px;padding:7px 10px;font-size:13px;display:inline-flex;position:absolute;top:19px;right:18px}.account-access svg{flex:none;width:16px;height:16px}.account-access[hidden]{display:none}.account-announcement{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.account-dialog{color:#e6f3fa;text-align:left;width:min(420px,100vw - 24px);max-height:calc(100dvh - 24px);font:16px/1.5 var(--toolbar-font,"Jura", Arial, sans-serif);background:#10273c;border:1px solid #7998ad;border-radius:8px;margin:auto;padding:0;overflow:auto;box-shadow:0 16px 70px #0009}.account-dialog::backdrop{background:#020c18b8}.account-dialog__header{z-index:1;background:#18364c;border-bottom:1px solid #587387;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;display:flex;position:sticky;top:0}.account-dialog__header h2{color:#eef9ff;margin:0;font-size:22px}.account-dialog__header button{width:40px;padding:2px;font-size:24px}.account-dialog__body{gap:16px;padding:20px;display:grid}.account-dialog form{gap:10px;display:grid}.account-dialog input{box-sizing:border-box;color:#f3fbff;background:#071b2d;border:1px solid #8dabbc;border-radius:3px;width:100%;min-width:0;min-height:44px;padding:8px 10px;font-family:inherit;font-size:16px}.account-dialog button{color:#e6faff;cursor:pointer;background:#193e58;border:1px solid #7296ad;border-radius:3px;min-height:40px;padding:8px 12px}.account-dialog button:disabled{opacity:.6;cursor:default}.account-dialog :is(input,button):focus-visible,.account-access:focus-visible{outline-offset:3px;outline:2px solid #ffb66d}.account-dialog__password{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.account-dialog small,.account-dialog__note{color:#bbd0df;font-size:14px}.account-dialog__submit{margin-top:10px;background:#235d79!important}.account-dialog__error{color:#ffd9c6;border:1px solid #f9b294;border-radius:3px;padding:10px}.account-dialog__email{overflow-wrap:anywhere}.account-dialog__signed-in{color:#8be6ce}@media (width<=900px),(pointer:coarse) and (width<=1100px){.mix-room .mix-room__masthead{padding-right:135px}.account-access{top:11px;right:10px}}@media (width<=900px) and (orientation:landscape),(pointer:coarse) and (width<=1100px) and (orientation:landscape),(width<=600px) and (height<=740px) and (orientation:portrait){.account-access{top:auto;right:max(12px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));position:fixed}}@media (width<=600px){.account-dialog{max-height:calc(var(--room-visible-height,100dvh) - 16px)}}.account-dialog--access{--account-muted:#a8bdcc;--account-accent:#8cdeeb;box-sizing:border-box;color:#edf6fa;width:min(440px,100vw - 32px);max-height:calc(100dvh - 32px);font:16px/1.55 var(--toolbar-font,"Jura", Arial, sans-serif);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#4c687b transparent;background:linear-gradient(155deg,#132b3e,#0b1c2b 70%);border:1px solid #3f596c;border-radius:16px;box-shadow:0 28px 100px #0009,inset 0 1px #ffffff0d}.account-dialog--access::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#020a14b8}.account-dialog--access .account-dialog__brand-row{z-index:2;background:#12293cef;justify-content:space-between;align-items:center;padding:18px 24px 6px 32px;display:flex;position:sticky;top:0}.account-dialog__brand{letter-spacing:2px;color:var(--account-muted);align-items:center;gap:9px;font-size:10px;font-weight:700;display:flex}.account-dialog__brand>span{letter-spacing:-1px;width:26px;height:26px;font:700 12px var(--toolbar-font,"Jura", Arial, sans-serif);color:#c2e6ed;border:1px solid #527085;border-radius:7px;place-items:center;display:grid}.account-dialog--access button{font:inherit;transition:background-color .15s,border-color .15s}.account-dialog--access .account-dialog__close{width:36px;min-height:36px;color:var(--account-muted);background:0 0;border:0;border-radius:8px;place-items:center;padding:0;font-size:26px;line-height:1;display:grid}.account-dialog--access .account-dialog__close:hover{color:#fff;background:#ffffff0a}.account-dialog__content{gap:22px;padding:20px 32px 28px;display:grid}.account-dialog--access h2{color:#f0f8fc;font:700 29px/1.2 var(--toolbar-font,"Jura", Arial, sans-serif);letter-spacing:-.6px;margin:0}.account-dialog--access p{margin:0}.account-dialog__intro>p{color:var(--account-muted);margin-top:8px}.account-dialog--access h2:focus{outline:none}.account-dialog--access form{gap:20px}.account-dialog__field{gap:8px;display:grid}.account-dialog__field label{color:#dfeaf1;font-size:15px;font-weight:600}.account-dialog__label-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.account-dialog--access input{color:#f0f9ff;background:#081a29;border:1px solid #466073;border-radius:8px;min-height:48px;padding:11px 13px}.account-dialog--access input::placeholder{color:#7d97aa}.account-dialog--access input:focus{border-color:var(--account-accent)}.account-dialog--access input:disabled{opacity:.65}.account-dialog__password-field{position:relative}.account-dialog__password-field input{padding-right:64px}.account-dialog--access .account-dialog__reveal{min-height:38px;color:var(--account-muted);background:0 0;border:0;border-radius:5px;padding:6px 10px;font-size:14px;position:absolute;top:5px;right:5px}.account-dialog--access .account-dialog__reveal:hover{color:#fff;background:#ffffff09}.account-dialog--access small{color:var(--account-muted);font-size:13px}.account-dialog--access .account-dialog__primary{color:#092333;background:#a6e5ef;border:1px solid #9fe1ec;border-radius:8px;width:100%;min-height:46px;padding:11px 16px;font-weight:700}.account-dialog--access .account-dialog__primary:hover:not(:disabled){background:#c0f0f6;border-color:#c0f0f6}.account-dialog--access .account-dialog__primary:disabled{opacity:.55}.account-dialog--access .account-dialog__secondary{color:#d8e8f1;background:0 0;border:1px solid #4c687b;border-radius:8px;min-height:44px;padding:10px 18px}.account-dialog--access .account-dialog__secondary:hover:not(:disabled){background:#ffffff08;border-color:#81a2b8}.account-dialog--access .account-dialog__link{min-height:40px;color:var(--account-accent);background:0 0;border:0;border-radius:3px;padding:4px 0;font-size:16px;font-weight:600}.account-dialog--access .account-dialog__link:hover:not(:disabled){color:#cbf3fa;text-underline-offset:4px;text-decoration:underline}.account-dialog--access :is(input,button,summary):focus-visible{outline:2px solid var(--account-accent);outline-offset:3px}.account-dialog__footer{color:var(--account-muted);text-align:center;border-top:1px solid #314a5d;padding-top:16px;font-size:14px}.account-dialog__footer .account-dialog__link{min-height:44px}.account-dialog__footer button{margin-left:4px}.account-dialog--access .account-dialog__privacy{text-align:center;color:var(--account-muted);margin-top:-8px;font-size:12px}.account-dialog--access .account-dialog__benefits{color:#bedee5;background:#8cdeeb06;border:1px solid #304f62;border-radius:8px;padding:10px 12px;font-size:12px}.account-dialog__benefits span{padding-inline:4px}.account-dialog--access .account-dialog__error{color:#ffdacb;background:#a64c3010;border:1px solid #b47d67;border-radius:8px;gap:8px;margin:0;padding:12px 14px;font-size:13px;display:grid}.account-dialog__error .account-dialog__link{justify-self:start}.account-dialog--access .account-dialog__muted{color:var(--account-muted)}.account-dialog__symbol{color:#a4e7ee;background:#8cdeeb09;border:1px solid #477280;border-radius:15px;place-items:center;width:52px;height:52px;display:grid}.account-dialog__address{overflow-wrap:anywhere;background:#081b29;border:1px solid #355165;border-radius:8px;gap:4px;padding:13px 16px;display:grid}.account-dialog__address>span{color:var(--account-muted);font-size:11px}.account-dialog__address strong{font-size:14px;font-weight:500}.account-dialog__email-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-top:-10px;display:flex}.account-dialog__help{color:var(--account-muted);border-top:1px solid #314a5d;padding-top:14px;font-size:12px}.account-dialog__help summary{cursor:pointer;width:fit-content;padding:5px 0}.account-dialog__help p{padding-top:10px}.account-dialog__actions{gap:14px;display:grid}.account-dialog__identity{align-items:center;gap:14px;display:flex}.account-dialog__avatar{color:#a4e7ee;background:#8cdeeb09;border:1px solid #436b7e;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;display:grid}.account-dialog__identity>div{gap:3px;min-width:0;display:grid}.account-dialog__identity strong{overflow-wrap:anywhere;font-size:17px;font-weight:500}.account-dialog__allowance{background:#081b29;border:1px solid #355165;border-radius:10px;align-items:center;gap:16px;padding:16px;display:flex}.account-dialog__allowance>strong{color:#b3edf5;flex:none;font-size:32px}.account-dialog__allowance>strong span{color:var(--account-muted);font-size:19px;font-weight:400}.account-dialog__allowance>div{gap:4px;display:grid}.account-dialog__sign-out{border-top:1px solid #314a5d;justify-items:start;gap:14px;padding-top:20px;display:grid}.account-dialog__sign-out p{color:var(--account-muted);font-size:12px}.account-dialog__success{color:#a3e5cd;font-size:13px}.account-dialog__content[data-screen=account]{font-size:18px}.account-dialog__content[data-screen=account] :is(small,.account-dialog__success,.account-dialog__error){font-size:15px}@media (width<=600px){.account-dialog--access{width:calc(100vw - 24px);max-height:calc(var(--room-visible-height,100dvh) - 24px);border-radius:14px}.account-dialog--access .account-dialog__brand-row{padding:12px 14px 4px 24px}.account-dialog__content{gap:20px;padding:16px 24px 24px}}@media (height<=500px){.account-dialog--access .account-dialog__brand-row{padding-block:6px 0}.account-dialog__content{gap:16px;padding-block:10px 20px}.account-dialog--access form{gap:14px}.account-dialog__symbol{border-radius:10px;width:40px;height:40px}}@media (prefers-reduced-motion:reduce){.account-dialog--access button{transition:none}}.mix-room__opening{z-index:6;color:#e9f8ff;text-align:center;background:#071725d9;flex-direction:column;align-items:center;gap:16px;padding:20px;display:flex;position:absolute;inset:0;overflow:auto}.mix-room__opening>*{flex:none}.mix-room__opening>:first-child{margin-top:auto}.mix-room__opening>:last-child{margin-bottom:auto}.mix-room__opening h2{color:#f0faff;margin:0;font-size:clamp(19px,2.3vw,28px)}.mix-room__opening-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.mix-room__opening button,.mix-room__library-link{color:#e9faff;cursor:pointer;background:#19465f;border:1px solid #76b2c7;border-radius:4px;min-height:42px;padding:8px 14px}.mix-room__opening small{color:#bbd4e2}.mix-room__legacy{border:1px solid #6890a8;border-radius:4px;gap:9px;max-width:650px;padding:14px;font-size:14px;display:grid}.mix-room__save-status{color:#7ce4cf;font-size:10px;display:block}.mix-library{width:min(700px,100vw - 24px)}.mix-library select{color:#f3fbff;background:#071b2d;border:1px solid #8dabbc;width:100%;min-height:44px;padding:8px}.mix-library__cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:14px;display:grid}.mix-library__card{border:1px solid #547c95;border-radius:4px;align-content:start;gap:10px;min-width:0;padding:14px;display:grid}.mix-library__card h3{overflow-wrap:anywhere;color:#e9f8ff;margin:0}.mix-library__card small{overflow-wrap:anywhere}.mix-room__opening :is(button,input):focus-visible{outline-offset:3px;outline:2px solid #ffb66d}.account-access:disabled{opacity:.6;cursor:default}.mix-library-panel .mix-library__body{align-content:start;gap:20px;display:grid}.mix-library-panel :is(p,h3){margin:0}.mix-library-panel p{color:var(--toolbar-help-text);line-height:1.6}.mix-library-panel button{border:1px solid var(--toolbar-border);min-height:42px;color:var(--toolbar-text);cursor:pointer;font:inherit;background:0 0;border-radius:6px;padding:9px 14px}.mix-library-panel button:hover:not(:disabled){background:#8cdeeb0c;border-color:#8acbd8}.mix-library-panel button:disabled{opacity:.55;cursor:default}.mix-library-panel input{box-sizing:border-box;border:1px solid var(--toolbar-border);width:100%;min-width:0;min-height:44px;color:var(--toolbar-text);font:inherit;background:#071b2d;border-radius:6px;padding:9px 12px}.mix-library-panel form{gap:10px;display:grid}.mix-library-panel :is(button,input):focus-visible{outline-offset:3px;outline:2px solid #8cdeeb}.mix-library-panel #mix-library-title:focus{outline:none}.mix-library__empty{align-content:center;justify-items:start;gap:16px;max-width:420px;min-height:190px;padding:20px 0;display:grid}.mix-library__empty h3{color:var(--toolbar-heading);font-size:23px}.mix-library__empty>button{min-width:140px}.mix-room .mix-library-panel--guest .mix-library__body{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}.mix-library-panel--guest .mix-library__empty{flex-direction:column;justify-content:center;align-items:center;max-width:100%;min-height:0;margin-block:auto;padding:0;display:flex}.mix-library-panel--guest .mix-library__empty>button{min-width:200px;min-height:46px}.mix-room .mix-library-panel--empty .mix-library__body{flex-direction:column;padding:0 18px 18px;display:flex}.mix-library-panel--empty .mix-library__empty{text-align:center;flex:1;justify-items:center;max-width:none;padding:0 0 48px}.mix-library-panel--empty .mix-library__cards:empty{display:none}.mix-library-panel .mix-library__cards{gap:18px}.mix-library-panel .mix-library__card{background:#071b2d66;border-color:#38566b;border-radius:10px;padding:20px}.mix-library-panel .mix-library__open{margin-top:8px}.mix-library-panel .mix-library__card-actions{flex-wrap:wrap;gap:8px 18px;display:flex}.mix-library-panel .mix-library__card-actions>button{min-height:36px;box-shadow:none;color:var(--toolbar-help-text);background:0 0;border:0;border-radius:3px;padding:4px 0;font-size:13px}.mix-library-panel .mix-library__card-actions>button:hover:not(:disabled){color:#d4f6ff;box-shadow:none;background:0 0;text-decoration:underline}.mix-library-panel .mix-library__card-actions>form{width:100%}.mix-room.mix-room--panel .mix-room__content-overlay.mix-library-panel .mix-room__overlay-header{display:flex}@media (width<=900px),(pointer:coarse) and (width<=1100px){.mix-room__opening{gap:10px;padding:12px}.mix-room__opening h2{font-size:18px}.mix-room__opening-actions{gap:7px}.mix-room__opening button{min-height:40px;padding:6px 10px;font-size:13px}}:root{--page-background:#050a12;--frame-light:#d7e9f3;--frame-silver:#203548;--frame-deep:#071321;--frame-outline:#60798b;--frame-title-start:#213b55;--frame-title-end:#070f19;--frame-title-text:#eef9ff;--frame-tab-start:#1b3448;--frame-tab-end:#0b1a28;--frame-tab-active-start:#183b55;--frame-tab-active-end:#116d86;--frame-tab-active-text:#eaffff;--frame-shadow:0 26px 72px #000000ad;--panel-shadow:0 12px 30px #0000009e;--room-page-gutter:clamp(12px, 2.5vw, 32px);--room-window-max-width:1440px;--room-window-max-height:792px;--room-badge-clearance:72px;--github-icon-size:44px;--github-icon-inset:12px;--github-icon-color:var(--toolbar-heading);--github-icon-hover-color:var(--toolbar-selected-text);--github-icon-hover-background:var(--toolbar-selected-background);--room-mobile-gutter:8px;--room-mobile-navigation-height:62px;--room-mobile-chrome-height:260px;--room-navigation-width:176px;--room-preview-width:clamp(180px, 30%, 340px);--room-panel-inset:18px;--room-frame-radius:14px;--navigation-primary-height:352px;--navigation-utility-height:100px;--overlay-background:var(--toolbar-background);--overlay-border:var(--toolbar-outline);--overlay-text:var(--toolbar-text);--overlay-muted:var(--toolbar-help-text);--overlay-link:#65dff1;--toolbar-font:"Jura", Arial, sans-serif;--toolbar-section-heading-size:19px;--toolbar-section-heading-weight:700;--toolbar-processing-help-size:15px;--toolbar-section-gap:12px;--toolbar-background:#0e2130;--toolbar-text:#dcecf3;--toolbar-heading:var(--toolbar-text);--toolbar-help-text:#8eacbc;--toolbar-description-text:var(--toolbar-help-text);--toolbar-instrument-heading:var(--toolbar-heading);--toolbar-outline:#36566a;--toolbar-radius:12px;--toolbar-processing-radius:8px;--toolbar-border:#4c6b7e;--toolbar-selected-background:#116d86;--toolbar-accent:var(--toolbar-selected-background);--toolbar-selected-text:var(--toolbar-background);--toolbar-button-background:transparent;--toolbar-button-text:var(--toolbar-heading);--toolbar-button-border:var(--toolbar-border);--toolbar-button-disabled-text:GrayText;--upload-tab-background:#081a28;--upload-tab-active-background:#8cdeeb;--upload-tab-active-text:#071b29;--upload-tab-inactive-text:#c3d7e3;--toolbar-filename-text:var(--toolbar-text);--toolbar-filename-placeholder:var(--toolbar-help-text);--toolbar-input-background:var(--toolbar-background);--toolbar-input-text:var(--toolbar-text);--toolbar-input-border:var(--toolbar-border);--toolbar-stem-filename-text:var(--toolbar-help-text);--loading-cancel-background:var(--toolbar-selected-background);--loading-cancel-text:var(--toolbar-selected-text);--loading-cancel-border:var(--toolbar-border);--toolbar-control-scheme:dark;--toolbar-checkbox-accent:#42d6ed;--toolbar-instrument-accent:initial;--toolbar-player-width:100%;--player-background-start:#07111c;--player-background-end:#020910;--player-outline:#4f697a;--player-play-start:#d4fbff;--player-play-end:#23a9c4;--player-play-text:#071321;--player-track-background:#183646;--player-track-fill:#ff9d3b;--player-thumb-background:#dbe7ec;--player-thumb-outline:#fff;--player-time-text:var(--toolbar-help-text);--canvas-aspect:1.6;--canvas-surround-background:#07111e;--loading-overlay:#141a242e;--loading-panel:#171c24e6;--loading-text:#f1f6fa;--loading-accent:#a6e7f2;--loading-muted:#cbd5df;--loading-outline:#b9dfed66;--loading-shadow:0 16px 48px #0003;--loading-progress-outline:#a6e7f299;--loading-progress-background:#a6e7f214;--loading-progress-start:#6fc6da;--canvas-background:var(--canvas-surround-background);--fullscreen-background:var(--canvas-surround-background);--fullscreen-exit-background:#030c14c7;--fullscreen-exit-text:#bdf7ff;--fullscreen-exit-hover-background:var(--toolbar-selected-background);--fullscreen-exit-focus:#42d6ed}.mix-room{width:100%;height:100%;max-width:var(--room-window-max-width);grid-template-columns:var(--room-navigation-width) minmax(0, 1fr);border:1px solid var(--frame-outline);background:linear-gradient(135deg, #425667, #162b3d 32%, var(--frame-deep) 74%);min-height:0;box-shadow:var(--frame-shadow), inset 0 1px #fffc;font-family:var(--toolbar-font);color:var(--toolbar-text);box-sizing:border-box;border-radius:8px 24px;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"heading heading""navigation workspace""player player";margin:0 auto;display:grid;position:relative;overflow:hidden}.mix-room [hidden]{display:none!important}.mix-room__github-link{left:max(var(--github-icon-inset), env(safe-area-inset-left));bottom:max(var(--github-icon-inset), env(safe-area-inset-bottom));z-index:10;width:var(--github-icon-size);height:var(--github-icon-size);color:var(--github-icon-color);border-radius:50%;place-items:center;text-decoration:none;display:grid;position:fixed}.mix-room__github-link[hidden]{display:none}.mix-room__github-link:is(:hover,:focus-visible){color:var(--github-icon-hover-color);background:var(--github-icon-hover-background)}.mix-room__github-link:focus-visible{outline:2px solid var(--toolbar-accent);outline-offset:3px}.mix-room__masthead{background:linear-gradient(180deg, #d5e0e7 0, #718594 10%, var(--frame-title-start) 14%, #0b1d31 74%, var(--frame-title-end));color:var(--frame-title-text);text-align:left;border-bottom:2px solid #42dcf5;grid-area:heading;align-items:center;gap:12px;padding:14px 20px;display:flex;box-shadow:0 4px 13px #0000008f}.mix-room__masthead h1{font:700 clamp(18px, 2.2vw, 28px)/1.25 var(--toolbar-font);letter-spacing:.065em;color:inherit;margin:0}.mix-room__brand-icon{border:1px solid var(--frame-light);border-radius:6px;flex:none;place-items:center;width:32px;height:32px;font-size:25px;display:grid}.mix-room__navigation{background:linear-gradient(90deg,#07111e,#12283a);border-right:1px solid #4acde559;flex-direction:column;grid-area:navigation;justify-content:space-between;min-height:0;padding:24px 0 18px 10px;display:flex}.mix-room__tabs{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex}.mix-room__primary-tabs{flex:0 1 var(--navigation-primary-height);grid-template-rows:repeat(5,minmax(0,1fr));gap:5px;min-height:0;display:grid}.mix-room__utility-tabs{flex:0 0 var(--navigation-utility-height);grid-template-rows:repeat(2,minmax(0,1fr));gap:5px;min-height:0;margin-top:auto;display:grid}.mix-room__tabs button{box-sizing:border-box;border:1px solid var(--frame-outline);background:linear-gradient(150deg, var(--frame-tab-start), var(--frame-tab-end));min-width:0;height:100%;min-height:0;color:var(--toolbar-text);text-align:left;cursor:pointer;border-right:0;border-radius:3px 12px;justify-content:flex-start;align-items:center;gap:10px;padding:12px 10px;font-size:16px;font-weight:700;line-height:1.25;display:flex;box-shadow:inset 0 1px #ffffff38,0 3px 7px #00000073}.mix-room__tabs button svg{flex:none}.mix-room__tab-label{min-width:0}.mix-room__tab-compact{display:none}.mix-room__tabs button[aria-selected=true]{background:linear-gradient(130deg, var(--frame-tab-active-start), var(--frame-tab-active-end));color:var(--frame-tab-active-text);border-color:#54dff5;box-shadow:inset 3px 0 #ff9d3b,0 0 12px #2fcce945}.mix-room__tabs button:not(:disabled):hover{box-shadow:inset 0 0 0 2px var(--frame-outline)}.mix-room__tabs button:focus-visible{outline:2px solid var(--toolbar-accent);outline-offset:-4px}.mix-room__tabs button:disabled{opacity:.65;cursor:default}.mix-room__utility-tabs button{padding:6px 10px;font-size:14px}.mix-room__utility-tabs button svg{width:20px;height:20px}.mix-room__workspace{background:var(--canvas-surround-background);isolation:isolate;border:1px solid #7cdced;border-radius:5px 18px;grid-area:workspace;min-width:0;min-height:0;margin:12px 12px 0 0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #0c151e,0 10px 28px #0000008c,0 0 16px #2ad6ef29}.mix-room__canvas{box-sizing:border-box;background:var(--canvas-surround-background);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.mix-room__canvas-content{flex:none;justify-content:center;align-items:center;width:100%;min-width:0;height:100%;min-height:0;display:flex;position:relative}.mix-room__workspace--processing{background:var(--toolbar-background)}.mix-room__workspace--processing .mix-room__canvas:not(:-webkit-any(:fullscreen,:-webkit-full-screen)):not(.mix-room__canvas--expanded){right:var(--room-panel-inset);bottom:var(--room-panel-inset);width:var(--room-preview-width);height:auto;aspect-ratio:var(--canvas-aspect);border:2px solid var(--frame-outline);box-shadow:var(--panel-shadow);border-radius:10px;padding-top:26px;position:absolute}.mix-room__workspace--processing .mix-room__canvas:not(:is(:fullscreen,:fullscreen)):not(.mix-room__canvas--expanded){right:var(--room-panel-inset);bottom:var(--room-panel-inset);width:var(--room-preview-width);height:auto;aspect-ratio:var(--canvas-aspect);border:2px solid var(--frame-outline);box-shadow:var(--panel-shadow);border-radius:10px;padding-top:26px;position:absolute}.mix-room__preview-expand{z-index:2;box-sizing:border-box;height:26px;color:var(--toolbar-text);background:var(--frame-silver);cursor:pointer;border:0;justify-content:space-between;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:flex;position:absolute;inset:0 0 auto}.mix-room__preview-expand svg{width:16px;height:16px}.mix-room__preview-expand:focus-visible{outline:2px solid var(--toolbar-accent);outline-offset:-2px}.mix-room__viewport{flex:none;max-width:100%;max-height:100%;position:relative}.mix-room__canvas:-webkit-any(:fullscreen,:-webkit-full-screen),.mix-room__canvas--expanded{aspect-ratio:auto;width:100%;height:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--fullscreen-background);--fullscreen-padding-top:env(safe-area-inset-top);--fullscreen-padding-right:env(safe-area-inset-right);--fullscreen-padding-bottom:env(safe-area-inset-bottom);--fullscreen-padding-left:env(safe-area-inset-left);padding:var(--fullscreen-padding-top) var(--fullscreen-padding-right) var(--fullscreen-padding-bottom) var(--fullscreen-padding-left);border:0;border-radius:0;container-type:size}.mix-room__canvas:is(:fullscreen,:fullscreen),.mix-room__canvas--expanded{aspect-ratio:auto;width:100%;height:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--fullscreen-background);--fullscreen-padding-top:env(safe-area-inset-top);--fullscreen-padding-right:env(safe-area-inset-right);--fullscreen-padding-bottom:env(safe-area-inset-bottom);--fullscreen-padding-left:env(safe-area-inset-left);padding:var(--fullscreen-padding-top) var(--fullscreen-padding-right) var(--fullscreen-padding-bottom) var(--fullscreen-padding-left);border:0;border-radius:0;container-type:size}.mix-room__canvas--expanded{z-index:100;width:auto;height:100dvh;height:var(--room-visible-height,100dvh);border-radius:0;position:fixed;inset:0}.mix-room--fullscreen,.mix-room--fullscreen .mix-room__workspace{isolation:auto;overflow:visible}@media (width<=900px) and (orientation:portrait),(pointer:coarse) and (width<=1100px) and (orientation:portrait){.mix-room__canvas:-webkit-any(:fullscreen,:-webkit-full-screen,.mix-room__canvas--expanded)[data-fullscreen-orientation=landscape] .mix-room__canvas-content{width:calc(var(--room-visible-height,100vh) - var(--fullscreen-padding-top) - var(--fullscreen-padding-bottom));height:calc(100vw - var(--fullscreen-padding-left) - var(--fullscreen-padding-right));width:100cqh;height:100cqw;transform:rotate(90deg)}.mix-room__canvas:is(:fullscreen,:fullscreen,.mix-room__canvas--expanded)[data-fullscreen-orientation=landscape] .mix-room__canvas-content{width:calc(var(--room-visible-height,100vh) - var(--fullscreen-padding-top) - var(--fullscreen-padding-bottom));height:calc(100vw - var(--fullscreen-padding-left) - var(--fullscreen-padding-right));width:100cqh;height:100cqw;transform:rotate(90deg)}}@media (width<=900px) and (orientation:landscape),(pointer:coarse) and (width<=1100px) and (orientation:landscape){.mix-room__canvas:-webkit-any(:fullscreen,:-webkit-full-screen,.mix-room__canvas--expanded)[data-fullscreen-orientation=portrait] .mix-room__canvas-content{width:calc(var(--room-visible-height,100vh) - var(--fullscreen-padding-top) - var(--fullscreen-padding-bottom));height:calc(100vw - var(--fullscreen-padding-left) - var(--fullscreen-padding-right));width:100cqh;height:100cqw;transform:rotate(-90deg)}.mix-room__canvas:is(:fullscreen,:fullscreen,.mix-room__canvas--expanded)[data-fullscreen-orientation=portrait] .mix-room__canvas-content{width:calc(var(--room-visible-height,100vh) - var(--fullscreen-padding-top) - var(--fullscreen-padding-bottom));height:calc(100vw - var(--fullscreen-padding-left) - var(--fullscreen-padding-right));width:100cqh;height:100cqw;transform:rotate(-90deg)}}.mix-room--fullscreen :is(.mix-room__toolbar,.mix-room__navigation,.mix-room__masthead){display:none}.mix-room__icon-button{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.mix-room__fullscreen-controls{right:max(20px, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom));z-index:2;flex-direction:column;gap:10px;display:flex;position:absolute}.mix-room__fullscreen-control{border-radius:var(--toolbar-processing-radius);background:var(--fullscreen-exit-background);width:44px;height:44px;color:var(--fullscreen-exit-text);cursor:pointer;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.mix-room__fullscreen-control:is(:hover,:active,:focus-visible){background:var(--fullscreen-exit-hover-background)}.mix-room__fullscreen-control:focus-visible{outline:2px solid var(--fullscreen-exit-focus);outline-offset:3px}.mix-room__fullscreen-control:disabled{opacity:.6;cursor:default}.mix-room__mobile-canvas-expand{display:none}.mix-room__loading{z-index:1;background:var(--loading-overlay);color:var(--loading-text);box-sizing:border-box;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.mix-room__loading-content{box-sizing:border-box;background:var(--loading-panel);border:1px solid var(--loading-outline);width:100%;max-width:620px;max-height:100%;box-shadow:var(--loading-shadow);text-align:left;padding:clamp(20px,4vw,36px);overflow:auto}.mix-room__loading-eyebrow{color:var(--loading-accent);letter-spacing:2px;text-transform:uppercase;margin:0 0 12px;font-size:14px;font-weight:600}.mix-room__loading-title{color:var(--loading-text);overflow-wrap:anywhere;margin:0 0 16px;font-size:clamp(24px,3vw,32px);font-weight:600}.mix-room__loading-stage{min-height:24px;color:var(--loading-muted);font-size:18px}.mix-room__progress{border:1px solid var(--loading-progress-outline);background:var(--loading-progress-background);border-radius:0;height:36px;margin-top:24px;overflow:hidden}.mix-room__progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--loading-progress-start), var(--loading-accent));height:100%;transition:width .3s}.mix-room__loading-percent{font-variant-numeric:tabular-nums;text-align:right;margin-top:8px;font-size:20px;font-weight:600}@media (prefers-reduced-motion:reduce){.mix-room__progress-fill{transition:none}}.mix-room__toolbar{box-sizing:border-box;min-width:0;font-family:var(--toolbar-font);color:var(--toolbar-text);color-scheme:var(--toolbar-control-scheme)}.mix-room__bottom-toolbar{grid-area:player;padding:12px 16px}.mix-room__sidebar{z-index:3;inset:var(--room-panel-inset) auto var(--room-panel-inset) var(--room-panel-inset);width:min(310px, calc(100% - 2 * var(--room-panel-inset)));border-radius:var(--toolbar-radius);box-shadow:var(--panel-shadow);flex-direction:column;display:flex;position:absolute;overflow:hidden}.mix-room__sidebar .mix-room__toolbar-section{flex-direction:column;height:100%;min-height:0;padding:0;display:flex}.mix-room__sidebar .mix-room__instruments{overscroll-behavior:contain;flex:1;min-height:0;padding:0 18px 10px;overflow:auto}.mix-room__sidebar .mix-room__overlay-header h2{font-size:var(--toolbar-section-heading-size)}.mix-room__sidebar .mix-room__instrument-options{flex-flow:column;gap:6px;margin-top:10px}.mix-room__sidebar .mix-room__instrument-option{white-space:normal;overflow-wrap:anywhere;text-align:left;grid-template-columns:auto minmax(0,1fr);align-items:start;min-height:34px;display:grid}.mix-room__sidebar .mix-room__visibility-actions{text-align:left;border-top:1px solid var(--toolbar-outline);flex:none;justify-content:flex-start;margin:0;padding:10px 18px}.mix-room__content-overlay{z-index:3;inset:var(--room-panel-inset) auto var(--room-panel-inset) var(--room-panel-inset);width:min(620px, calc(100% - 2 * var(--room-panel-inset)));border:1px solid var(--overlay-border);border-radius:var(--toolbar-radius);background:var(--overlay-background);min-height:0;color:var(--overlay-text);box-shadow:var(--panel-shadow);text-align:left;flex-direction:column;display:flex;position:absolute;overflow:hidden}.mix-room__overlay-header{flex:none;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.mix-room__overlay-header h2{min-width:0;color:var(--toolbar-heading);margin:0;font-size:21px;font-weight:700;line-height:1.25}.mix-room__toolbar .mix-room__overlay-close{flex:none;width:36px;height:36px;min-height:0;padding:0;font-size:22px;line-height:1}.mix-room__overlay-body{overscroll-behavior:contain;flex:1;min-height:0;padding:0 18px 18px;font-size:15px;line-height:1.5;overflow:auto}.mix-room__overlay-intro{margin:0 0 16px}.mix-room__overlay-section{margin-top:22px}.mix-room__overlay-section h3{color:var(--toolbar-heading);margin:0 0 10px;font-size:17px;font-weight:700}.mix-room__overlay-section p+p{margin-top:10px}.mix-room__overlay-note{color:var(--overlay-muted);margin-top:16px;font-size:13px;line-height:1.5}.mix-room__room-guide{gap:12px;margin:0;display:grid}.mix-room__room-guide>div{grid-template-columns:104px minmax(0,1fr);gap:12px;display:grid}.mix-room__room-guide dt{font-weight:700}.mix-room__room-guide dd{color:var(--overlay-muted);margin:0}.mix-room__content-overlay a{color:var(--overlay-link);text-underline-offset:3px;align-items:center;gap:6px;display:inline-flex}.mix-room__content-overlay a svg{flex:none}.mix-room__content-overlay a:focus-visible{outline:2px solid var(--toolbar-accent);outline-offset:3px;border-radius:3px}.mix-room__credit-links{flex-wrap:wrap;gap:12px 18px;display:flex}.mix-room__demo-song{align-items:center;gap:16px;margin:4px 0 20px;display:flex}.mix-room__demo-song svg{color:var(--overlay-link);flex:none}.mix-room__demo-song h3{margin:0;font-size:25px;font-weight:700;line-height:1.3}.mix-room__demo-song p{color:var(--overlay-muted)}.mix-room__demo-instruments{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.mix-room__demo-instruments li{border:1px solid var(--overlay-border);border-radius:var(--toolbar-processing-radius);padding:5px 9px;font-size:13px}.mix-room__demo-status{color:var(--overlay-muted);margin-top:16px;font-size:13px}.mix-room__settings-fields{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;min-width:0;margin:0;padding:0;display:grid}.mix-room__setting{min-width:0}.mix-room__setting--sensitivity,.mix-room__setting--labels{grid-column:1/-1}.mix-room__setting--labels{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;display:grid}.mix-room__setting-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;font-size:15px;display:flex}.mix-room__setting-heading label{font-weight:700}.mix-room__setting-heading output{color:var(--overlay-muted);font-variant-numeric:tabular-nums;font-size:13px}.mix-room__setting p,.mix-room__setting-toggle small{color:var(--overlay-muted);margin:0;font-size:13px;line-height:1.4;display:block}.mix-room__setting-toggle{cursor:pointer;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;font-size:15px;display:grid}.mix-room__setting-toggle input{width:18px;height:18px;margin:3px 0 0}.mix-room__setting-toggle strong{margin-bottom:4px;display:block}.mix-room__settings-fields:disabled .mix-room__setting-toggle{cursor:default}.mix-room__settings-actions,.mix-room__demo-actions{border-top:1px solid var(--overlay-border);flex:none;gap:10px;padding:12px 18px;display:grid}.mix-room__demo-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.mix-room__demo-actions button:only-child{grid-column:1/-1}.mix-room__mobile-panel-title,.mix-room__mobile-panel-actions,.mix-room__mobile-return{display:none}.mix-room__settings-notice{margin-top:12px;font-size:13px;font-weight:700}.mix-room__sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mix-room__processing-section{width:calc(100% - var(--room-preview-width) - 2 * var(--room-panel-inset));flex-direction:column;min-height:0;display:flex;position:absolute;inset:0 auto 0 0;overflow:hidden}.mix-room__toolbar-section{box-sizing:border-box;border:1px solid var(--toolbar-outline);border-radius:var(--toolbar-radius);background:var(--toolbar-background);min-width:0;padding:16px clamp(12px,2vw,24px)}.mix-room__toolbar button{border:1px solid var(--toolbar-button-border);border-radius:var(--toolbar-processing-radius);background-color:var(--toolbar-button-background);color:var(--toolbar-button-text);cursor:pointer;padding:8px 12px;font-size:16px;font-weight:600}.mix-room__toolbar button:not(:disabled):is(:hover,:active,:focus-visible){border-color:var(--toolbar-accent);background-color:var(--toolbar-selected-background);color:var(--toolbar-selected-text)}.mix-room__toolbar button:focus-visible{outline:2px solid var(--toolbar-accent);outline-offset:2px}.mix-room__toolbar button:disabled{color:var(--toolbar-button-disabled-text);cursor:default}.mix-room__loading-cancel{border:2px solid var(--loading-cancel-border);border-radius:var(--toolbar-processing-radius);background:var(--loading-cancel-background);color:var(--loading-cancel-text);cursor:pointer;margin-top:16px;padding:8px 12px}.mix-room__loading-cancel:disabled{opacity:.6;cursor:wait}.mix-room__loading-cancel:focus-visible{outline:2px solid var(--loading-cancel-text);outline-offset:3px}.mix-room__toolbar input[type=checkbox]{accent-color:var(--toolbar-checkbox-accent)}.mix-room__controls{grid-template-columns:minmax(140px,24%) minmax(0,1fr) auto;align-items:center;gap:16px;display:grid}.mix-room__top-actions{justify-self:end;align-items:center;gap:8px;display:flex}.mix-room__title{min-width:0;color:var(--toolbar-heading);font-family:var(--toolbar-font);letter-spacing:normal;text-align:left;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:18px;font-weight:700;overflow:hidden}.mix-room__audio{width:var(--toolbar-player-width);justify-self:center;min-width:0}.mix-room__custom-player{box-sizing:border-box;border:1px solid var(--player-outline);background:linear-gradient(180deg, var(--player-background-start), var(--player-background-end));min-height:56px;box-shadow:inset 0 1px var(--frame-light);border-radius:10px;grid-template-columns:44px minmax(0,1fr) 118px;align-items:center;gap:12px;padding:6px 10px;display:grid}.mix-room__toolbar .mix-room__play-button{border:1px solid var(--player-outline);width:44px;height:44px;min-height:0;color:var(--player-play-text);background:linear-gradient(145deg, var(--player-play-start), var(--player-play-end));box-shadow:inset 0 1px var(--frame-light);border-radius:50%;place-items:center;padding:0;display:grid}.mix-room__toolbar .mix-room__play-button:disabled{opacity:.5}.mix-room__player-timeline{min-width:0}.mix-room__player-times{color:var(--player-time-text);font-variant-numeric:tabular-nums;justify-content:space-between;gap:8px;font-size:12px;font-weight:700;line-height:1.2;display:flex}.mix-room__player-times>span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.mix-room__player-volume{grid-template-columns:36px minmax(0,1fr);align-items:center;gap:6px;display:grid}.mix-room__toolbar .mix-room__mute-button{border:0;border-radius:6px;place-items:center;width:36px;height:36px;min-height:0;padding:0;display:grid}.mix-room__player-range{appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;border:0;width:100%;min-width:0;height:24px;margin:0;padding:0;display:block}.mix-room__player-range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--player-track-fill) var(--range-progress), var(--player-track-background) var(--range-progress));height:6px;box-shadow:inset 0 1px var(--player-outline);border-radius:3px}.mix-room__player-range::-moz-range-track{background:linear-gradient(to right, var(--player-track-fill) var(--range-progress), var(--player-track-background) var(--range-progress));height:6px;box-shadow:inset 0 1px var(--player-outline);border-radius:3px}.mix-room__player-range::-webkit-slider-thumb{appearance:none;border:1px solid var(--player-thumb-outline);background:var(--player-thumb-background);border-radius:3px;width:12px;height:18px;margin-top:-6px}.mix-room__player-range::-moz-range-thumb{border:1px solid var(--player-thumb-outline);background:var(--player-thumb-background);border-radius:3px;width:10px;height:16px}.mix-room__player-range:focus-visible{outline:2px solid var(--toolbar-accent);outline-offset:2px;border-radius:4px}.mix-room__player-range:disabled{opacity:.5;cursor:default}.mix-room__processing-section{background:0 0;border:0;border-radius:0;padding:20px}.mix-room__processing{text-align:left;border:0;flex-direction:column;flex:1;min-width:0;min-height:0;margin:0;padding:0;display:flex}.mix-room__processing-heading{color:var(--toolbar-heading);font-size:var(--toolbar-section-heading-size);font-weight:var(--toolbar-section-heading-weight);text-align:left;flex:none;margin:0;padding:0;line-height:1.25}.mix-room__processing-help{color:var(--toolbar-help-text);font-size:var(--toolbar-processing-help-size);margin:2px 0 8px}.mix-room__processing-error{margin-bottom:12px}.mix-room__processing-error button{margin:0 8px 8px 0}.mix-room__failure .mix-room__loading-content{max-height:100%;overflow:auto}.mix-room__failure-step,.mix-room__failure-links,.mix-room__failure-details{color:var(--loading-muted);grid-column:1/-1;font-size:13px}.mix-room__failure-links,.mix-room__failure-actions{flex-wrap:wrap;grid-column:1/-1;gap:8px;display:flex}.mix-room__failure-links a{color:var(--loading-accent)}.mix-room__failure-details pre{white-space:pre-wrap;overflow-wrap:anywhere}.mix-room__existing-result{color:var(--toolbar-text);margin-top:14px}.mix-room__existing-result summary{cursor:pointer;margin-bottom:8px}.mix-room__existing-result-fields{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.mix-room__processing-header{grid-template-columns:minmax(0,280px) auto;justify-content:space-between;align-items:center;gap:12px;margin:10px 0 14px;display:grid}.mix-room__new-stem-icon{display:none}.mix-room__upload-views{box-sizing:border-box;border:1px solid var(--toolbar-border);border-radius:var(--toolbar-processing-radius);background:var(--upload-tab-background);grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,280px);margin:0;padding:4px;display:grid;position:relative}.mix-room__upload-views:before{content:"";border-radius:max(0px, calc(var(--toolbar-processing-radius) - 4px));background:var(--upload-tab-active-background);pointer-events:none;width:calc(50% - 4px);transition:transform .2s;position:absolute;top:4px;bottom:4px;left:4px;transform:translate(0);box-shadow:inset 0 0 0 1px #c4f5fb}.mix-room__upload-views[data-view=stems]:before{transform:translate(100%)}.mix-room__toolbar .mix-room__upload-views button,.mix-room__toolbar .mix-room__upload-views button:not(:disabled):is(:hover,:active,:focus-visible){min-width:0;box-shadow:none;color:var(--upload-tab-inactive-text);background:0 0;border:0;border-radius:4px;font-weight:500;position:relative}.mix-room__toolbar .mix-room__upload-views button[aria-pressed=true],.mix-room__toolbar .mix-room__upload-views button[aria-pressed=true]:not(:disabled):is(:hover,:active,:focus-visible){color:var(--upload-tab-active-text);font-weight:700}.mix-room__toolbar .mix-room__upload-views button[aria-pressed=false]:not(:disabled):hover{color:#fff;box-shadow:none;background:#ffffff09}.mix-room__toolbar .mix-room__upload-views button:disabled{cursor:default;opacity:.6}@media (prefers-reduced-motion:reduce){.mix-room__upload-views:before{transition:none}}.mix-room__stems-view,.mix-room__stem-upload,.mix-room__current-stems,.mix-room__new-stems{flex-direction:column;flex:1;min-height:0;display:flex}.mix-room__stem-title,.mix-room__processing-header,.mix-room__stem-actions,.mix-room__processing-help{flex:none}.mix-room__song-upload{flex-direction:column;flex:1;min-height:0;padding:2px 3px 8px;display:flex;overflow:hidden}.mix-room__song-fields{overscroll-behavior:contain;flex:1;min-height:0;padding:2px 3px;overflow:auto}.mix-room__stem-list{flex:1;align-content:start;gap:12px;min-height:0;padding:3px;display:grid;overflow:auto}.mix-room__new-stems .mix-room__stem-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}.mix-room__empty-stems{box-sizing:border-box;text-align:center;height:100%;min-height:160px;color:var(--toolbar-help-text);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex}.mix-room__empty-stems strong{color:var(--toolbar-heading);font-size:17px}.mix-room__empty-stems small{font-size:13px;line-height:1.4}.mix-room__toolbar .mix-room__stem-choose{background:linear-gradient(130deg, var(--frame-tab-active-start), var(--frame-tab-active-end));color:var(--frame-tab-active-text);border-color:var(--frame-title-start);min-height:44px}.mix-room__stem-replace svg{display:none}.mix-room__stem-title{margin-bottom:12px}.mix-room__stem-title>label{font-size:var(--toolbar-processing-help-size);font-weight:700}.mix-room__current-stems .mix-room__stem-list{grid-template-columns:repeat(2,minmax(0,1fr))}.mix-room__stem-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;display:grid}.mix-room__stem-field{min-width:0;color:var(--toolbar-help-text);gap:4px;font-size:13px;display:grid}.mix-room__stem-field input{box-sizing:border-box;border:1px solid var(--toolbar-input-border);border-radius:var(--toolbar-processing-radius);width:100%;min-width:0;font:inherit;background:var(--toolbar-input-background);color:var(--toolbar-input-text);text-overflow:ellipsis;padding:10px;font-size:15px}.mix-room__stem-name>label{font-weight:700}.mix-room__stem-field input:focus-visible{outline:2px solid var(--toolbar-accent);outline-offset:2px}.mix-room__stem-filename{color:var(--toolbar-stem-filename-text);overflow-wrap:anywhere;font-size:12px;line-height:1.3}.mix-room__stem-actions{justify-content:space-between;align-items:flex-end;gap:10px;margin-top:14px;display:flex}.mix-room__current-stems .mix-room__stem-actions{justify-content:flex-end}.mix-room__stem-selection-actions{flex-wrap:wrap;gap:10px;display:flex}.mix-room__stem-smart-rename{align-items:center;gap:6px;display:inline-flex}.mix-room__stem-analyze{margin-left:auto}.mix-room__stem-add span{vertical-align:middle;font-size:20px;line-height:.8}.mix-room__processing-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.mix-room__processing-option{border:1px solid var(--toolbar-border);cursor:pointer;border-radius:var(--toolbar-processing-radius);align-items:center;gap:10px;min-width:0;padding:8px 12px;display:flex}.mix-room__processing-option--selected,.mix-room__processing:not(:disabled) .mix-room__processing-option:is(:hover,:focus-within){border-color:var(--toolbar-accent);background:var(--toolbar-selected-background);color:var(--toolbar-selected-text);--toolbar-description-text:var(--toolbar-selected-text)}.mix-room__processing-option>span>strong{color:inherit}.mix-room__processing-option--selected input,.mix-room__processing:not(:disabled) .mix-room__processing-option:is(:hover,:focus-within) input{accent-color:var(--toolbar-selected-text)}.mix-room__processing-option input{accent-color:var(--toolbar-accent);flex-shrink:0;margin:0}.mix-room__processing-description{color:var(--toolbar-description-text);font-size:13px;line-height:1.3;display:block}.mix-room__processing:disabled .mix-room__processing-option{cursor:default}.mix-room__upload-actions{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:12px;display:grid}.mix-room__upload-step{margin:18px 0 8px;font-size:15px}.mix-room__upload-submit{flex:none;justify-content:flex-end;padding-top:12px;display:flex}.mix-room__toolbar .mix-room__upload-button:not(:disabled),.mix-room__toolbar .mix-room__stem-analyze:not(:disabled){background:linear-gradient(130deg, var(--frame-tab-active-start), var(--frame-tab-active-end));color:var(--frame-tab-active-text);border-color:var(--frame-title-start)}.mix-room__service-notice{border:1px solid var(--toolbar-outline);border-radius:var(--toolbar-processing-radius);color:var(--toolbar-help-text);margin:8px 0;padding:10px 12px;font-size:14px}.mix-room__toolbar .mix-room__service-notice button{margin-top:6px;font-size:14px}.mix-room__file-input{display:none}.mix-room__filename{min-width:0;color:var(--toolbar-filename-text);text-align:left;overflow-wrap:anywhere;font-size:14px}.mix-room__filename--empty{color:var(--toolbar-filename-placeholder)}.mix-room__instruments{text-align:left;border:0;min-width:0;margin:0;padding:0}.mix-room__instruments legend{color:var(--toolbar-instrument-heading);font-size:var(--toolbar-section-heading-size);font-weight:var(--toolbar-section-heading-weight);padding:0}.mix-room__visibility-actions{text-align:right;justify-content:flex-end;margin-top:8px;display:flex}.mix-room__instrument-options{flex-wrap:wrap;gap:10px 18px;display:flex}.mix-room__instrument-options input[type=checkbox]{accent-color:var(--toolbar-instrument-accent,var(--instrument-color))}.mix-room__instrument-option{text-transform:capitalize;white-space:nowrap;cursor:pointer;border-radius:4px;align-items:center;gap:6px;padding:4px 6px;font-size:15px;display:flex}@media (width<=900px),(pointer:coarse) and (width<=1100px){:root{--room-page-gutter:var(--room-mobile-gutter);--room-preview-width:150px;--room-panel-inset:12px}.mix-room{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0, 1fr) auto var(--room-mobile-navigation-height);height:min(100%, calc((100vw - 2 * var(--room-mobile-gutter) - 22px) / var(--canvas-aspect) + var(--room-mobile-chrome-height)));grid-template-areas:"heading""workspace""player""navigation"}.mix-room--panel{height:100%}.mix-room__masthead{gap:10px;padding:10px 14px}.mix-room__masthead h1{font-size:clamp(16px,2.8vw,22px)}.mix-room__brand-icon{width:26px;height:26px;font-size:20px}.mix-room__workspace{border:1px solid var(--toolbar-outline);box-shadow:none;border-radius:8px;margin:8px 8px 0}.mix-room__navigation{padding:4px 8px 8px}.mix-room__tabs{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;display:grid}.mix-room__primary-tabs,.mix-room__utility-tabs{display:contents}.mix-room__tabs button{text-align:center;border:1px solid var(--frame-outline);letter-spacing:normal;border-radius:7px;flex-direction:column;justify-content:center;gap:4px;min-height:44px;padding:4px 2px;font-size:12px}.mix-room__tabs button svg{width:20px;height:20px}.mix-room__tab-label{display:none}.mix-room__tab-compact{display:block}.mix-room__bottom-toolbar{padding:8px}.mix-room__player-section{padding:8px 10px}.mix-room__controls{grid-template-columns:minmax(0,1fr) auto;gap:6px}.mix-room__title{grid-area:1/1;font-size:17px;line-height:1.3}.mix-room__top-actions{grid-area:1/2;gap:6px}.mix-room__audio{grid-area:2/1/auto/-1;width:100%}.mix-room__custom-player{grid-template-columns:44px minmax(0,1fr) 112px;gap:10px;min-height:56px;padding:5px 8px}.mix-room__toolbar button{min-height:44px}.mix-room__toolbar .mix-room__play-button,.mix-room__toolbar .mix-room__mute-button{width:44px;height:44px;padding:0}.mix-room__player-volume{grid-template-columns:44px minmax(0,1fr)}.mix-room__player-range{height:32px}.mix-room__player-range::-webkit-slider-thumb{width:16px;height:22px;margin-top:-8px}.mix-room__player-range::-moz-range-thumb{width:14px;height:20px}.mix-room__sidebar,.mix-room__content-overlay{width:auto;inset:10px}.mix-room__sidebar .mix-room__toolbar-section{padding:0}.mix-room__sidebar .mix-room__instrument-option{align-items:center;min-height:44px}.mix-room__instrument-options input[type=checkbox]{width:18px;height:18px;margin:0}.mix-room__toolbar .mix-room__overlay-close{width:44px;height:44px;min-height:44px}.mix-room__setting-toggle{min-height:44px}.mix-room__processing-section{padding:16px}.mix-room__processing-header{grid-template-columns:minmax(0,280px) auto;gap:8px;margin:8px 0 12px}.mix-room__processing-header>button{justify-self:end}.mix-room__current-stems .mix-room__stem-list{grid-template-columns:minmax(0,1fr)}.mix-room__stem-field input{min-height:44px;font-size:16px}.mix-room__stem-actions{flex-wrap:wrap}.mix-room__loading{padding:10px}.mix-room__loading-content{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;max-height:100%;padding:12px;display:grid;overflow:auto}.mix-room__loading-eyebrow,.mix-room__loading-title,.mix-room__loading-stage,.mix-room__loading-cancel{grid-column:1/-1}.mix-room__loading-eyebrow{letter-spacing:1px;margin:0;font-size:11px;line-height:1.3}.mix-room__loading-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:20px;line-height:1.2;display:-webkit-box;overflow:hidden}.mix-room__loading-stage{overflow-wrap:anywhere;min-height:20px;font-size:14px;line-height:1.3}.mix-room__progress{height:16px;margin-top:8px}.mix-room__loading-percent{align-self:end;margin:0;font-size:16px;line-height:1.2}.mix-room__loading-cancel{justify-self:end;min-height:44px;margin-top:8px;font-size:15px}}@media (width<=600px){:root{--room-preview-width:116px;--room-panel-inset:10px}.mix-room__brand-icon{display:none}.mix-room__masthead{padding:10px 12px}.mix-room__masthead h1{font-size:17px}.mix-room__tabs button{gap:4px;font-size:11px}.mix-room__tabs button svg{width:19px;height:19px}.mix-room__overlay-header{gap:8px;padding:12px}.mix-room__overlay-header h2{font-size:18px}.mix-room__overlay-body{padding:0 12px 12px;font-size:14px}.mix-room__room-guide>div{grid-template-columns:minmax(0,1fr);gap:2px}.mix-room__settings-fields,.mix-room__setting--labels{grid-template-columns:minmax(0,1fr)}.mix-room__settings-actions{gap:8px;padding:10px 12px}.mix-room__settings-actions button{padding:6px;font-size:13px}.mix-room__setting-heading{font-size:14px}.mix-room__processing-section{width:100%;padding:12px;bottom:0}.mix-room__processing-header{grid-template-columns:minmax(0,1fr) auto}.mix-room__toolbar .mix-room__new-stem-mix{place-items:center;width:44px;padding:0;display:grid}.mix-room__new-stem-icon{font-size:24px;line-height:1;display:block}.mix-room__new-stem-label{display:none}.mix-room__workspace--processing .mix-room__canvas:not(:-webkit-any(:fullscreen,:-webkit-full-screen)):not(.mix-room__canvas--expanded){visibility:hidden;pointer-events:none}.mix-room__workspace--processing .mix-room__canvas:not(:is(:fullscreen,:fullscreen)):not(.mix-room__canvas--expanded){visibility:hidden;pointer-events:none}.mix-room--panel .mix-room__title{grid-area:1/1/auto/-1}.mix-room--panel .mix-room__audio{grid-area:2/1}.mix-room--panel .mix-room__top-actions{grid-area:2/2}.mix-room__preview-expand{height:22px;padding:2px 7px;font-size:11px}.mix-room__workspace--processing .mix-room__canvas:not(:-webkit-any(:fullscreen,:-webkit-full-screen)):not(.mix-room__canvas--expanded){padding-top:22px;bottom:10px;right:10px}.mix-room__workspace--processing .mix-room__canvas:not(:is(:fullscreen,:fullscreen)):not(.mix-room__canvas--expanded){padding-top:22px;bottom:10px;right:10px}.mix-room__player-section{padding:7px 8px}.mix-room__custom-player{grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;padding:5px 8px}.mix-room__player-volume{display:block}.mix-room__player-volume>input{display:none}.mix-room__player-times{font-size:12px}.mix-room__existing-result-fields{grid-template-columns:minmax(0,1fr)}.mix-room__stem-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:6px}.mix-room__stem-row>button{margin-bottom:19px;padding:6px;font-size:12px}.mix-room__stem-row>.mix-room__stem-remove{min-width:44px}.mix-room__stem-row>.mix-room__stem-replace{place-items:center;min-width:44px;padding:0;display:grid}.mix-room__stem-replace svg{display:block}.mix-room__stem-replace span{display:none}.mix-room__stem-filename{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mix-room__stem-title{margin-bottom:8px}.mix-room__stem-selection-actions{grid-template-columns:auto minmax(0,1fr);gap:8px;width:100%;display:grid}.mix-room__stem-selection-actions button{padding:6px;font-size:14px}.mix-room__stem-analyze{width:100%}.mix-room__upload-actions{grid-template-columns:minmax(0,1fr);gap:8px;margin-top:12px}.mix-room__file-picker,.mix-room__upload-button{width:100%}.mix-room__upload-step{margin-top:16px}.mix-room__processing-option{align-items:start;gap:6px;padding:10px 8px;font-size:15px}.mix-room__processing-option input{margin-top:4px}.mix-room__processing-description{font-size:12px}.mix-room__processing-help{font-size:14px;line-height:1.35}.mix-room__service-notice{padding:8px;font-size:13px}.mix-room__toolbar .mix-room__service-notice button{width:100%;font-size:13px}.mix-room__toolbar input[type=checkbox]{flex-shrink:0;width:18px;height:18px;margin:0}}@media (width<=900px) and (height<=560px) and (orientation:landscape),(pointer:coarse) and (width<=1100px) and (height<=560px) and (orientation:landscape){:root{--room-mobile-navigation-height:54px;--room-preview-width:120px}.mix-room__masthead{padding:6px 12px}.mix-room__masthead h1{font-size:17px}.mix-room__brand-icon{display:none}.mix-room__navigation{padding-block:3px 6px}.mix-room__tabs button{gap:2px;font-size:11px}.mix-room__tabs button svg{width:17px;height:17px}.mix-room__bottom-toolbar{padding-block:5px}.mix-room__player-section{padding:4px 8px}.mix-room__controls{grid-template-columns:minmax(70px,18%) minmax(0,1fr) auto;gap:8px}.mix-room__title{grid-area:1/1;font-size:14px}.mix-room__audio{grid-area:1/2}.mix-room__top-actions{grid-area:1/3}.mix-room__custom-player{grid-template-columns:44px minmax(0,1fr) 44px;gap:6px;min-height:50px;padding:2px 4px}.mix-room__player-volume{display:block}.mix-room__player-volume>input{display:none}.mix-room__processing-section{padding:10px 12px}.mix-room__processing-header{grid-template-columns:minmax(0,220px) auto;margin:4px 0 6px}.mix-room__processing-heading{font-size:17px;line-height:1.2}.mix-room__stem-title{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;margin-bottom:6px}.mix-room__stem-field{line-height:1.2}.mix-room__new-stems>.mix-room__processing-help,.mix-room__current-stems>.mix-room__processing-help{display:none}.mix-room__stem-actions{gap:6px;margin-top:6px}.mix-room__stem-actions button{padding-inline:6px;font-size:13px}.mix-room__overlay-header{padding-block:8px}.mix-room__overlay-body{font-size:14px}.mix-room__settings-actions,.mix-room__demo-actions{padding-block:8px}.mix-room[data-view=processing] .mix-room__masthead{display:none}.mix-room__processing-section{width:100%}.mix-room__processing-heading{position:absolute;top:18px;left:12px}.mix-room__processing-header{margin-top:0;padding-left:145px}.mix-room__workspace--processing .mix-room__canvas:not(:-webkit-any(:fullscreen,:-webkit-full-screen)):not(.mix-room__canvas--expanded){visibility:hidden;pointer-events:none}.mix-room__workspace--processing .mix-room__canvas:not(:is(:fullscreen,:fullscreen)):not(.mix-room__canvas--expanded){visibility:hidden;pointer-events:none}.mix-room__stem-upload{grid-template-columns:minmax(120px,25%) minmax(0,1fr);gap:12px;display:grid}.mix-room__stem-title{grid-template-columns:minmax(0,1fr);align-self:start}.mix-room__current-stems .mix-room__stem-list,.mix-room__new-stems .mix-room__stem-list{grid-template-columns:repeat(2,minmax(0,1fr))}.mix-room__stem-row{gap:6px}.mix-room__stem-row>button{min-width:44px;padding:6px}.mix-room__stem-replace{place-items:center;display:grid}.mix-room__stem-replace svg{display:block}.mix-room__stem-replace span{display:none}.mix-room__new-stems .mix-room__stem-actions{grid-template-columns:44px 44px minmax(0,1fr);align-items:stretch;display:grid}.mix-room__stem-selection-actions{display:contents}.mix-room__stem-actions .mix-room__stem-action-label{display:none}.mix-room__stem-actions .mix-room__stem-smart-rename{justify-content:center}.mix-room__stem-analyze{margin-left:0}.mix-room__empty-stems{justify-content:flex-start;gap:8px;min-height:0;padding:8px}.mix-room__empty-stems>svg,.mix-room__empty-stems>strong{display:none}.mix-room__empty-stems>small{font-size:12px}.mix-room__song-upload{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.mix-room__song-fields{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-content:start;gap:10px;display:grid}.mix-room__song-fields>:is(#processing-help,.mix-room__upload-step){display:none}.mix-room__song-fields>:is(.mix-room__service-notice,.mix-room__existing-result){grid-column:1/-1}.mix-room__upload-actions{grid-template-columns:minmax(0,1fr);gap:6px;margin-top:0}.mix-room__filename{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.mix-room__file-picker{width:100%}.mix-room__upload-submit{align-items:flex-end;padding-top:0}.mix-room__processing-option{gap:6px;padding:6px;font-size:14px}.mix-room__processing-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}}@media (width<=1100px) and (height<=400px) and (orientation:landscape){.mix-room__processing-description{-webkit-line-clamp:1}}.mix-room[data-compact-form=true] .mix-room__processing-section{padding:10px}.mix-room[data-compact-form=true] .mix-room__processing-header{margin:6px 0 8px}.mix-room[data-compact-form=true] .mix-room__upload-views{padding:3px}.mix-room[data-compact-form=true] .mix-room__upload-views:before{inset-block:3px;width:calc(50% - 3px);left:3px}.mix-room[data-compact-form=true] .mix-room__toolbar .mix-room__upload-views button{padding-inline:4px;font-size:14px}.mix-room[data-compact-form=true] .mix-room__stem-title{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px}.mix-room[data-compact-form=true] .mix-room__stem-actions{gap:6px;margin-top:6px}.mix-room[data-compact-form=true] .mix-room__stem-actions button{padding-inline:6px;font-size:13px}.mix-room[data-compact-form=true] .mix-room__stem-smart-rename svg{flex:none;width:16px}.mix-room[data-compact-form=true] .mix-room__current-stems>.mix-room__processing-help{display:none}.mix-room[data-compact-form=true] .mix-room__new-stems .mix-room__stem-actions{grid-template-columns:44px 44px minmax(0,1fr);align-items:stretch;display:grid}.mix-room[data-compact-form=true] .mix-room__stem-selection-actions{display:contents}.mix-room[data-compact-form=true] .mix-room__stem-actions .mix-room__stem-action-label{display:none}.mix-room[data-compact-form=true] .mix-room__stem-actions .mix-room__stem-smart-rename{justify-content:center}.mix-room[data-compact-form=true] .mix-room__stem-analyze{margin-left:0}.mix-room[data-compact-form=true] .mix-room__empty-stems{gap:8px;min-height:0;padding:8px}.mix-room[data-compact-form=true] .mix-room__empty-stems>svg{display:none}.mix-room[data-compact-form=true] .mix-room__empty-stems>strong{font-size:14px}.mix-room[data-compact-form=true] .mix-room__empty-stems>small{font-size:12px}@media (height<=600px){.mix-room__content-overlay--settings .mix-room__overlay-intro,.mix-room__content-overlay--settings .mix-room__overlay-note,.mix-room__settings-fields .mix-room__setting p,.mix-room__settings-fields .mix-room__setting-toggle small{display:none}.mix-room__settings-fields{gap:12px}.mix-room__setting-heading,.mix-room__setting-toggle{font-size:14px}}.mix-room[data-view=processing][data-compact-upload=true] :is(.mix-room__masthead,.mix-room__title,.mix-room__processing-heading){display:none}.mix-room[data-view=processing][data-compact-upload=true] :is(.mix-room__audio,.mix-room__top-actions){grid-row:1}.mix-room[data-view=processing][data-compact-upload=true] .mix-room__bottom-toolbar,.mix-room[data-view=processing][data-compact-upload=true] .mix-room__player-section{padding-block:6px}.mix-room[data-compact-upload=true] .mix-room__processing-section{padding:8px}.mix-room[data-compact-upload=true] .mix-room__processing-header{margin:4px 0 6px}.mix-room[data-compact-upload=true] .mix-room__upload-views{padding:0}.mix-room[data-compact-upload=true] .mix-room__upload-views:before{inset-block:0;width:50%;left:0}.mix-room[data-compact-upload=true] .mix-room__stem-title{margin-bottom:4px}.mix-room[data-compact-upload=true] .mix-room__new-stems>.mix-room__processing-help{margin:2px 0 4px;font-size:13px;line-height:1.2}.mix-room[data-compact-upload=true] .mix-room__song-fields>#processing-help{display:none}@media (width>=901px) and (height<=600px) and (pointer:fine){:root{--room-page-gutter:16px;--room-navigation-width:140px;--navigation-utility-height:72px}.mix-room__masthead{padding:7px 14px}.mix-room__masthead h1{font-size:21px}.mix-room__brand-icon{width:26px;height:26px;font-size:20px}.mix-room__navigation{padding:8px 0 8px 8px}.mix-room__tabs{gap:8px}.mix-room__primary-tabs{flex:1}.mix-room__tabs button{gap:6px;padding:4px 8px;font-size:12px}.mix-room__tabs button svg{width:18px;height:18px}.mix-room__tab-label{display:none}.mix-room__tab-compact{display:block}.mix-room__bottom-toolbar,.mix-room__player-section{padding:8px 12px}}#root:has(.mix-room[data-keyboard=true]){padding-bottom:var(--room-mobile-gutter)}.mix-room[data-keyboard=true] .mix-room__bottom-toolbar{display:none}.mix-room[data-compact-upload=true]:is([data-progress=true],[data-failure=true]){grid-template-rows:auto minmax(0,1fr) auto 0}.mix-room[data-compact-upload=true]:is([data-progress=true],[data-failure=true]) .mix-room__navigation{display:none}.mix-room__utility-tabs{grid-template-rows:repeat(3,minmax(0,1fr))}.mix-room__github-link{cursor:pointer;background:0 0;border:0;padding:0}.mix-room__mobile-navigation,.mix-room__about-mobile,.mix-room__style-options--mobile{display:none}.mix-room__style-options{border:0;gap:12px;margin:0;padding:0;display:grid}.mix-room__style-option{border:1px solid var(--overlay-border);cursor:pointer;border-radius:6px;grid-template-columns:auto 64px minmax(0,1fr);align-items:center;gap:12px;padding:12px;display:grid}.mix-room__style-option[data-selected=true]{border-color:var(--toolbar-accent);box-shadow:inset 0 0 0 1px var(--toolbar-accent)}.mix-room__style-option strong,.mix-room__style-option small{display:block}.mix-room__style-option small{color:var(--overlay-muted);margin-top:4px;font-size:13px}.mix-room__style-swatch{border:1px solid;border-radius:4px;height:48px}@media (width<=900px),(pointer:coarse) and (width<=1100px){.mix-room__tabs{grid-template-columns:repeat(7,minmax(0,1fr))}}.mix-room__controls{grid-template-columns:minmax(80px,.55fr) minmax(200px,1.8fr) auto;gap:12px}.mix-room__title,.mix-room--panel .mix-room__title{text-align:right;grid-area:1/1;font-size:clamp(16px,1.55vw,22px)}.mix-room__audio,.mix-room--panel .mix-room__audio{grid-area:1/2}.mix-room__top-actions,.mix-room--panel .mix-room__top-actions{grid-area:1/3}.mix-room__labeled-button{flex-direction:column;gap:2px;min-width:62px;padding:5px 7px}.mix-room__labeled-button small{font:600 10px/1.2 var(--toolbar-font)}.mix-room__settings-icon{background:currentColor;flex:none;width:24px;height:24px;display:inline-block;-webkit-mask:url(/icons/settings.svg) 50%/contain no-repeat;mask:url(/icons/settings.svg) 50%/contain no-repeat}.mix-room__masthead{text-align:center;grid-template-columns:32px minmax(0,1fr) 32px;display:grid}.mix-room__masthead h1{grid-column:2;justify-self:center}@media (width<=600px){.mix-room__masthead{grid-template-columns:12px minmax(0,1fr) 12px;gap:4px}.mix-room__controls{grid-template-columns:minmax(42px,.42fr) minmax(116px,1.6fr) auto;gap:4px}.mix-room__title,.mix-room--panel .mix-room__title{grid-area:1/1;font-size:12px;line-height:1.15}.mix-room__audio,.mix-room--panel .mix-room__audio{grid-area:1/2}.mix-room__top-actions,.mix-room--panel .mix-room__top-actions{grid-area:1/3;justify-self:end;gap:4px}.mix-room__custom-player{grid-template-columns:34px minmax(0,1fr);gap:6px;min-height:44px;padding:3px 5px}.mix-room__toolbar .mix-room__play-button{width:34px;height:34px;min-height:34px}.mix-room__player-volume{display:none}.mix-room__player-times{font-size:10px}.mix-room__labeled-button{min-width:44px;padding-inline:4px}.mix-room__labeled-button svg{width:20px;height:20px}.mix-room__labeled-button small{font-size:8px}}.mix-room__workspace--processing .mix-room__canvas:not(:-webkit-any(:fullscreen,:-webkit-full-screen)):not(.mix-room__canvas--expanded){padding-top:0;overflow:visible}.mix-room__workspace--processing .mix-room__canvas:not(:is(:fullscreen,:fullscreen)):not(.mix-room__canvas--expanded){padding-top:0;overflow:visible}.mix-room__workspace--processing .mix-room__canvas-content{border-radius:8px;overflow:hidden}.mix-room__preview-expand{background:0 0;border-radius:8px;width:100%;height:100%;padding:0;inset:0}.mix-room__preview-expand span{color:var(--toolbar-text);text-align:center;font-size:12px;line-height:1.25;position:absolute;bottom:calc(100% + 5px);left:0;right:0}@media (width>=1500px) and (aspect-ratio>=16/10) and (pointer:fine){.mix-room__bottom-toolbar{padding-block:8px}.mix-room__player-section{padding-block:6px}}.mix-room__fullscreen-controls{left:max(16px, env(safe-area-inset-left));right:max(16px, env(safe-area-inset-right));flex-direction:row;justify-content:flex-end;align-items:center}.mix-room__fullscreen-player{flex:0 460px;min-width:0;max-width:calc(100% - 54px)}.mix-room__fullscreen-player .mix-room__custom-player{box-sizing:border-box;background:var(--fullscreen-exit-background);color:#fff;--player-track-background:#ffffff57;--player-track-fill:#fff;--player-thumb-background:#fff;--player-thumb-outline:#00000059;border:0;border-radius:7px;grid-template-columns:34px minmax(0,1fr);gap:8px;width:100%;min-height:44px;padding:5px 9px}.mix-room__fullscreen-player .mix-room__player-volume{display:none}.mix-room__fullscreen-player .mix-room__play-button{color:#fff;width:32px;height:32px;min-height:32px;box-shadow:none;background:0 0;border:0;padding:0}.mix-room__fullscreen-player .mix-room__player-times{color:#fff;font-size:11px}.mix-room__fullscreen-player .mix-room__player-range{height:14px}.mix-room__fullscreen-player .mix-room__player-range:focus-visible{outline:2px solid #fff}.mix-room--fullscreen .mix-room__viewport{transform-origin:50%;animation:.76s cubic-bezier(.16,1,.3,1) both mix-room-fullscreen-enter}.mix-room--fullscreen .mix-room__fullscreen-controls{animation:.52s ease-out .28s both mix-room-fullscreen-controls-enter}@keyframes mix-room-fullscreen-enter{0%{opacity:.18;transform:scale(.72)}58%{opacity:1}to{opacity:1;transform:scale(1)}}@keyframes mix-room-fullscreen-controls-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.mix-room--fullscreen .mix-room__viewport,.mix-room--fullscreen .mix-room__fullscreen-controls{animation:none}}.mix-room__toolbar-section{background:linear-gradient(#6d7e89 0,#233a4c 8%,#0a1723 100%);border-color:#5c7484;border-radius:4px 14px;box-shadow:inset 0 1px #ebf7fbc7,0 6px 16px #0000008c}.mix-room__sidebar,.mix-room__content-overlay{background:linear-gradient(145deg,#142d40,#081522 72%);border:1px solid #3f6073;border-radius:3px 14px;box-shadow:0 14px 34px #000000a8,inset 0 1px #d6eef62e}.mix-room__toolbar button{background:linear-gradient(#29465a,#0c1c2a);border-color:#597284;border-radius:2px 9px;box-shadow:inset 0 1px #a0c1d061}.mix-room__toolbar button:not(:disabled):is(:hover,:active,:focus-visible){background:linear-gradient(#207b94,#10556c);border-color:#54dff5;box-shadow:inset 0 1px #e0fcff73,0 0 10px #44dff447}.mix-room__custom-player{background:linear-gradient(180deg, var(--player-background-start), var(--player-background-end));border-radius:3px 11px;box-shadow:inset 0 2px 8px #000c}.mix-room__toolbar .mix-room__play-button{background:linear-gradient(#d4fbff,#45cbe2 45%,#146e88);border-color:#b7f8ff;box-shadow:inset 0 1px #fffc,0 0 10px #44dff475}.mix-room__toolbar .mix-room__play-button:not(:disabled):is(:hover,:active,:focus-visible){color:#071321;background:linear-gradient(#edffff,#6ee7f4 45%,#2087a0)}.mix-room__player-range::-webkit-slider-thumb{border-radius:1px;box-shadow:0 0 6px #ff9d3ba6}.mix-room__player-range::-moz-range-thumb{border-radius:1px;box-shadow:0 0 6px #ff9d3ba6}.mix-room__style-option,.mix-room__processing-option,.mix-room__service-notice,.mix-room__demo-instruments li{background:#030c145c}.mix-room__processing-option--selected,.mix-room__processing:not(:disabled) .mix-room__processing-option:is(:hover,:focus-within){color:#06121e;--toolbar-description-text:#06121e;background:linear-gradient(#b8f7ff,#35c4e0 48%,#1b819b)}.mix-room__loading-content{background:#030d16f0;border-radius:4px 18px}.mix-room__github-link:is(:hover,:focus-visible){box-shadow:0 0 12px #44dff459}@media (width>=1200px) and (pointer:fine){.mix-room__utility-tabs{z-index:5;background:#020a12;border:1px solid #536a7b;border-radius:4px 12px;grid-template-columns:repeat(3,auto);gap:2px;width:auto;height:38px;margin:0;padding:3px;display:grid;position:absolute;top:11px;right:18px;box-shadow:inset 0 2px 8px #000}.mix-room__utility-tabs button{width:auto;min-width:72px;height:30px;box-shadow:none;color:#87a6b8;background:0 0;border:0;border-radius:2px 8px;justify-content:center;padding:5px 9px;font-size:11px}.mix-room__utility-tabs button svg,.mix-room__utility-tabs .mix-room__settings-icon{display:none}.mix-room__utility-tabs button[aria-selected=true]{color:#06121e;background:linear-gradient(#b8f7ff,#35c4e0 48%,#1b819b);box-shadow:inset 0 1px #fff}}.mix-room *,.mix-room :before,.mix-room :after{box-sizing:border-box}.mix-room__masthead{text-align:left;align-items:center;gap:20px;min-height:72px;padding:12px 20px;display:flex}.mix-room__brand{align-items:center;gap:12px;min-width:max-content;display:flex}.mix-room__brand-mark{color:#071321;background:linear-gradient(145deg,#eff8fc,#738a9a 50%,#d8e4e8);border:1px solid #9edce9;border-radius:4px 13px;place-items:center;width:40px;height:40px;font-weight:700;display:grid;box-shadow:inset 0 0 0 2px #182a38,0 0 12px #49ddff78}.mix-room__brand-copy strong,.mix-room__brand-copy small{display:block}.mix-room__brand-copy strong{color:#eef9ff;letter-spacing:.08em;font-size:20px}.mix-room__brand-copy small{color:#76dff3;letter-spacing:.08em;margin-top:1px;font-size:11px}.mix-room__mode-tabs{background:#020a12;border:1px solid #536a7b;border-radius:4px 12px;align-items:center;gap:2px;margin:0 auto;padding:3px;display:flex;box-shadow:inset 0 2px 8px #000}.mix-room__mode-tabs--mobile{display:none}.mix-room__mode-tabs button{color:#7895a8;min-width:0;font:500 11px/1.2 var(--toolbar-font);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:8px 14px;overflow:hidden}.mix-room__mode-tabs button:first-child{border-radius:1px 0 0 9px}.mix-room__mode-tabs button:last-child{border-radius:0 9px 1px 0}.mix-room__mode-tabs button[aria-pressed=true]{color:#06121e;background:linear-gradient(#b8f7ff,#35c4e0 48%,#1b819b);box-shadow:inset 0 1px #fff}.mix-room__mode-tabs button:focus-visible{outline-offset:2px;outline:2px solid #ff9d3b}.mix-room__mode-tabs button:disabled{cursor:default;opacity:.58}.mix-room__view-status{white-space:nowrap;justify-content:flex-end;align-items:center;gap:6px;min-width:max-content;font-size:10px;display:flex}.mix-room__view-status span{color:#7ae9f6;text-overflow:ellipsis;background:#03111dcc;border:1px solid #3f91a2;border-radius:2px 8px;padding:6px 8px;overflow:hidden}.mix-room__tab-index{color:#65dff1;border-right:1px solid #446176;flex:none;place-items:center;width:27px;height:27px;font-size:10px;display:grid}.mix-room__room-hud{z-index:2;pointer-events:none;position:absolute;inset:0}.mix-room__room-heading{color:#eef9ff;text-align:left;background:#05111cde;border-left:3px solid #ff9d3b;border-radius:2px 10px;justify-content:space-between;align-items:center;padding:10px 13px;display:flex;position:absolute;inset:16px 18px auto;box-shadow:0 6px 16px #000000b8}.mix-room__room-heading strong,.mix-room__room-heading small{display:block}.mix-room__room-heading>span:first-child{min-width:0;overflow:hidden}.mix-room__room-heading strong,.mix-room__room-heading small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.mix-room__room-heading strong{letter-spacing:.08em;font-size:15px}.mix-room__room-heading small{color:#68cadb;text-transform:uppercase;margin-top:2px;font-size:11px}.mix-room__room-badge{color:#54e5fa;text-overflow:ellipsis;white-space:nowrap;background:#0a2638;border:1px solid #42d6ed;border-radius:2px 8px;flex:none;max-width:45%;padding:7px 10px;font-size:11px;overflow:hidden}.mix-room__room-details{gap:7px;display:flex;position:absolute;bottom:18px;left:18px}.mix-room__room-details span{color:#7ae9f6;text-overflow:ellipsis;white-space:nowrap;background:#03111dcc;border:1px solid #3f91a2;border-radius:2px 8px;min-width:0;padding:6px 9px;font-size:10px;overflow:hidden}.mix-room__workspace--playing .mix-room__viewport{filter:saturate(.78)contrast(1.08)brightness(.83)hue-rotate(8deg)}.mix-room__track-title{text-align:right;grid-area:1/1;min-width:0}.mix-room__track-title .mix-room__title{color:#eef9ff;letter-spacing:.06em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:17px;display:block;overflow:hidden}.mix-room__track-title small{color:#68cadb;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:10px;display:block;overflow:hidden}.mix-room__brand-copy,.mix-room__tab-label,.mix-room__labeled-button small{min-width:0;max-width:100%;overflow:hidden}.mix-room__tab-label{letter-spacing:0;overflow-wrap:normal;text-overflow:ellipsis;word-break:normal;max-height:2.5em;line-height:1.25}.mix-room__labeled-button small{text-overflow:ellipsis;white-space:nowrap}@media (width>=901px) and (pointer:fine),(width>=1101px){.mix-room{height:min(100%, var(--room-window-max-height))}}@media (width>=901px){:root{--room-navigation-width:172px}.mix-room{grid-template-columns:var(--room-navigation-width) minmax(0, 1fr);background:linear-gradient(135deg,#586875,#16283a 40%,#071321);border-color:#d7e9f3;border-radius:12px 28px;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"heading heading""navigation workspace""navigation player";box-shadow:0 30px 80px #000000ba,inset 0 1px #fff}.mix-room__navigation{border-right:1px solid #4acde566;padding:18px 12px}.mix-room__tabs{gap:8px}.mix-room__primary-tabs,.mix-room__utility-tabs{width:auto;height:auto;box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;flex:none;gap:6px;margin:0;padding:0;display:flex;position:static}.mix-room__utility-tabs{margin-top:auto}.mix-room__tabs button,.mix-room__utility-tabs button{color:#83a0b2;background:linear-gradient(#1b3448,#0b1a28);border:1px solid #314c60;border-radius:3px 11px;justify-content:flex-start;gap:4px;width:100%;min-width:0;height:auto;min-height:56px;padding:9px;font-size:14.5px;box-shadow:inset 0 1px #5b718066,0 3px 7px #00000087}.mix-room__tabs button[aria-selected=true],.mix-room__utility-tabs button[aria-selected=true]{color:#eaffff;background:linear-gradient(100deg,#183b55,#116d86);border-color:#54dff5;box-shadow:inset 3px 0 #ff9d3b,0 0 12px #2fcce945}.mix-room__utility-tabs button svg,.mix-room__utility-tabs .mix-room__settings-icon{display:none}.mix-room__workspace{border:1px solid #7cdced;border-radius:5px 18px;margin:0 18px 0 0}.mix-room__bottom-toolbar{padding:12px 18px 18px 0}.mix-room__controls{grid-template-columns:minmax(120px,.5fr) minmax(280px,1.7fr) auto;gap:14px;padding:10px 12px}.mix-room__custom-player{grid-template-columns:42px minmax(0,1fr);gap:10px;min-height:52px;padding:7px 10px}.mix-room__player-volume{display:none}.mix-room__toolbar .mix-room__play-button{width:42px;height:42px}.mix-room__labeled-button{min-width:58px;min-height:46px;padding:6px 8px}.mix-room__labeled-button small{margin-top:4px;font-size:8px}}@media (width<=900px),(pointer:coarse) and (width<=1100px){.mix-room__masthead{gap:10px;min-height:58px;padding:9px 12px}.mix-room__brand-mark{width:34px;height:34px}.mix-room__brand-copy strong{font-size:16px}.mix-room__brand-copy small,.mix-room__view-status{display:none}.mix-room__mode-tabs{margin-left:auto;margin-right:0}.mix-room__mode-tabs button{padding:7px 8px;font-size:9px}.mix-room__tabs{grid-template-columns:repeat(6,minmax(0,1fr))}.mix-room__tabs button{border-radius:3px 9px}.mix-room__tab-index{border:0;width:auto;height:auto;font-size:11px}.mix-room__tab-label{display:none}.mix-room__track-title{text-align:left}.mix-room__track-title .mix-room__title{font-size:12px}.mix-room__track-title small{display:none}.mix-room__room-heading{padding:8px 10px;inset:10px 10px auto}.mix-room__room-heading strong{font-size:12px}.mix-room__room-heading small{font-size:9px}.mix-room__room-details{bottom:10px;left:10px}}@media (width<=350px){.mix-room__brand-copy{display:none}}.mix-room__content-overlay--mixdata{width:min(900px, calc(100% - 2 * var(--room-panel-inset)));max-height:calc(100% - 2 * var(--room-panel-inset));inset:50% auto auto 50%;transform:translate(-50%,-50%)}.mix-room__mix-data-heading{justify-content:space-between;align-items:end;gap:18px;margin-bottom:16px;display:flex}.mix-room__mix-data-heading>div{min-width:0}.mix-room__mix-data-heading strong,.mix-room__mix-data-heading>div span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mix-room__mix-data-heading strong{color:var(--toolbar-heading);font-size:20px}.mix-room__mix-data-heading>div span,.mix-room__mix-data-heading>span{color:var(--overlay-muted);font-size:12px}.mix-room__mix-data-heading>span{text-align:right;max-width:380px}.mix-room__mix-data-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 16px;display:grid}.mix-room__mix-data-summary div{background:#030c1475;border:1px solid #36566a;border-radius:2px 9px;min-width:0;padding:10px}.mix-room__mix-data-summary dt{color:var(--overlay-muted);text-transform:uppercase;font-size:10px}.mix-room__mix-data-summary dd{color:#eef9ff;text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:18px;overflow:hidden}.mix-room__mix-data-table-wrap{border:1px solid #36566a;overflow:auto}.mix-room__mix-data-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;min-width:720px}.mix-room__mix-data-table :is(th,td){text-align:right;white-space:nowrap;border-bottom:1px solid #36566aa6;padding:7px 9px}.mix-room__mix-data-table th:first-child{z-index:1;text-align:left;background:#0c1c29;position:sticky;left:0}.mix-room__mix-data-table thead th{color:#7ae9f6;text-transform:uppercase;background:#07131e;font-size:10px}.mix-room__mix-data-table tbody th{color:#eef9ff;font-weight:600}.mix-room__mix-data-table tbody td{color:#a9c2d0}.mix-room__mix-data-table tbody tr:last-child :is(th,td){border-bottom:0}@media (width<=900px),(pointer:coarse) and (width<=1100px){.mix-room__content-overlay--mixdata{width:auto;max-height:none;inset:10px;transform:none}.mix-room__mix-data-heading{display:block}.mix-room__mix-data-heading>span{text-align:left;max-width:none;margin-top:5px;display:block}.mix-room__mix-data-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}.mix-room--fullscreen-exiting .mix-room__viewport{animation:.62s cubic-bezier(.7,0,.84,0) both mix-room-fullscreen-exit}.mix-room--fullscreen-exiting .mix-room__fullscreen-controls{animation:.36s ease-in both mix-room-fullscreen-controls-exit}@keyframes mix-room-fullscreen-exit{0%{opacity:1;transform:scale(1)}42%{opacity:1}to{opacity:.18;transform:scale(.72)}}@keyframes mix-room-fullscreen-controls-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}@media (prefers-reduced-motion:reduce){.mix-room--fullscreen-exiting .mix-room__viewport,.mix-room--fullscreen-exiting .mix-room__fullscreen-controls{animation:none}}@media (width<=900px),(pointer:coarse) and (width<=1100px){:root{--room-mobile-navigation-height:64px;--room-mobile-chrome-height:318px}.mix-room{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0, 1fr) auto var(--room-mobile-navigation-height);height:min(100%, calc((100vw - 2 * var(--room-mobile-gutter) - 22px) / var(--canvas-aspect) + var(--room-mobile-chrome-height)));grid-template-areas:"heading""workspace""player""navigation"}.mix-room--panel{height:100%}.mix-room__workspace{margin:8px 8px 0}.mix-room__tabs{display:none}.mix-room__navigation{border-right:0;padding:6px 8px 8px}.mix-room__mobile-navigation{grid-template-columns:54px minmax(0,1fr) 54px;align-items:stretch;gap:6px;width:100%;height:100%;display:grid}.mix-room__mobile-navigation button{color:#8fe9f6;min-width:0;min-height:48px;font-family:var(--toolbar-font);cursor:pointer;background:linear-gradient(#1b3448,#0b1a28);border:1px solid #46687c;border-radius:3px 10px;padding:5px 8px;box-shadow:inset 0 1px #a0c1d047,0 3px 7px #00000075}.mix-room__mobile-navigation button:not(:disabled):is(:hover,:active,:focus-visible){background:linear-gradient(#207b94,#10556c);border-color:#54dff5}.mix-room__mobile-navigation button:focus-visible{outline-offset:-3px;outline:2px solid #ff9d3b}.mix-room__mobile-navigation button:disabled{opacity:.58;cursor:default}.mix-room__mobile-navigation-arrow{place-items:center;display:grid}.mix-room__mobile-navigation-current{text-align:left;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;display:grid;color:#eaffff!important;background:linear-gradient(100deg,#183b55,#116d86)!important;box-shadow:inset 3px 0 #ff9d3b,0 0 12px #2fcce945!important}.mix-room__mobile-navigation-current[data-feature=false]{text-align:center;grid-template-columns:minmax(0,1fr)}.mix-room__mobile-navigation-current[data-feature=false] .mix-room__mobile-navigation-label{text-align:center}.mix-room__mobile-navigation-index{color:#7ae9f6;white-space:nowrap;border-right:1px solid #7ae9f673;padding-right:9px;font-size:10px}.mix-room__mobile-navigation-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:700;overflow:hidden}.mix-room__bottom-toolbar,.mix-room__player-section{padding:7px 8px}.mix-room__controls,.mix-room--panel .mix-room__controls{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;gap:6px 8px}.mix-room__track-title,.mix-room--panel .mix-room__track-title{text-align:left;grid-area:1/1;min-width:0}.mix-room__track-title .mix-room__title,.mix-room--panel .mix-room__track-title .mix-room__title{color:#eef9ff;text-align:left;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;font-size:14px;line-height:1.2;display:block;overflow:visible}.mix-room__audio,.mix-room--panel .mix-room__audio{grid-area:2/1/auto/-1;width:100%}.mix-room__top-actions,.mix-room--panel .mix-room__top-actions{grid-area:1/2;justify-self:end;gap:5px}.mix-room__custom-player{grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;width:100%;min-height:52px;padding:4px 7px}.mix-room__labeled-button{min-width:48px;min-height:44px;padding:4px 6px}.mix-room__sidebar,.mix-room__content-overlay{inset:4px}.mix-room__overlay-body{padding:0 12px 12px}.mix-room__about-desktop,.mix-room__style-options--desktop{display:none}.mix-room__about-mobile,.mix-room__style-options--mobile{flex:1;min-height:0;display:flex}.mix-room__style-options--mobile{flex-direction:column;gap:7px}.mix-room__content-overlay--about .mix-room__overlay-body,.mix-room__content-overlay--style .mix-room__overlay-body{flex-direction:column;display:flex;overflow:hidden}.mix-room__content-overlay--style .mix-room__overlay-intro{display:none}.mix-room__mobile-panel-title{color:#eef9ff;text-align:center;flex:none;margin:0;font-size:16px;line-height:1.2;display:block}.mix-room__mobile-panel-actions{border-top:1px solid var(--overlay-border);flex:none;padding:8px 12px;display:grid}.mix-room__mobile-return{grid-column:1/-1;width:100%;min-height:44px;display:block}:is(.mix-room__settings-actions,.mix-room__demo-actions) .mix-room__mobile-return{order:99;grid-column:1/-1}.mix-room__mobile-pager{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.mix-room__mobile-pager-card{text-align:center;background:#030c146b;border:1px solid #365f73;border-radius:3px 12px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:18px;display:flex;overflow:auto}.mix-room__mobile-pager-card h3{color:#eef9ff;margin:0 0 10px;font-size:19px}.mix-room__mobile-pager-card p{color:#a9c2d0;max-width:30em;font-size:14px;line-height:1.5}.mix-room__mobile-pager-card .mix-room__credit-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;display:grid}.mix-room__mobile-pager-card .mix-room__credit-links a{justify-content:center;font-size:11px;line-height:1.2}.mix-room__mobile-pager-controls{flex:none;grid-template-columns:52px minmax(0,1fr) 52px;align-items:center;gap:8px;margin-top:10px;display:grid}.mix-room__mobile-pager-controls button{place-items:center;min-height:48px;padding:4px;display:grid}.mix-room__mobile-pager-controls>span{color:#7ae9f6;text-align:center;font-size:12px}.mix-room__mobile-style-option{gap:14px;width:min(100%,250px);display:grid}.mix-room__mobile-style-option .mix-room__style-swatch{width:100%;height:132px}.mix-room__mobile-style-option strong,.mix-room__mobile-style-option small{display:block}.mix-room__mobile-style-option strong{color:#eef9ff;font-size:19px}.mix-room__mobile-style-option small{color:#a9c2d0;margin-top:6px;font-size:13px;line-height:1.4}.mix-room__content-overlay--about .mix-room__mobile-pager-card,.mix-room__content-overlay--style .mix-room__mobile-pager-card{margin-inline:8px}.mix-room__content-overlay--style .mix-room__mobile-pager-card{padding:10px 14px}.mix-room__content-overlay--style .mix-room__mobile-style-option small{display:none}.mix-room__sidebar .mix-room__instrument-options{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:2px;margin-top:4px;display:grid}.mix-room__sidebar .mix-room__instrument-option{overflow-wrap:normal;align-items:center}.mix-room__content-overlay--settings .mix-room__overlay-intro,.mix-room__settings-fields .mix-room__setting p,.mix-room__settings-fields .mix-room__setting-toggle small{display:none}.mix-room__settings-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}.mix-room__setting--sensitivity,.mix-room__setting--labels{grid-column:1/-1}.mix-room__setting--labels{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mix-room__processing-section{padding:8px 10px}.mix-room__processing-heading,.mix-room__song-fields>#processing-help,.mix-room__upload-step{display:none}.mix-room__processing-header{grid-template-columns:minmax(0,1fr) auto;gap:6px;margin:0 0 7px}.mix-room__upload-views{width:100%;padding:3px}.mix-room__upload-views:before{inset-block:3px;width:calc(50% - 3px);left:3px}.mix-room__toolbar .mix-room__upload-views button{min-height:44px;padding:6px 8px;font-size:14px}.mix-room__credit-balance{color:#7ae9f6;text-align:center;margin:0 0 6px;font-size:11px}.mix-room__song-upload{padding:0 2px 4px}.mix-room__song-fields{padding:0 2px}.mix-room__upload-actions{grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-top:0}.mix-room__file-picker{width:auto;min-width:104px}.mix-room__processing-options{gap:7px;margin-top:8px}.mix-room__processing-option{gap:6px;min-height:66px;padding:7px;font-size:14px}.mix-room__processing-description{font-size:11px;line-height:1.25}.mix-room__upload-submit{padding-top:8px}.mix-room__service-notice{margin:3px 0 6px;padding:6px 8px;font-size:12px;line-height:1.25}.mix-room__toolbar .mix-room__service-notice button{width:auto;min-height:40px;margin:5px 0 0;padding-block:5px;font-size:12px}}@media (width<=600px) and (height<=740px) and (orientation:portrait){.mix-room--panel .mix-room__masthead,.mix-room--panel .mix-room__track-title,.mix-room--panel .mix-room__top-actions,.mix-room--panel :is(.mix-room__sidebar,.mix-room__content-overlay) .mix-room__overlay-header{display:none}.mix-room--panel .mix-room__sidebar .mix-room__instrument-options{grid-template-columns:repeat(2,minmax(0,1fr))}.mix-room--panel .mix-room__sidebar .mix-room__instrument-option{min-height:42px;padding-inline:5px;font-size:13px;line-height:1.2}.mix-room--panel .mix-room__bottom-toolbar,.mix-room--panel .mix-room__player-section{padding-block:4px}.mix-room--panel .mix-room__controls{grid-template-rows:auto;grid-template-columns:minmax(0,1fr)}.mix-room--panel .mix-room__audio{grid-area:1/1}.mix-room--panel .mix-room__mobile-pager-card{padding:8px 12px}.mix-room--panel .mix-room__content-overlay--settings .mix-room__overlay-body{padding-bottom:7px}.mix-room__mobile-style-option .mix-room__style-swatch{height:clamp(64px,16vh,132px)}.mix-room[data-compact-upload=true] .mix-room__processing-description{display:none}}@media (width<=350px){.mix-room__mobile-navigation{grid-template-columns:44px minmax(0,1fr) 44px;gap:4px}.mix-room__mobile-navigation-current{text-align:center;grid-template-columns:minmax(0,1fr);padding-inline:6px!important}.mix-room__mobile-navigation-index{display:none}.mix-room__mobile-navigation-label{text-align:center;text-overflow:clip;font-size:13px}.mix-room__sidebar .mix-room__instrument-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}.mix-room__sidebar .mix-room__instrument-option{padding-inline:4px;font-size:12px;line-height:1.2}}@media (width<=900px) and (height<=560px) and (orientation:landscape),(pointer:coarse) and (width<=1100px) and (height<=560px) and (orientation:landscape){:root{--room-mobile-navigation-height:54px;--room-mobile-chrome-height:236px}.mix-room__masthead{min-height:48px}.mix-room__navigation{padding-block:3px 5px}.mix-room__mobile-navigation{grid-template-columns:48px minmax(0,1fr) 48px;gap:5px}.mix-room__mobile-navigation button{min-height:44px}.mix-room__bottom-toolbar,.mix-room__player-section{padding-block:4px}.mix-room__controls,.mix-room--panel .mix-room__controls{grid-template-rows:auto;grid-template-columns:minmax(90px,.45fr) minmax(180px,1.5fr) auto;gap:6px}.mix-room__track-title,.mix-room--panel .mix-room__track-title{grid-area:1/1}.mix-room__audio,.mix-room--panel .mix-room__audio{grid-area:1/2}.mix-room__top-actions,.mix-room--panel .mix-room__top-actions{grid-area:1/3}.mix-room__custom-player{min-height:48px}.mix-room--panel .mix-room__masthead,.mix-room--panel .mix-room__bottom-toolbar{display:none}.mix-room--panel .mix-room__workspace{margin-top:4px}.mix-room--panel .mix-room__overlay-header{padding-block:7px}.mix-room--panel .mix-room__overlay-body{padding-bottom:7px}.mix-room--panel .mix-room__mobile-pager-card{padding:8px 14px}.mix-room--panel .mix-room__mobile-pager-controls{margin-top:6px}.mix-room--panel .mix-room__mobile-style-option{grid-template-columns:minmax(120px,.7fr) minmax(0,1fr);align-items:center;max-width:520px}.mix-room--panel .mix-room__mobile-style-option .mix-room__style-swatch{height:72px}.mix-room--panel .mix-room__sidebar .mix-room__instrument-options{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=900px),(pointer:coarse) and (width<=1100px){.mix-room,.mix-room--panel{grid-template-rows:auto minmax(0, 1fr) auto var(--room-mobile-navigation-height);height:min(100%,640px)}.mix-room__workspace{box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-rows:auto minmax(0,1fr);align-items:stretch;margin:8px 8px 0;display:grid;overflow:hidden}.mix-room__mode-tabs--desktop{display:none}.mix-room__mode-tabs--mobile{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin:0 0 6px;display:grid;position:relative}.mix-room__mode-tabs--mobile button{min-height:34px;padding:5px 7px;font-size:10px}.mix-room__canvas:not(:-webkit-any(:fullscreen,:-webkit-full-screen)):not(.mix-room__canvas--expanded){width:100%;height:auto;aspect-ratio:var(--canvas-aspect);background:var(--canvas-surround-background);border:1px solid #7cdced;border-radius:5px 15px;grid-row:2;align-self:center;padding:0;position:relative;inset:auto;box-shadow:inset 0 0 0 2px #0c151e,0 8px 24px #00000080,0 0 14px #2ad6ef24}.mix-room__canvas:not(:is(:fullscreen,:fullscreen)):not(.mix-room__canvas--expanded){width:100%;height:auto;aspect-ratio:var(--canvas-aspect);background:var(--canvas-surround-background);border:1px solid #7cdced;border-radius:5px 15px;grid-row:2;align-self:center;padding:0;position:relative;inset:auto;box-shadow:inset 0 0 0 2px #0c151e,0 8px 24px #00000080,0 0 14px #2ad6ef24}.mix-room__canvas:not(:-webkit-any(:fullscreen,:-webkit-full-screen)):not(.mix-room__canvas--expanded) .mix-room__canvas-content,.mix-room__canvas:not(:-webkit-any(:fullscreen,:-webkit-full-screen)):not(.mix-room__canvas--expanded) .mix-room__viewport{width:100%!important;height:100%!important}.mix-room__canvas:not(:is(:fullscreen,:fullscreen)):not(.mix-room__canvas--expanded) .mix-room__canvas-content,.mix-room__canvas:not(:is(:fullscreen,:fullscreen)):not(.mix-room__canvas--expanded) .mix-room__viewport{width:100%!important;height:100%!important}.mix-room__mobile-canvas-expand{z-index:2;border-radius:inherit;cursor:zoom-in;appearance:none;background:0 0;border:0;width:100%;height:100%;padding:0;display:block;position:absolute;inset:0}.mix-room__mobile-canvas-expand:focus-visible{outline-offset:-4px;outline:3px solid #ff9d3b}.mix-room__sidebar,.mix-room__content-overlay,.mix-room__content-overlay--mixdata{width:auto;max-height:none;inset:4px;transform:none}.mix-room__processing-section{width:auto;inset:4px}.mix-room__mobile-pager-card{display:block}.mix-room__mobile-pager-content{flex-direction:column;justify-content:center;align-items:center;min-height:100%;display:flex}.mix-room__bottom-toolbar,.mix-room--panel:not(.mix-room--fullscreen) .mix-room__bottom-toolbar{padding:7px 8px;display:block}.mix-room__player-section,.mix-room--panel:not(.mix-room--fullscreen) .mix-room__player-section{padding:7px 8px}.mix-room__controls,.mix-room--panel:not(.mix-room--fullscreen) .mix-room__controls{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;gap:6px 8px}.mix-room__track-title,.mix-room--panel:not(.mix-room--fullscreen) .mix-room__track-title{grid-area:1/1/auto/-1;display:block}.mix-room__audio,.mix-room--panel:not(.mix-room--fullscreen) .mix-room__audio{grid-area:2/1;width:100%}.mix-room__top-actions,.mix-room--panel:not(.mix-room--fullscreen) .mix-room__top-actions{grid-area:2/2;place-self:stretch end;display:flex}.mix-room__custom-player{grid-template-columns:44px minmax(0,1fr)}.mix-room__player-volume{display:none}.mix-room[data-view=processing][data-compact-upload=true]:not(.mix-room--fullscreen) .mix-room__title{display:block}.mix-room[data-view=processing][data-compact-upload=true]:not(.mix-room--fullscreen) .mix-room__audio{grid-row:2}.mix-room[data-view=processing][data-compact-upload=true]:not(.mix-room--fullscreen) .mix-room__top-actions{grid-row:2;display:flex}.mix-room[data-view=processing][data-compact-upload=true]:not(.mix-room--fullscreen) .mix-room__bottom-toolbar,.mix-room[data-view=processing][data-compact-upload=true]:not(.mix-room--fullscreen) .mix-room__player-section{padding:7px 8px}}@media (width<=600px){.mix-room__custom-player{grid-template-columns:34px minmax(0,1fr)}}@media (width>=601px) and (width<=900px),(pointer:coarse) and (width>=601px) and (width<=1100px){.mix-room,.mix-room--panel{height:100%}}@media (width<=900px) and (orientation:landscape),(pointer:coarse) and (width<=1100px) and (orientation:landscape){.mix-room__canvas:not(:-webkit-any(:fullscreen,:-webkit-full-screen)):not(.mix-room__canvas--expanded){width:auto;height:100%;margin-inline:auto}.mix-room__canvas:not(:is(:fullscreen,:fullscreen)):not(.mix-room__canvas--expanded){width:auto;height:100%;margin-inline:auto}}@media (width<=350px){.mix-room__mobile-pager-card h3{margin-bottom:6px;font-size:18px}.mix-room__mobile-pager-card p{line-height:1.4}.mix-room__mobile-style-option{gap:6px}.mix-room__mobile-style-option .mix-room__style-swatch{height:64px}.mix-room__mobile-style-option small{margin-top:3px;font-size:12px;line-height:1.25}}@media (width<=900px) and (orientation:landscape),(pointer:coarse) and (width<=1100px) and (orientation:landscape){.mix-room:not(.mix-room--fullscreen),.mix-room--panel:not(.mix-room--fullscreen){grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0, 1fr) var(--room-mobile-navigation-height);grid-template-areas:"workspace player""workspace navigation";height:100%}.mix-room:not(.mix-room--fullscreen) .mix-room__masthead{display:none}.mix-room:not(.mix-room--fullscreen) .mix-room__workspace{grid-template-rows:auto minmax(0,1fr);margin:8px 4px 8px 8px;display:grid}.mix-room:not(.mix-room--fullscreen) .mix-room__mode-tabs--mobile{grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 6px}.mix-room:not(.mix-room--fullscreen) .mix-room__canvas:not(:-webkit-any(:fullscreen,:-webkit-full-screen)):not(.mix-room__canvas--expanded){grid-row:2;align-self:center;width:100%;height:auto;max-height:100%;margin:0}.mix-room:not(.mix-room--fullscreen) .mix-room__canvas:not(:is(:fullscreen,:fullscreen)):not(.mix-room__canvas--expanded){grid-row:2;align-self:center;width:100%;height:auto;max-height:100%;margin:0}.mix-room:not(.mix-room--fullscreen) .mix-room__bottom-toolbar,.mix-room--panel:not(.mix-room--fullscreen) .mix-room__bottom-toolbar{min-height:0;padding:8px 8px 4px 4px;display:block}.mix-room:not(.mix-room--fullscreen) .mix-room__player-section,.mix-room--panel:not(.mix-room--fullscreen) .mix-room__player-section{height:100%;padding:8px}.mix-room:not(.mix-room--fullscreen) .mix-room__controls,.mix-room--panel:not(.mix-room--fullscreen) .mix-room__controls{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) clamp(92px,13vw,118px);align-content:center;gap:6px 8px}.mix-room:not(.mix-room--fullscreen) .mix-room__track-title,.mix-room--panel:not(.mix-room--fullscreen) .mix-room__track-title{text-align:left;grid-area:1/2;align-self:end;display:block}.mix-room:not(.mix-room--fullscreen) .mix-room__track-title small{font-size:9px;line-height:1.15}.mix-room:not(.mix-room--fullscreen) .mix-room__audio,.mix-room--panel:not(.mix-room--fullscreen) .mix-room__audio{grid-area:1/1/4;align-self:center;width:100%}.mix-room:not(.mix-room--fullscreen) .mix-room__top-actions,.mix-room--panel:not(.mix-room--fullscreen) .mix-room__top-actions{display:contents}.mix-room:not(.mix-room--fullscreen) .mix-room__top-actions>:first-child{grid-area:2/2}.mix-room:not(.mix-room--fullscreen) .mix-room__top-actions>:last-child{grid-area:3/2}.mix-room:not(.mix-room--fullscreen) .mix-room__top-actions>button{place-self:stretch stretch;width:100%;min-height:44px}.mix-room:not(.mix-room--fullscreen) .mix-room__navigation{padding:4px 8px 8px 4px}.mix-room:not(.mix-room--fullscreen) .mix-room__mobile-navigation{grid-template-columns:48px minmax(0,1fr) 48px;gap:5px}.mix-room:not(.mix-room--fullscreen) .mix-room__mobile-navigation button{min-height:44px}.mix-room--panel:not(.mix-room--fullscreen) .mix-room__sidebar .mix-room__instrument-options{grid-template-columns:repeat(2,minmax(0,1fr))}.mix-room--panel:not(.mix-room--fullscreen) .mix-room__sidebar .mix-room__instrument-option{min-height:38px;padding-inline:5px;font-size:12px;line-height:1.2}.mix-room--panel:not(.mix-room--fullscreen) .mix-room__content-overlay--style .mix-room__mobile-style-option small,.mix-room--panel:not(.mix-room--fullscreen) .mix-room__content-overlay--style .mix-room__mobile-panel-title{display:none}}@media (width<=600px) and (height<=600px) and (orientation:portrait){.mix-room[data-compact-upload=true] .mix-room__processing-option{min-height:44px;padding-block:5px}.mix-room[data-compact-upload=true] .mix-room__existing-result{display:none}}@media (width<=900px) and (height<=560px) and (orientation:landscape),(pointer:coarse) and (width<=1100px) and (height<=560px) and (orientation:landscape){.mix-room--panel .mix-room__content-overlay--about .mix-room__overlay-body,.mix-room--panel .mix-room__content-overlay--style .mix-room__overlay-body{padding:0 7px 7px}.mix-room--panel .mix-room__mobile-pager{position:relative}.mix-room--panel .mix-room__mobile-pager-card{height:100%;padding:4px 58px}.mix-room--panel .mix-room__mobile-pager-controls{pointer-events:none;margin:0;display:block;position:absolute;inset:0}.mix-room--panel .mix-room__mobile-pager-controls button{pointer-events:auto;width:46px;min-height:44px;position:absolute;top:50%;transform:translateY(-50%)}.mix-room--panel .mix-room__mobile-pager-controls button:first-child{left:0}.mix-room--panel .mix-room__mobile-pager-controls button:last-child{right:0}.mix-room--panel .mix-room__mobile-pager-controls>span{display:none}.mix-room--panel .mix-room__mobile-pager-card h3{margin-bottom:3px;font-size:15px}.mix-room--panel .mix-room__mobile-pager-card p{font-size:12px;line-height:1.25}.mix-room--panel .mix-room__mobile-style-option{grid-template-columns:90px minmax(0,1fr);align-items:center;gap:8px;width:min(100%,520px)}.mix-room--panel .mix-room__mobile-style-option .mix-room__style-swatch{height:52px}.mix-room--panel .mix-room__mobile-style-option strong{font-size:15px}.mix-room--panel .mix-room__mobile-style-option small{margin-top:2px;font-size:11px;line-height:1.2}.mix-room--panel .mix-room__content-overlay--settings .mix-room__overlay-header{display:none}.mix-room--panel .mix-room__content-overlay--settings .mix-room__overlay-body{padding:8px 126px 8px 8px;overflow:auto}.mix-room--panel .mix-room__content-overlay--settings .mix-room__settings-fields{grid-template-columns:1.25fr .85fr .85fr 1.7fr;align-items:center;gap:6px 8px}.mix-room--panel .mix-room__content-overlay--settings :is(.mix-room__setting--sensitivity,.mix-room__setting--labels){grid-column:auto}.mix-room--panel .mix-room__content-overlay--settings .mix-room__setting--labels{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mix-room--panel .mix-room__content-overlay--settings .mix-room__settings-actions{border:0;width:110px;padding:0;position:absolute;bottom:8px;right:8px}}.mix-room__upload-panel-header{padding:0}.mix-room__upload-panel-header .mix-room__overlay-close{display:none}@media (width<=900px),(pointer:coarse) and (width<=1100px){.mix-room:not(.mix-room--fullscreen) :is(.mix-room__sidebar,.mix-room__content-overlay,.mix-room__processing-section){z-index:3;border:1px solid var(--overlay-border);background:var(--overlay-background);border-radius:5px 15px;inset:0}.mix-room:not(.mix-room--fullscreen) :is(.mix-room__sidebar,.mix-room__content-overlay,.mix-room__processing-section) .mix-room__overlay-header{box-sizing:border-box;gap:8px;min-height:54px;padding:5px 10px;display:flex}.mix-room__sidebar>.mix-room__toolbar-section{box-shadow:none;background:0 0;border:0}.mix-room:not(.mix-room--fullscreen) .mix-room__overlay-header h2{text-align:left;margin:0;font-size:18px;line-height:1.2;display:block;position:static}.mix-room:not(.mix-room--fullscreen) .mix-room__overlay-header .mix-room__overlay-close{width:44px;height:44px;min-height:44px;display:block}.mix-room:not(.mix-room--fullscreen) .mix-room__processing-section{padding:0;overflow:hidden}.mix-room[data-view=processing]:not(.mix-room--fullscreen) .mix-room__upload-panel-header .mix-room__processing-heading{display:block}.mix-room__processing-section>.mix-room__processing{padding:0 10px 10px}.mix-room:not(.mix-room--fullscreen) .mix-room__processing-header{flex:none;padding-left:0}.mix-room__song-upload{flex-direction:column;gap:0;display:flex}.mix-room__song-fields{display:block}.mix-room__stem-upload{flex-direction:column;display:flex}.mix-room__current-stems .mix-room__stem-list,.mix-room__new-stems .mix-room__stem-list{grid-template-columns:minmax(0,1fr)}.mix-room__upload-actions{grid-template-columns:minmax(0,1fr) auto}.mix-room__upload-submit{justify-content:stretch}.mix-room__upload-button{width:100%}.mix-room__filename{white-space:normal}.mix-room__processing-option{box-sizing:border-box;min-height:56px}.mix-room__processing-description{display:block}.mix-room__processing-option:has(input:disabled){opacity:.5;cursor:default}.mix-room__toolbar .mix-room__upload-button:disabled{opacity:.5}.mix-room:not(.mix-room--fullscreen) .mix-room__mobile-style-option{gap:12px;width:min(100%,250px)}.mix-room:not(.mix-room--fullscreen) .mix-room__mobile-style-option .mix-room__style-swatch{height:76px}.mix-room:not(.mix-room--fullscreen) .mix-room__mobile-style-option strong{font-size:24px;line-height:1.2}.mix-room:not(.mix-room--fullscreen) .mix-room__content-overlay--settings .mix-room__overlay-body{padding:0 12px 10px;overflow:auto}.mix-room:not(.mix-room--fullscreen) .mix-room__content-overlay--settings .mix-room__settings-fields{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:10px 12px}.mix-room:not(.mix-room--fullscreen) .mix-room__content-overlay--settings .mix-room__setting--sensitivity{grid-column:1/-1}.mix-room:not(.mix-room--fullscreen) .mix-room__content-overlay--settings .mix-room__setting--labels{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.mix-room:not(.mix-room--fullscreen) .mix-room__content-overlay--settings .mix-room__settings-actions{border-top:1px solid var(--overlay-border);width:auto;padding:6px 12px;position:static}.mix-room__setting-heading{flex-wrap:wrap;gap:2px 8px}}@media (width<=900px) and (orientation:landscape),(pointer:coarse) and (width<=1100px) and (orientation:landscape){:root{--room-badge-clearance:64px;--github-icon-inset:4px}.mix-room:not(.mix-room--fullscreen) .mix-room__controls,.mix-room--panel:not(.mix-room--fullscreen) .mix-room__controls{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) clamp(72px,11vw,104px);gap:8px}.mix-room:not(.mix-room--fullscreen) .mix-room__track-title,.mix-room--panel:not(.mix-room--fullscreen) .mix-room__track-title{grid-area:1/1;align-self:end}.mix-room:not(.mix-room--fullscreen) .mix-room__audio,.mix-room--panel:not(.mix-room--fullscreen) .mix-room__audio{grid-area:2/1/4}.mix-room:not(.mix-room--fullscreen) .mix-room__mobile-style-option{grid-template-columns:64px minmax(0,1fr);gap:10px;width:min(100%,520px)}.mix-room:not(.mix-room--fullscreen) .mix-room__mobile-style-option .mix-room__style-swatch{height:48px}.mix-room__setting-heading{font-size:14px}.mix-room__setting-toggle{align-items:center;gap:7px;font-size:13px}.mix-room__setting-toggle strong{margin:0}}@media (width<=700px) and (orientation:landscape){.mix-room:not(.mix-room--fullscreen) .mix-room__mobile-style-option{grid-template-columns:minmax(0,1fr);gap:6px}.mix-room:not(.mix-room--fullscreen) .mix-room__mobile-style-option .mix-room__style-swatch{width:64px;height:36px;margin-inline:auto}.mix-room:not(.mix-room--fullscreen) .mix-room__mobile-style-option strong{font-size:20px}}@media (width<=600px) and (height<=740px) and (orientation:portrait){.mix-room:not(.mix-room--fullscreen) .mix-room__content-overlay--style .mix-room__mobile-pager-card{padding:6px 12px}.mix-room:not(.mix-room--fullscreen) .mix-room__mobile-style-option{gap:6px}.mix-room:not(.mix-room--fullscreen) .mix-room__mobile-style-option .mix-room__style-swatch{width:min(100%,180px);height:32px;margin-inline:auto}}@media (width<=900px) and (orientation:portrait),(pointer:coarse) and (width<=1100px) and (orientation:portrait){.mix-room__content-overlay--style .mix-room__mobile-pager-card{container-type:size}.mix-room:not(.mix-room--fullscreen) .mix-room__content-overlay--style .mix-room__mobile-style-option{gap:6px}.mix-room:not(.mix-room--fullscreen) .mix-room__content-overlay--style .mix-room__style-swatch{box-sizing:border-box;width:100%;height:clamp(32px,100cqh - 40px,156px)}}@media (width<=900px),(pointer:coarse) and (width<=1100px){.mix-room__player-timeline{gap:3px;display:grid}.mix-room__player-range::-webkit-slider-thumb{width:10px;height:16px;margin-top:-5px}.mix-room__player-range::-moz-range-thumb{width:8px;height:14px}.mix-room__fullscreen-player .mix-room__player-range{height:28px}}@media (width<=900px) and (height<=560px) and (orientation:landscape),(pointer:coarse) and (width<=1100px) and (height<=560px) and (orientation:landscape){.mix-room__stem-upload{gap:0}.mix-room__stem-title{grid-template-columns:auto minmax(0,1fr);align-self:stretch;align-items:center;gap:8px;margin-bottom:6px}.mix-room__empty-stems{height:auto;min-height:44px;padding:0}}@media (width<=900px),(pointer:coarse) and (width<=1100px){.mix-room__canvas:-webkit-any(:fullscreen,:-webkit-full-screen,.mix-room__canvas--expanded){--fullscreen-padding-top:0px;--fullscreen-padding-right:0px;--fullscreen-padding-bottom:0px;--fullscreen-padding-left:0px;padding:0}.mix-room__canvas:is(:fullscreen,:fullscreen,.mix-room__canvas--expanded){--fullscreen-padding-top:0px;--fullscreen-padding-right:0px;--fullscreen-padding-bottom:0px;--fullscreen-padding-left:0px;padding:0}.mix-room__canvas-content{--stage-safe-left:env(safe-area-inset-left);--stage-safe-right:env(safe-area-inset-right);--stage-safe-bottom:env(safe-area-inset-bottom)}.mix-room__fullscreen-controls{left:max(16px, var(--stage-safe-left));right:max(16px, var(--stage-safe-right));bottom:max(20px, var(--stage-safe-bottom))}}@media (width<=900px) and (orientation:portrait),(pointer:coarse) and (width<=1100px) and (orientation:portrait){.mix-room__canvas[data-fullscreen-orientation=landscape] .mix-room__canvas-content{--stage-safe-left:env(safe-area-inset-top);--stage-safe-right:env(safe-area-inset-bottom);--stage-safe-bottom:env(safe-area-inset-left)}}@media (width<=900px) and (orientation:landscape),(pointer:coarse) and (width<=1100px) and (orientation:landscape){.mix-room__canvas[data-fullscreen-orientation=portrait] .mix-room__canvas-content{--stage-safe-left:env(safe-area-inset-bottom);--stage-safe-right:env(safe-area-inset-top);--stage-safe-bottom:env(safe-area-inset-right)}}