.results .preview-help{margin-top:16px;color:#a8bcba;font-size:12px}.results .mix-transport-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px;margin-top:20px;font-size:12px}.results .mix-transport-heading span{font-size:11px;color:var(--muted)}.results .transport{padding-top:14px}.results .stem-preview{margin-top:16px;padding:14px;background:#09141080;border:1px solid #48645766;border-radius:8px}.results .stem-preview label{display:block;margin-bottom:10px;font-size:12px;font-weight:600}.results .stem-audio{display:block;width:100%;min-width:0;height:54px;border-radius:8px}.results .stem-audio:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.results .stem-audio[aria-disabled=true]{opacity:.5;pointer-events:none}.results .stem-media-feedback,.results .mix-media-feedback{display:flex;align-items:flex-start;flex-wrap:wrap;gap:6px 14px;color:#9fb5ad;font-size:11px;margin-top:10px}.results .mix-media-feedback{margin:0 0 16px}.results .stem-media-feedback p,.results .mix-media-feedback p{flex:1 1 220px;overflow-wrap:anywhere}.results .stem-media-feedback button,.results .mix-media-feedback button{flex-shrink:0;min-height:32px}.results .media-error{color:#f2b6a8}@media(max-width:480px){.results .stem-preview{padding:12px 6px}}.effects-studio{margin-top:28px;border:1px solid #30434a;border-radius:18px;background:linear-gradient(145deg,#12242a,#111a20 42%,#0e181e);overflow:hidden;color:#e9efee;min-width:0}.effects-studio .fx-header{padding:26px;display:flex;justify-content:space-between;gap:20px;align-items:flex-start;border-bottom:1px solid #2a3940}.effects-studio .fx-eyebrow{display:block;color:#5ad6c2;font-size:10px;letter-spacing:2px;font-weight:700;margin-bottom:9px}.effects-studio h3{font-size:23px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.effects-studio h3>span{font-size:10px;font-weight:500;letter-spacing:1px;color:#a8b9bf}.effects-studio h4{font-size:15px;margin:0}.effects-studio .fx-header p{margin-top:8px;color:#acbdc3;font-size:12px}.effects-studio .fx-header strong{color:#e9efee;margin:0 3px}.effects-studio .fx-badge{display:inline-flex;flex-shrink:0;align-items:center;border:1px solid #36554d;color:#a9dfd0;background:#15322c;padding:5px 9px;border-radius:6px;font-size:10px;line-height:1.5}.effects-studio fieldset{min-width:0;padding:0;margin:0;border:0}.effects-studio .fx-workspace{padding:22px 26px}.effects-studio .fx-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.effects-studio .fx-between{justify-content:space-between}.effects-studio button{color:#c9d9dc;background:#1c2b33;border:1px solid #34464f;border-radius:8px;font-size:12px;padding:10px 13px;min-height:40px;line-height:1.5}.effects-studio button:hover:not(:disabled){background:#263d43;border-color:#5ad6c2;color:#fff}.effects-studio button.fx-primary{background:#d6f785;color:#182312;border-color:#d6f785;font-weight:700}.effects-studio button.fx-primary:hover:not(:disabled){background:#e4ffa6;color:#182312}.effects-studio button.fx-active{background:#2b3c21;color:#d6f785;border-color:#a5c566}.effects-studio input:not([type=checkbox]):not([type=range]),.effects-studio select{min-height:40px;background:#0c171d;color:#e9efee;border:1px solid #34464f;border-radius:7px;font-size:12px;padding:9px 10px;max-width:100%;min-width:0}.effects-studio input[type=file]{width:100%}.effects-studio input[type=file]::file-selector-button{color:#d8e7e5;background:#22363d;border:0;border-radius:4px;padding:5px 8px;margin-right:8px;cursor:pointer}.effects-studio .fx-field{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#b7c7cd;min-width:0}.effects-studio .fx-source>.fx-row,.effects-studio .fx-export,.effects-studio .fx-json,.effects-studio .fx-preset-body>.fx-row{align-items:flex-end}.effects-studio .fx-hint{color:#a3b6be;font-size:11px;line-height:1.8}.effects-studio .fx-source-meta{margin-top:14px;font-size:12px;color:#83decc;overflow-wrap:anywhere}.effects-studio .fx-warning{padding:10px 12px;margin-top:10px;border-left:3px solid #ecc47c;background:#362f2080;color:#f0d7a8;font-size:12px;line-height:1.8}.effects-studio .fx-notice{color:#a5e2d4;font-size:12px;overflow-wrap:anywhere}.effects-studio .fx-notice:empty{display:none}.effects-studio .fx-error{border:1px solid #824b4a;background:#3b2227;color:#ffd0c9;padding:12px;border-radius:8px;margin-top:12px;font-size:12px;overflow-wrap:anywhere}.effects-studio .fx-presets{margin-top:22px;border:1px solid #30414a;border-radius:10px;background:#111e25}.effects-studio summary{cursor:pointer;padding:15px 16px;font-size:14px;font-weight:700;line-height:1.8}.effects-studio summary:focus-visible{outline:2px solid #d6f785;outline-offset:-3px;border-radius:8px}.effects-studio summary::marker{color:#5ad6c2}.effects-studio summary .fx-hint,.effects-studio summary .fx-badge{margin-left:10px;font-weight:400}.effects-studio .fx-preset-body{padding:0 16px 16px;display:grid;gap:14px}.effects-studio .fx-preset-body>.fx-field{max-width:240px}.effects-studio .fx-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.effects-studio .fx-preset-grid button{display:flex;flex-direction:column;text-align:left;gap:5px;padding:12px;background:#152930}.effects-studio .fx-preset-grid button strong{color:#b8e2d7;font-size:12px}.effects-studio .fx-preset-grid button span{color:#a4b7bf;font-size:10px;line-height:1.7}.effects-studio .fx-preset-tools .fx-preset-search{flex:1;min-width:180px}.effects-studio .fx-categories{gap:8px}.effects-studio .fx-preset-state{padding:10px 0;border-top:1px solid #30414a}.effects-studio .fx-preset-grid button.fx-selected-preset{border-color:#a5c566;background:#20372e;box-shadow:inset 0 0 0 1px #a5c566}.effects-studio .fx-preset-grid button strong{font-size:15px}.effects-studio .fx-preset-grid button span{font-size:11px;overflow-wrap:anywhere}.effects-studio .fx-preset-grid .fx-preset-tag{color:#91dec9;font-size:10px}.effects-studio .fx-preset-grid .fx-preset-parameters{border-top:1px solid #345049;padding-top:8px;margin-top:4px;color:#c8e4d6;font-variant-numeric:tabular-nums}.effects-studio .fx-preset-grid .fx-preset-tip{color:#bac4bc}.effects-studio .fx-preset-empty{padding:20px;text-align:center;border:1px dashed #436056;border-radius:8px;font-size:12px}.effects-studio .fx-preset-empty button{margin-top:12px}.effects-studio button:focus-visible,.effects-studio input:focus-visible,.effects-studio select:focus-visible{outline:2px solid #d6f785;outline-offset:3px}.effects-studio .fx-json{border-top:1px solid #2a3940;padding-top:14px}.effects-studio .fx-ab{margin:24px 0 14px}.effects-studio .fx-ab strong{font-size:15px}.effects-studio .fx-track{border:1px solid #30414a;background:#111d24;border-radius:10px;margin-top:12px}.effects-studio .fx-track-body{padding:0 16px 16px}.effects-studio .fx-track-body>.fx-slider{margin:16px 0;max-width:440px}.effects-studio .fx-check{display:inline-flex;align-items:center;gap:8px;font-size:12px;min-height:36px;cursor:pointer;color:#d7e3e5}.effects-studio input[type=checkbox]{width:16px;height:16px;flex-shrink:0;margin:0;accent-color:#5ad6c2}.effects-studio .fx-effect-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.effects-studio .fx-effect{background:#0d181e;border:1px solid #283b45;border-radius:8px;padding:12px;min-width:0}.effects-studio .fx-effect .fx-row{gap:4px}.effects-studio .fx-effect button{padding:5px 8px;font-size:10px;min-height:32px}.effects-studio .fx-effect .fx-hint{margin:4px 0 12px;font-size:10px;min-height:36px}.effects-studio .fx-effect fieldset{display:grid;gap:14px}.effects-studio .fx-effect fieldset:disabled{opacity:.5}.effects-studio .fx-slider{display:flex;flex-direction:column;gap:10px;min-width:0;font-size:11px;color:#b4c7ce}.effects-studio .fx-slider>span{display:flex;gap:6px;align-items:baseline;justify-content:space-between}.effects-studio .fx-slider output{color:#b5eadc;font-variant-numeric:tabular-nums;white-space:nowrap}.effects-studio .fx-slider input{width:100%;margin:0;min-width:0;height:18px;accent-color:#5ad6c2}.effects-studio .fx-master{margin-top:20px;padding-top:20px;border-top:1px solid #2a3940}.effects-studio .fx-number-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0 10px}.effects-studio .fx-output-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center;margin:18px 0 12px}.effects-studio .fx-transport{display:grid;gap:14px;margin-top:20px;border:1px solid #3a5c56;border-radius:10px;background:#102623;padding:18px}.effects-studio .fx-transport>.fx-row{align-items:flex-end}.effects-studio .fx-meter{display:flex;flex-wrap:wrap;align-items:center;gap:12px;color:#a2c6bc;font-size:11px}.effects-studio .fx-meter strong{font-variant-numeric:tabular-nums;font-weight:500;color:#c7efd2}.effects-studio .fx-meter meter{flex:1;min-width:90px;height:15px}.effects-studio .fx-meter-clip,.effects-studio .fx-meter-clip strong{color:#ffb4a8}.effects-studio .fx-export{padding-top:14px;border-top:1px solid #304c43}.effects-studio progress{width:100%;accent-color:#d6f785;height:7px}.effects-studio .fx-footer{border-top:1px solid #2a3940;padding:15px 26px;color:#a3b4ba;background:#0c161c;font-size:11px;line-height:1.8}.effects-studio>.fx-warning{margin:0 26px 20px}@media(max-width:1000px){.effects-studio .fx-effect-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.effects-studio .fx-header{padding:20px 16px;flex-direction:column;gap:12px}.effects-studio .fx-workspace{padding:16px}.effects-studio h3{font-size:21px}.effects-studio .fx-preset-grid,.effects-studio .fx-effect-grid,.effects-studio .fx-output-grid{grid-template-columns:minmax(0,1fr)}.effects-studio .fx-number-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.effects-studio .fx-track-body,.effects-studio .fx-preset-body{padding-left:12px;padding-right:12px}.effects-studio .fx-source .fx-field,.effects-studio .fx-preset-body>.fx-row>.fx-field,.effects-studio .fx-json>.fx-field{width:100%}.effects-studio .fx-effect .fx-hint{min-height:0}.effects-studio .fx-transport{padding:14px 12px}.effects-studio .fx-footer{padding:14px 16px}.effects-studio summary .fx-hint{display:block;margin-left:14px}.effects-studio .fx-row{gap:9px}.effects-studio .fx-ab{gap:12px}.effects-studio .fx-ab>.fx-row{width:100%}.effects-studio .fx-ab>.fx-row>button{flex:1}.effects-studio .fx-output-grid{gap:10px}.effects-studio>.fx-warning{margin-left:16px;margin-right:16px}}@media(prefers-reduced-motion:reduce){.effects-studio button,.effects-studio input,.effects-studio select{transition:none}}.api-settings{width:min(780px,calc(100vw - 28px));max-height:88dvh;padding:28px;overflow:auto;color:var(--text, #e8eef6);background:#101c2c;border:1px solid #2c4354;border-radius:20px}.api-settings h2{display:flex;align-items:center;gap:10px}.api-settings p{line-height:1.75;color:#b5c6d7}.api-settings input,.api-settings select,.api-settings textarea,.history-search{width:100%;padding:11px;border:1px solid #355166;background:#091522;color:#e9f5ff;border-radius:8px;font:inherit;min-width:0}.settings-label{display:flex;flex-direction:column;gap:8px;font-size:13px;margin:12px 0}.key-form{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:0 14px}.key-form button{grid-column:1 / -1;justify-self:start;margin-bottom:16px}.new-key{padding:16px;background:#133e38;border-radius:12px;margin:16px 0}.new-key textarea{display:block;margin:12px 0;overflow-wrap:anywhere}.key-list{list-style:none;padding:0}.key-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #2c4354}.key-list li div{display:flex;flex-direction:column;gap:5px;min-width:0;overflow-wrap:anywhere}.key-list small{color:#9cb3c6}.api-settings pre,.result-json pre{padding:16px;overflow:auto;background:#07121e;border-radius:10px;font-size:12px;max-height:320px}.settings-links{display:flex;flex-wrap:wrap;gap:16px;margin:20px 0;color:#6be6cb}.history-search{margin:6px 0 12px;font-size:13px}.history-state{display:block;color:#6be6cb;margin-top:4px;font-size:12px}.history-tools{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.result-json{margin-top:16px}.result-json summary{cursor:pointer;color:#6be6cb;padding:10px 0}@media(max-width:600px){.api-settings{padding:18px}.api-settings h2{font-size:18px}.site-header nav{flex-wrap:wrap;gap:12px}.history-list{max-height:460px;overflow:auto}}.dj-live-fader{position:sticky;top:8px;z-index:4;display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:10px 14px;border:1px solid #7b9b73;border-radius:10px;background:#172e2b;box-shadow:0 6px 20px #0006;margin:10px 0 20px}.dj-live-fader strong{color:#a7f1d5;font-size:16px}.dj-live-fader strong:nth-of-type(2){color:#d1c4ff}.dj-studio .dj-live-fader input{flex:1;width:auto;min-width:100px;accent-color:#d6f785}.dj-live-fader span{color:#d4e4c4;font-size:11px;font-variant-numeric:tabular-nums}@media(max-width:640px){.dj-live-fader{gap:8px;padding:10px}.dj-live-fader span{flex-basis:100%}.dj-studio .dj-live-fader button{min-height:34px;padding:6px 8px;font-size:11px}}[hidden]{display:none!important}.studio-workspaces{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 24px;scroll-margin-top:24px}.studio-workspaces button{display:flex;flex-direction:column;align-items:flex-start;gap:6px;border:1px solid #34454e;border-radius:12px;padding:18px 22px;background:#111f26;color:#dce7e7;text-align:left}.studio-workspaces strong{font-size:16px}.studio-workspaces span{color:#a2b6bd;font-size:12px}.studio-workspaces .studio-workspace-active{background:#20362e;border-color:#9acd80}.studio-workspaces .studio-workspace-active strong{color:#d6f785}.workspace-layout.workspace-effects-only{grid-template-columns:minmax(0,1fr)}.effects-empty{padding:28px;margin-bottom:20px}.effects-empty p{margin:12px 0;color:#aec2c5}.effects-empty button{margin-right:10px;margin-bottom:10px}.stem-dj-send{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid #324149}.stem-dj-send p{flex-basis:100%;color:#afc2c4;font-size:11px;line-height:1.7}.dj-studio{border:1px solid #354653;border-radius:20px;padding:26px;background:linear-gradient(150deg,#13292e,#121b25 45%,#191c2c);min-width:0;margin-bottom:30px;color:#e9efee}.dj-studio *{min-width:0}.dj-studio button,.dj-studio input,.dj-studio select{font:inherit}.dj-studio button{border:1px solid #425363;border-radius:7px;padding:10px 13px;min-height:40px;background:#20303c;color:#dce9eb;font-size:12px;line-height:1.6}.dj-studio button:hover:not(:disabled){border-color:#86dacc;background:#294550}.dj-studio button:focus-visible,.dj-studio input:focus-visible,.dj-studio select:focus-visible{outline:2px solid #d6f785;outline-offset:3px}.dj-studio button:disabled{opacity:.45;cursor:not-allowed}.dj-studio .dj-primary{background:#d6f785;border-color:#d6f785;color:#182816;font-weight:700}.dj-studio .dj-primary:hover:not(:disabled){background:#e4ffb0;color:#182816}.dj-studio .dj-active{color:#ffe7a8;border-color:#e4bf77;background:#403729}.dj-heading,.dj-deck-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.dj-kicker{display:block;color:#72d9c8;font-size:10px;font-weight:700;letter-spacing:2px;margin-bottom:8px}.dj-heading h2{font-size:27px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.dj-heading h2 span{font-size:11px;font-weight:500;color:#a1bac5}.dj-heading p{margin-top:10px;color:#b4c8ce;font-size:13px;line-height:1.8}.dj-studio h3{font-size:18px}.dj-heading>button{flex-shrink:0}.dj-privacy{padding:14px 0;border-bottom:1px solid #354854;font-size:12px;color:#b8c9cd;line-height:1.9;margin:12px 0}.dj-status{color:#b4e8d8;font-size:13px;line-height:1.8;padding:10px 0;overflow-wrap:anywhere}.dj-error{border:1px solid #995c5e;background:#422731;color:#ffd4ce;padding:12px;border-radius:8px;margin:12px 0;font-size:13px;line-height:1.8;overflow-wrap:anywhere}.dj-console{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:16px}.dj-deck{padding:20px;background:#0e1c23;border:1px solid #3c655f;border-top:3px solid #6cdec3;border-radius:12px}.dj-deck-b{background:#171d2a;border-color:#555179;border-top-color:#b2a1ff}.dj-deck-b .dj-kicker{color:#c4b6ff}.dj-deck-heading h3{font-size:15px;line-height:1.7;overflow-wrap:anywhere}.dj-deck-heading p{font-size:11px;color:#a3b9c0;margin-top:5px}.dj-disc{display:grid;place-items:center;flex-shrink:0;width:50px;height:50px;border:5px double #457f70;border-radius:50%;font-size:22px;color:#91ead3;background:#142d2c}.dj-deck-b .dj-disc{border-color:#7b70aa;color:#cec0ff;background:#2c2648}.dj-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.dj-between{justify-content:space-between}.dj-source-row{margin-top:18px;align-items:flex-end}.dj-file{display:flex;flex:1;flex-direction:column;gap:6px;font-size:12px;color:#cce1e4;min-width:180px}.dj-file input{width:100%;font-size:11px;padding:8px;background:#0a141c;border:1px solid #3f5865;border-radius:7px;color:#c3d4d9}.dj-file input::file-selector-button{padding:6px 8px;color:#c9e9dd;background:#25463e;border:0;border-radius:4px;margin-right:8px;cursor:pointer}.dj-hint{color:#a6bec5;font-size:11px;line-height:1.9;margin:10px 0}.dj-wave{height:108px;margin-top:18px;background:#09151c;border:1px solid #314755;border-radius:7px;overflow:hidden}.dj-wave svg{display:block;width:100%;height:100%;fill:#5fddc1}.dj-deck-b .dj-wave svg{fill:#ad9bff}.dj-wave p{display:grid;place-items:center;height:100%;color:#91a7b5;font-size:11px;padding:10px}.dj-wave .dj-loop-area{fill:#ccbd65;opacity:.16}.dj-cue-line{stroke:#ffe98c;stroke-width:2}.dj-play-line{stroke:#fff;stroke-width:2}.dj-position{display:flex;gap:9px;align-items:center;font-size:11px;color:#bdcfd5;margin:10px 0 16px;font-variant-numeric:tabular-nums}.dj-position input{flex:1}.dj-studio input[type=range]{accent-color:#7ce5c8;height:22px;cursor:pointer;width:100%;margin:0}.dj-deck-b input[type=range]{accent-color:#c2adff}.dj-range{display:flex;flex-direction:column;gap:10px;font-size:11px;color:#c7d7dc}.dj-range>span{display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px}.dj-range output{color:#a7efd7;font-variant-numeric:tabular-nums}.dj-gain-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;margin:20px 0}.dj-eq{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}.dj-detail{border:1px solid #354b59;border-radius:8px;background:#111e28;margin-top:12px}.dj-detail summary{padding:14px;font-size:13px;font-weight:700;cursor:pointer}.dj-detail summary span{color:#a0b5c4;font-size:9px;font-weight:500;margin-left:8px}.dj-detail-body{display:grid;gap:15px;padding:0 14px 14px}.dj-detail-body .dj-hint{margin:0}.dj-field{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#b6cad0}.dj-field input,.dj-field select{background:#0a1621;border:1px solid #455869;border-radius:6px;color:#dce8eb;min-height:40px;padding:9px;width:100%;font-size:12px}.dj-detail-body .dj-row{align-items:flex-end}.dj-two-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dj-check{display:flex;gap:8px;align-items:center;font-size:12px;color:#cfdfdd}.dj-check input{accent-color:#91e5c4}.dj-mixer,.dj-recorder{margin-top:24px;padding:22px;border:1px solid #45615f;border-radius:12px;background:#13242a}.dj-fader-labels{display:flex;gap:12px;justify-content:space-between;margin:20px 0 10px}.dj-fader-labels strong{color:#93efd1;font-size:15px}.dj-fader-labels strong:last-child{color:#c7b8ff}.dj-fader-labels span{color:#adbcc8;font-size:11px;text-align:center}.dj-studio .dj-crossfader{accent-color:#d6f785;height:42px;margin-bottom:8px}.dj-master-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;margin-top:24px;align-items:center}.dj-meter{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:11px;color:#b3cdc8}.dj-meter meter{flex:1;height:18px;min-width:90px}.dj-meter output{font-variant-numeric:tabular-nums}.dj-meter>span{flex-basis:100%;color:#b4dcc6}.dj-recorder{border-color:#6b5351;background:#211f27}.dj-recorder .dj-kicker{color:#f4b3a7}.dj-studio .dj-record-button{background:#5c302f;border-color:#c87368;color:#ffd8c9}.dj-recording{color:#ffb3a3;font-variant-numeric:tabular-nums}.dj-record-result{margin-top:18px;border-top:1px solid #665058;padding-top:16px}.dj-record-result p{color:#e3cbbb;font-size:12px;margin-bottom:12px}.dj-record-result .dj-row{align-items:flex-end}.dj-recorder progress{width:100%;accent-color:#d6f785;margin-top:14px}.dj-footer{margin-top:24px;color:#a9bac5;font-size:11px;line-height:1.9}@media(max-width:1000px){.dj-console{grid-template-columns:minmax(0,1fr)}.dj-eq{gap:20px}}@media(max-width:640px){.studio-workspaces{gap:7px}.studio-workspaces button{padding:12px 8px}.studio-workspaces strong{font-size:13px}.studio-workspaces span{font-size:10px}.dj-studio{padding:16px 12px;border-radius:12px}.dj-heading{flex-wrap:wrap;gap:12px}.dj-heading h2{font-size:23px}.dj-deck{padding:14px 12px}.dj-console{gap:16px}.dj-eq{gap:10px}.dj-mixer,.dj-recorder{padding:16px 12px}.dj-master-row{grid-template-columns:minmax(0,1fr);gap:20px}.dj-fader-labels{flex-wrap:wrap}.dj-fader-labels span{order:3;width:100%}.dj-detail summary span{display:block;margin:6px 0 0 14px}.dj-two-fields{grid-template-columns:minmax(0,1fr)}.dj-transport button{flex:1}.dj-row>.dj-field{flex:1;min-width:160px}.effects-empty{padding:18px}}@font-face{font-family:Vocal Studio TC;src:url(/assets/studio-tc-regular-BhXOaxFo.woff) format("woff");font-style:normal;font-weight:100 499;font-display:swap}@font-face{font-family:Vocal Studio TC;src:url(/assets/studio-tc-bold-Dm9fM6TX.woff) format("woff");font-style:normal;font-weight:500 900;font-display:swap}:root{font-family:Inter,Vocal Studio TC,Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;color:#e9efee;background:#0a1014;font-synthesis:none;font-weight:400;--bg: #0a1014;--panel: #111a20;--border: #263239;--muted: #8c9ca3;--lime: #d6f785;--teal: #5ad6c2;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{transition:background .18s,color .18s,border-color .18s,transform .18s}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:5px}button{border:0}a{color:inherit;text-decoration:none}button svg,a svg{flex-shrink:0}h1,h2,h3,p{margin:0}p{line-height:1.8}input[type=range]{accent-color:var(--teal);height:5px;cursor:pointer}input[type=checkbox]{accent-color:var(--lime);width:17px;height:17px;flex-shrink:0}select{background:#172229;color:#dce5e6;border:1px solid #34434b;border-radius:7px;padding:10px 12px;font-size:12px;min-height:39px}svg{vertical-align:middle}.accent{color:var(--lime)}.subdued{color:var(--muted)}.mono,.time{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,monospace}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-60px;left:20px;z-index:10;padding:12px 20px;background:var(--lime);color:#14201c;border-radius:6px}.skip-link:focus{top:12px}.site-header{max-width:1320px;margin:auto;padding:25px 48px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid #1e2a30}.brand{display:flex;align-items:center;gap:11px;font-weight:750;font-size:23px;letter-spacing:2px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:43px;height:43px;background:var(--lime);color:#14211b;border-radius:12px}.brand-subtitle{display:block;font-size:9px;letter-spacing:2.5px;color:#aebbbc;margin-top:3px;font-weight:500}.site-header nav{display:flex;align-items:center;gap:32px;margin-left:60px;font-size:13px;color:#91a1a7}.site-header nav a,.site-header nav button{position:relative;padding:10px 0}.site-header nav button,.site-footer button{background:none;color:inherit}.site-header nav .nav-active{color:#eaf1eb}.nav-active:after{content:"";height:3px;width:17px;background:var(--lime);position:absolute;bottom:-27px;left:calc(50% - 8px);border-radius:3px}.header-label{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.5px;color:#93a49c}.status-dot{height:6px;width:6px;border-radius:50%;background:var(--teal);display:inline-block;flex-shrink:0;box-shadow:0 0 10px #5ad6c21a}main{max-width:1224px;margin:auto;padding:0 32px}.intro{display:flex;align-items:center;justify-content:space-between;min-height:384px;padding:53px 0 46px;position:relative}.intro-content{position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:9px;color:#819b9d;font-size:9px;font-weight:600;letter-spacing:2.2px;line-height:1.5}.intro .eyebrow{color:#99c1b9;font-size:10px;letter-spacing:2.2px}.tiny-line{width:20px;height:1px;background:var(--teal)}h1{font-size:clamp(38px,4vw,52px);font-weight:650;letter-spacing:1px;line-height:1.28;margin:19px 0}h1 .accent{color:var(--lime);position:relative}.intro p{font-size:14px;color:#9aaaaf;line-height:1.9;letter-spacing:.2px}.intro-pills{display:flex;gap:23px;margin-top:24px;font-size:11px;color:#aebbbd}.intro-pills span{display:flex;gap:7px;align-items:center}.intro-pills svg{color:#86b3aa}.sound-art{width:380px;height:300px;position:relative;margin-right:33px;display:grid;place-items:center;background:radial-gradient(ellipse at center,#2d716620,transparent 67%);transform:rotate(-10deg)}.art-orbit{position:absolute;border:1px solid #28433e80;border-radius:50%;width:275px;height:275px}.orbit-two{width:320px;height:320px;border-style:dashed;border-color:#33544750}.orbit-three{width:363px;height:363px;border-color:#23372e55}.art-record{width:224px;height:224px;background:repeating-radial-gradient(circle at center,#142726 0px 2px,#233935 3px,#132421 4px);border:1px solid #3b5c50;box-shadow:0 15px 55px #0008,inset 0 0 40px #081510;display:grid;place-items:center;border-radius:50%;position:relative}.art-record:after{content:"";inset:0;border-radius:50%;position:absolute;background:conic-gradient(from 15deg,transparent 0deg,#bed6a316 35deg,transparent 65deg,transparent 180deg,#d0ebc91a 220deg,transparent 265deg)}.record-label{width:98px;height:98px;background:#b7d777;border:8px solid #1e352c;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#203427;gap:2px}.record-label span{font-size:10px;font-weight:700;letter-spacing:3px}.art-tag{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:2px;position:absolute;background:#142422;border:1px solid #365446;padding:13px 17px;border-radius:7px;box-shadow:0 9px 30px #0003;transform:rotate(10deg)}.tag-top{top:44px;right:-7px;color:#91d6c5}.tag-bottom{bottom:30px;left:-12px;color:#d0e6a9}.tag-dot{display:block;width:4px;height:16px;border-radius:5px;background:currentColor;box-shadow:7px -3px 0 -1px currentColor,-7px 3px 0 -1px currentColor;margin-right:8px;margin-left:4px}.art-note{position:absolute;bottom:-31px;right:56px;transform:rotate(10deg);font-size:8px;color:#5c7770;letter-spacing:2.8px}.workspace-layout{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:24px;align-items:start}.workspace-main{min-width:0;display:flex;flex-direction:column;gap:20px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:14px}.upload-panel{padding:28px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.heading-with-number{display:flex;align-items:center;gap:13px}.section-number{font-family:ui-monospace,monospace;font-size:12px;color:#99b7ad;display:grid;place-items:center;width:32px;height:36px;border:1px solid #334940;border-radius:7px;background:#20352a55}.section-heading h2{font-size:18px;font-weight:600;letter-spacing:.25px}.section-heading p{color:var(--muted);font-size:12px;margin-top:5px}.small-chip{font-size:10px;color:#97aaa9;background:#1b292b;padding:5px 9px;border:1px solid #2c3f3f;border-radius:5px;white-space:nowrap}.dropzone{border:1px dashed #3b5554;border-radius:10px;padding:32px 16px 24px;text-align:center;background:radial-gradient(ellipse at 50% 0%,#2354431b,transparent 70%),#0c151b;transition:background .2s,border-color .2s;position:relative}.dropzone.dragging,.dropzone:focus-within{border-color:var(--teal);background:#16332c}.dropzone.has-file{border-color:#68885a}.upload-symbol{height:57px;width:57px;background:#1b3030;display:grid;place-items:center;border:1px solid #2f4843;color:#b0d7c5;border-radius:15px;margin:0 auto 18px;box-shadow:0 5px 15px #0001}.dropzone h3{font-size:18px;font-weight:550;margin-bottom:8px;overflow-wrap:anywhere}.dropzone p{font-size:12px;color:#8c9ea4}.choose-button{background:#243530;color:#d1e5d5;border:1px solid #42584a;border-radius:7px;padding:10px 18px;display:inline-flex;align-items:center;gap:20px;font-size:12px;margin:19px 0 21px;min-height:39px}.choose-button:hover:not(:disabled){background:#314b3d;border-color:#91af7e}.file-formats{display:block;font-size:10px;color:#77888e;line-height:1.8;letter-spacing:.2px}.consent{display:flex;align-items:flex-start;gap:9px;margin-top:19px;line-height:1.9;font-size:11px;color:#a2b1b6}.consent input{margin:3px 0 0}.inline-link{display:inline;background:none;color:#c7dba7;font-size:inherit;padding:0;margin-left:4px;text-decoration:underline;text-underline-offset:3px}.upload-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #243038;margin-top:22px;padding-top:20px}.upload-actions>span{font-size:10px;color:#84989c;display:flex;gap:6px;align-items:center}.primary{background:var(--lime);color:#1a281a;border:1px solid #d6f785;border-radius:7px;padding:13px 19px;font-size:13px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;white-space:nowrap}.primary:hover:not(:disabled){background:#e6ffab;transform:translateY(-1px)}.primary:disabled{opacity:.38}.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#c6d4d5;border:1px solid #3d5054;background:#1d2b32;border-radius:6px;padding:11px 16px;font-size:12px}.secondary:hover:not(:disabled){background:#2d3c43}.compact{padding:10px 13px;min-height:38px;font-size:11px}.text-button{display:inline-flex;align-items:center;gap:5px;background:none;color:#c3d7ac;padding:3px 0;font-size:11px}.text-button:hover{color:var(--lime)}.workspace-sidebar{display:flex;flex-direction:column;gap:20px}.guide-card{background:linear-gradient(125deg,#1b302b,#14241f);border:1px solid #33473b;border-radius:14px;padding:25px 23px}.guide-card .eyebrow{color:#93ab86;font-size:8px;letter-spacing:2px}.guide-card h2{font-size:17px;line-height:1.7;font-weight:550;margin-top:9px;color:#e0e9ce}.guide-card ol{list-style:none;padding:0;margin:25px 0 0;display:flex;flex-direction:column;gap:25px}.guide-card li{display:flex;gap:13px}.guide-card li>span{font-family:ui-monospace,monospace;font-size:10px;color:#c4d99c;border:1px solid #456045;background:#273c2d;border-radius:50%;height:25px;width:25px;flex-shrink:0;display:grid;place-items:center}.guide-card h3{font-size:12px;font-weight:550;color:#d1decf;margin:3px 0 6px}.guide-card p{font-size:11px;line-height:1.85;color:#9eafa3}.guide-bottom{display:flex;align-items:center;gap:9px;color:#aabd97;border-top:1px solid #33483a;padding-top:19px;margin-top:23px;font-size:10px}.history-card{padding:21px 19px 16px}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;color:#8ca0a2}.sidebar-heading h2{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:550;color:#cad6d6}.sidebar-heading>span{font-size:10px;font-family:ui-monospace,monospace}.empty-history{text-align:center;padding:28px 0 24px}.empty-history>svg{color:#47605e;margin-bottom:12px}.empty-history p{font-size:11px;color:#a0b0b0}.empty-history span{display:block;font-size:10px;color:#667c83;margin-top:4px}.history-footnote{font-size:9px;color:#7f9298;border-top:1px solid #26333b;padding-top:13px;line-height:1.9}.history-list{padding:0;margin:15px -5px;list-style:none}.history-list li{display:flex;border-radius:7px;align-items:center;padding:3px}.history-list .selected{background:#20312e}.history-item{background:none;text-align:left;display:flex;align-items:center;gap:8px;min-width:0;flex:1;padding:9px 2px;color:#a8b9b9}.history-item>span{flex:1;min-width:0}.history-item strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500}.history-item small{font-size:9px;display:block;color:#7f9398;margin-top:4px}.icon-button{background:none;display:inline-flex;align-items:center;justify-content:center;color:#95a8ad;padding:8px;min-width:32px;min-height:32px;border-radius:5px}.icon-button:hover{background:#2a3a3d;color:#e4eee5}.privacy-note{display:flex;gap:11px;padding:3px 4px;color:#759c91}.privacy-note>svg{flex-shrink:0;margin-top:2px}.privacy-note h3{font-size:11px;font-weight:500;color:#b9c9c2;margin-bottom:6px}.privacy-note p{font-size:10px;line-height:1.95;color:#83969a}.privacy-note .text-button{margin-top:10px;font-size:10px}.bottom-note{display:flex;align-items:center;gap:12px;padding:23px 0;margin:22px 0 10px;color:#667e83}.bottom-note>svg{flex-shrink:0}.bottom-note p{font-size:10px;line-height:1.8;flex:1}.bottom-note>a{display:grid;place-items:center;border:1px solid #314047;border-radius:50%;width:31px;height:31px}.up-arrow{transform:rotate(180deg)}.site-footer{max-width:1224px;padding:24px 32px 32px;margin:0 auto;display:flex;align-items:center;gap:40px;border-top:1px solid #233037;color:#83959a}.footer-brand{display:flex;align-items:center;gap:8px;color:#b3c6be;font-size:16px;font-weight:600}.footer-brand small{font-size:8px;letter-spacing:1.6px;display:block;margin-top:2px;color:#6f8984}.site-footer p{font-size:9px;flex:1}.site-footer p span{display:block;color:#647b81}.site-footer p a{color:#aab9b4}.site-footer>div:last-child{display:flex;gap:19px;font-size:10px}.site-footer button{font-size:10px;padding:5px 0}.site-footer a:hover,.site-footer button:hover{color:var(--lime)}.notice{padding:12px 14px;background:#1a2b32;border:1px solid #324b54;border-radius:7px;font-size:12px;line-height:1.8;display:flex;align-items:center;gap:9px;margin:14px 0;color:#b7d1d8;overflow-wrap:anywhere}.notice.error{background:#3b222733;border-color:#65383c;color:#efb3b0}.notice.warning{background:#38312166;border-color:#655735;color:#ddc890}.access-form{border:1px solid #38514d;background:#192a27;border-radius:8px;padding:15px;margin-bottom:18px;display:flex;flex-wrap:wrap;gap:10px}.access-form label{width:100%;display:flex;align-items:center;gap:9px;font-size:12px}.access-form input{background:#0d1b1a;border:1px solid #3d5750;border-radius:5px;padding:10px;font-size:12px;flex:1;min-width:0;color:#d2e3d5}.task-panel,.results{padding:26px}.task-panel .section-heading{margin-bottom:9px}.task-panel h2{margin-top:7px;font-size:17px}.task-filename{font-size:12px;color:#8fa3aa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.steps{display:flex;align-items:center;justify-content:space-between;margin:23px 0;gap:12px}.step{display:flex;align-items:center;gap:8px;font-size:11px;color:#637b81}.step:not(:last-child){flex:1}.step:not(:last-child):after{content:"";height:1px;flex:1;background:#2e3c40;min-width:8px;margin-left:5px}.step>span{display:grid;place-items:center;border:1px solid #324346;border-radius:50%;width:25px;height:25px;font-size:9px;flex-shrink:0}.step.done{color:#a2c8af}.step.done>span{background:#244734;color:#c6eca9;border-color:#3c6347}.step.current{color:var(--teal)}.step.current>span{border-color:var(--teal);background:#1f3c35}progress{appearance:none;height:5px;width:100%;border:0;border-radius:8px;overflow:hidden;background:#25353b;accent-color:var(--teal)}progress::-webkit-progress-bar{background:#25353b}progress::-webkit-progress-value{background:var(--teal);border-radius:8px}progress::-moz-progress-bar{background:var(--teal)}progress:indeterminate{opacity:.55}.processing-progress p{color:#83999e;font-size:10px;margin-top:8px}.expiry{display:flex;align-items:center;gap:7px;font-size:10px;color:#a8b99b;margin:14px 0 0}.upload-progress{display:flex;align-items:center;gap:12px;margin-top:17px;flex-wrap:wrap;font-size:11px;color:#9eb5ac}.upload-progress progress{flex-basis:100%}.upload-progress .text-button{margin-left:auto}.results .section-heading h2{margin-top:8px}.badge{display:flex;align-items:center;gap:6px;padding:5px 8px;background:#203a2e;color:#b3d5b6;border:1px solid #335c40;border-radius:20px;font-size:9px;white-space:nowrap}.result-file{display:flex;align-items:center;gap:9px;color:#8caaa7;font-size:11px;border-bottom:1px solid #2b3b3f;padding-bottom:17px}.result-file>span:first-of-type{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-file>span:last-of-type{color:#69898b;font-size:9px}.transport{display:flex;align-items:center;gap:12px;padding:23px 0}.play-button{width:40px;height:40px;border-radius:50%;background:var(--lime);color:#25311b;display:grid;place-items:center;flex-shrink:0}.transport input{flex:1;min-width:0}.time{font-size:11px}.stem-list{display:flex;flex-direction:column;gap:14px}.stem{border:1px solid #2d4643;background:#10242166;border-radius:10px;padding:16px;color:var(--teal)}.stem-1{border-color:#414b33;background:#242a1766;color:#c7de85}.stem-header{display:flex;align-items:center;justify-content:space-between}.stem-title{display:flex;align-items:center;gap:11px}.stem-icon{display:grid;place-items:center;background:#1c3f3755;border:1px solid #335a50;border-radius:8px;width:38px;height:38px}.stem-1 .stem-icon{border-color:#505d35;background:#3b452144}.stem-title h3{font-size:14px;font-weight:550}.stem-title small{display:block;font-size:8px;letter-spacing:1.7px;margin-top:4px;opacity:.6}.stem-header .mono{font-size:10px;opacity:.7}.waveform{position:relative;margin-top:12px;height:103px;border-bottom:1px solid #334a434d;padding-bottom:16px}.waveform>svg{height:74px;width:100%;fill:currentColor}.wave-placeholder{height:72px;display:flex;align-items:center;justify-content:center;gap:9px;color:#76958d;background:linear-gradient(transparent 49%,#3c5b4b44 50%,transparent 51%);font-size:10px;flex-wrap:wrap}.wave-placeholder>span{background:#13221d;padding:0 4px}.wave-placeholder .text-button{font-size:9px}.wave-caption{display:block;font-size:8px;color:#6f8d83;text-align:right;letter-spacing:.6px}.stem-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:11px}.volume-control{display:flex;align-items:center;gap:7px;flex:1;max-width:230px}.volume-control input{width:100%;min-width:30px}.stem-1 input{accent-color:#c7de85}.volume-control output{font-size:10px;font-variant-numeric:tabular-nums;min-width:31px;text-align:right}.stem-downloads{display:flex;align-items:center;gap:8px}.stem-downloads a{display:flex;align-items:center;gap:5px;border:1px solid #3b5148;border-radius:5px;padding:7px 9px;font-size:9px;color:#b5c5b9}.stem-downloads a:hover{background:#3c5145}.mix-export{display:flex;align-items:center;justify-content:space-between;gap:13px;padding-top:24px;margin-top:22px;border-top:1px solid #293a40}.mix-export h3{font-size:13px;font-weight:550;display:flex;align-items:center;gap:8px}.mix-export p{font-size:10px;color:#82969b;margin-top:6px}.export-actions{display:flex;gap:8px;align-items:center}.result-notes{display:flex;gap:20px;margin-top:15px;align-items:flex-start}.result-notes p{font-size:9px;line-height:1.85;color:#789197;flex:1}.result-notes button{flex-shrink:0}.export-progress{display:flex;align-items:center;gap:9px;margin:16px 0 0;font-size:11px;color:#bcdbb0;flex-wrap:wrap}.export-progress .text-button{margin-left:auto}.wav-status{padding:15px 20px;display:flex;align-items:center;gap:12px;font-size:12px;line-height:1.8}.wav-status>span{flex:1}dialog{background:#142027;color:#d4dfe0;border:1px solid #41564f;border-radius:14px;padding:28px;max-width:570px;width:calc(100% - 36px);box-shadow:0 25px 100px #0008}dialog::backdrop{background:#040c11cc;backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.dialog-heading h2{font-size:20px}.dialog-content p{font-size:13px;color:#aebfc1;margin:14px 0;line-height:1.95}.dialog-content a{color:var(--lime);text-decoration:underline}.dialog-content{margin-bottom:24px}.spin{animation:spin 1.3s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1450px){.site-header{padding-top:29px;padding-bottom:29px}.intro{min-height:407px}.nav-active:after{bottom:-31px}}@media(max-width:1050px){.site-header{padding:22px 32px}.site-header nav{margin:0;gap:23px}.header-label{display:none}.nav-active:after{bottom:-24px}.workspace-layout{grid-template-columns:minmax(0,1fr) 265px;gap:18px}.upload-panel{padding:22px}.guide-card{padding:22px 20px}.sound-art{transform:rotate(-10deg) scale(.88);margin-right:-10px;width:315px}.mix-export{flex-direction:column;align-items:flex-start}.export-actions{width:100%}.export-actions select{flex:1}.section-heading h2{font-size:16px}.small-chip{display:none}.upload-actions>span{font-size:9px}.primary{padding-left:14px;padding-right:14px}.intro-pills{gap:14px;font-size:10px}.result-notes{flex-direction:column;gap:12px}}@media(max-width:800px){main{padding:0 24px}.site-header{padding:21px 24px}.workspace-layout{grid-template-columns:minmax(0,1fr) 230px;gap:16px}.guide-card{padding:21px 17px}.guide-card h2{font-size:15px}.guide-card li{gap:9px}.upload-panel,.task-panel,.results{padding:20px}.heading-with-number{gap:9px}.section-heading h2{font-size:15px}.section-heading p{font-size:10px}.section-number{display:none}.upload-actions{align-items:stretch;flex-direction:column-reverse;gap:13px}.upload-actions>span{justify-content:center}.sound-art{width:240px;transform:rotate(-10deg) scale(.72);margin-right:-25px}.intro-pills{gap:12px;flex-wrap:wrap}.intro p{font-size:12px}.intro{padding:43px 0;min-height:340px}.intro .eyebrow{font-size:8px}.steps{gap:7px}.step{font-size:9px;gap:5px}.step:not(:last-child):after{display:none}.transport{gap:8px}.transport>.icon-button{display:none}.stem-footer{flex-wrap:wrap}.volume-control{max-width:100%;flex-basis:100%}.stem-downloads{margin-left:auto}.stem{padding:12px}.wave-placeholder{font-size:9px;gap:4px}.wave-placeholder>svg{display:none}.badge{font-size:8px}.site-footer{padding:23px 24px;gap:20px}.history-card{padding:19px 15px}.footer-brand{font-size:14px}}@media(max-width:640px){.site-header{padding:18px 20px}.brand{font-size:20px;gap:9px}.brand-mark{width:36px;height:36px;border-radius:10px}.brand-mark svg{width:23px}.brand-subtitle{font-size:7px;letter-spacing:2px}.site-header nav{gap:19px;font-size:11px}.site-header{flex-wrap:wrap;gap:18px}.site-header nav{width:100%;flex-wrap:wrap;gap:16px}.site-header nav button{display:inline-flex}.nav-active:after{bottom:-20px}main{padding:0 18px}.intro{padding:36px 3px 32px;min-height:0;overflow:hidden}.intro h1{font-size:38px;margin-top:16px;line-height:1.32;letter-spacing:0}.intro .eyebrow{font-size:7px;letter-spacing:1.5px}.intro p{font-size:12px;line-height:1.9}.intro-pills{font-size:9px;gap:13px;margin-top:21px}.intro-pills svg{width:13px}.sound-art{position:absolute;right:-99px;top:5px;opacity:.3;transform:rotate(-10deg) scale(.54);pointer-events:none}.intro-content{width:100%}.intro h1,.intro p,.intro .eyebrow{text-shadow:0 2px 15px #0a1014,0 0 8px #0a1014}.workspace-layout{grid-template-columns:minmax(0,1fr);gap:24px}.workspace-main{gap:16px}.upload-panel,.task-panel,.results{padding:21px 18px}.section-heading{margin-bottom:21px}.section-heading h2{font-size:16px}.section-heading p{font-size:11px}.section-number{display:grid;width:28px;height:33px;font-size:10px}.heading-with-number{gap:10px}.small-chip{display:block;font-size:8px}.dropzone{padding:28px 10px 21px}.dropzone h3{font-size:17px}.dropzone p{font-size:11px}.file-formats{font-size:9px}.consent{font-size:10px;margin-top:17px;gap:8px}.upload-actions{margin-top:18px;padding-top:17px}.primary{font-size:12px;min-height:44px}.upload-actions>span{font-size:10px}.workspace-sidebar{display:grid;grid-template-columns:1fr;gap:17px}.guide-card{padding:23px}.guide-card h2{font-size:18px}.guide-card ol{gap:20px}.guide-card li{gap:14px}.guide-card h3{font-size:13px}.guide-card p{font-size:12px}.guide-bottom{font-size:11px}.history-card{padding:22px}.sidebar-heading h2{font-size:13px}.history-item strong{font-size:12px}.history-item small{font-size:10px}.empty-history p{font-size:12px}.empty-history span{font-size:11px}.history-footnote{font-size:10px}.privacy-note{padding:6px}.privacy-note h3{font-size:12px}.privacy-note p{font-size:11px}.bottom-note{padding:18px 2px;margin:11px 0}.bottom-note p{font-size:9px}.site-footer{flex-wrap:wrap;padding:23px 20px;gap:18px}.site-footer p{min-width:55%;font-size:9px}.site-footer>div:last-child{width:100%;padding-left:29px}.steps{gap:10px}.step{font-size:10px;gap:7px}.step:not(:last-child):after{display:block}.transport>.icon-button{display:inline-flex}.transport{gap:10px}.stem{padding:15px}.stem-footer{flex-wrap:nowrap}.volume-control{flex-basis:auto;max-width:190px}.stem-downloads{gap:5px}.stem-downloads a{padding:7px}.wave-placeholder{font-size:9px}.wave-placeholder>svg{display:inline-block}.badge{font-size:8px}.results .section-heading h2{font-size:15px}.result-notes{gap:12px}.result-notes p,.mix-export p,.result-file{font-size:10px}.expiry{align-items:flex-start;line-height:1.8}.expiry svg{margin-top:3px;flex-shrink:0}.wav-status{flex-wrap:wrap;font-size:11px}.wav-status>span{min-width:70%}.access-form input{flex-basis:100%}.access-form button{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}