#tracks{display:grid;gap:10px}.merge-track{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #26394e;border-radius:10px;background:#0e1722;padding:12px}.merge-track strong{display:block;overflow-wrap:anywhere}.merge-track audio{display:block;width:100%;max-width:440px;height:34px;margin-top:8px}.merge-track .actions{display:flex;gap:4px}.merge-track.dragging{opacity:.4}.merge-track small,.hint{color:#9eafc3}.merge-transition{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:10px 0}.merge-transition strong{flex:1 1 240px;overflow-wrap:anywhere}.merge-transition input{width:90px}fieldset{border:1px solid #26394e;border-radius:8px;margin:16px 0}fieldset label{display:inline-block;margin:10px}#notice{white-space:pre-wrap;color:#ffcc8e}audio{max-width:100%}#downloads>div{border-bottom:1px solid #26394e;padding:15px 0}#downloads a{display:inline-block;padding:12px;background:#163147;border-radius:8px;color:#b6ecff}#downloads audio{display:block;margin-top:12px;width:100%}.panel{margin:18px 0}#drop.over{outline:2px dashed #36d9ff}.settings label{min-width:0}button:disabled{opacity:.5;cursor:wait}details summary{cursor:pointer;padding:12px 0}input[type=checkbox]{width:auto!important}#trim{margin:12px 8px 12px 0}#progress{display:block;width:100%;margin-top:16px}@media(max-width:600px){.merge-track{grid-template-columns:24px minmax(0,1fr)}.merge-track .actions{grid-column:2;flex-wrap:wrap}.top{align-items:flex-start;flex-wrap:wrap}.settings{display:flex;flex-direction:column}.merge-transition select{max-width:100%}}
/* Merge MP3 1.1 — studio controls and upload surfaces. */
main{--merge-accent:#45d8f5;--merge-border:#2b4159;--merge-muted:#99abc0}main .panel{padding:26px;border:1px solid var(--merge-border);border-radius:16px;background:linear-gradient(145deg,#101d2be8,#090f18f5);box-shadow:0 12px 35px #0002}main .panel h2{font-size:19px;letter-spacing:.02em;margin:0 0 22px;color:#e4f3ff}main .panel h3{font-size:17px}main .intro{border-radius:14px;border:1px solid #2a4059;padding:22px 26px;background:linear-gradient(110deg,#142638,#0c141e)}main .intro>b{font-size:20px;color:#e6f7ff}main .intro p{line-height:1.7}main #quota{display:inline-block;margin-bottom:0;padding:8px 12px;border-radius:8px;background:#0c1724;border:1px solid #304a64;color:#9de6f6;font-weight:600}main button,main .upload-button{border:1px solid #35536e;border-radius:8px;background:linear-gradient(#1d374b,#142738);color:#d5f5ff;font:600 14px "Segoe UI",Arial,sans-serif;padding:11px 16px;min-height:42px;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}main button:hover:not(:disabled),main .upload-button:hover{border-color:#5bcce4;background:#234860;transform:translateY(-1px)}main button:focus-visible,main input:focus-visible,main select:focus-visible,main .upload-button:focus-within{outline:2px solid #75e1f4;outline-offset:3px}main button:disabled{opacity:.45;transform:none}main input:not([type=checkbox]):not([type=range]):not([type=file]),main select{width:100%;max-width:100%;background:#080f19;color:#e9f4ff;border:1px solid #334a63;border-radius:8px;padding:11px 12px;min-height:43px;font:14px "Segoe UI",Arial,sans-serif}main .settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px;margin:20px 0}main .settings>label{display:flex;flex-direction:column;gap:9px;color:#a9bfd3;font-weight:600}main input[type=checkbox]{accent-color:#48cce7;width:17px!important;height:17px;vertical-align:middle}main #generate{background:linear-gradient(100deg,#2f98b3,#246a93);border-color:#66d4ec;color:#fff;padding:14px 24px;font-size:16px;box-shadow:0 4px 20px #36d9ff1a}main #notice:empty{display:none}main #notice:not(:empty){padding:14px 18px;background:#1e1b14;border:1px solid #655032;border-radius:9px;line-height:1.6}main .hint{line-height:1.7;color:var(--merge-muted)}main progress{height:10px;accent-color:#43cce8;border-radius:8px}main .merge-upload-zone{position:relative;text-align:center;padding:34px 24px;border:2px dashed #3b657f;border-radius:14px;background:radial-gradient(ellipse at 50% 0,#18425a80,transparent 75%),#09141f;transition:border-color .2s,background .2s}main .merge-upload-zone.over{border-color:#80e7ff;background:#133348;outline:0}main .merge-upload-zone h3{font-size:23px;margin:14px 0 8px;color:#e5f6ff}main .upload-lead{font-size:15px;color:#abc4d7;margin:0 0 24px}main .merge-upload-emblem{display:flex;align-items:center;justify-content:center;margin:0 auto;width:58px;height:58px;border:1px solid #426d84;border-radius:16px;background:#153447;color:#83e3f5;font:30px sans-serif;box-shadow:0 0 25px #3cd7ff12}main .upload-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;overflow:hidden;background:linear-gradient(120deg,#257e9b,#245c83);border-color:#5aabc8;padding:13px 22px;color:white;text-decoration:none}main .upload-button input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}main .upload-button:has(input:disabled){opacity:.45;cursor:wait}main #upload-info{font-size:12px;color:#8da9bf;margin-bottom:0}main .merge-track{background:linear-gradient(100deg,#122334,#0c1723);border-color:#29465f;padding:16px;border-radius:12px}main .merge-track>span{color:#6babc7;font-weight:700}main .merge-track .actions button{min-height:36px;padding:6px 11px;background:#152c3c}main .merge-track strong{font-size:15px;color:#d7eaf8;margin-bottom:5px}main audio{height:38px;border-radius:8px;color-scheme:dark}main .merge-transition{background:#0a1522;border:1px solid #253e55;padding:14px;border-radius:9px}main .merge-transition select{width:auto;flex:0 1 170px}main .merge-transition input{width:90px!important}main details{border:1px solid #2b4159;border-radius:10px;padding:0 16px;margin-top:20px}main details>summary{font-weight:600;color:#b5e9f5}main fieldset{background:#0a1520;padding:8px 16px;border-color:#304760}main fieldset legend{padding:0 8px;color:#b8d8ed}main .section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}main .section-heading h2{margin:6px 0 0}main .merge-badge{flex-shrink:0;font-size:10px;letter-spacing:.1em;padding:7px 10px;border:1px solid #5a4a79;border-radius:20px;color:#cbb4eb;background:#2b203c}main .tag-panel{border-color:#4b3f67;background:radial-gradient(ellipse at 95% 0,#34234777,transparent 65%),linear-gradient(145deg,#111e2be8,#0b101bf5)}main .tag-layout{display:grid;grid-template-columns:minmax(220px,290px) minmax(0,1fr);gap:24px;margin-top:24px}main .tag-upload{padding:26px 18px;text-align:center;background:#0c1421;border:1px dashed #5e5379;border-radius:12px;align-self:start}main .tag-upload .merge-upload-emblem{background:#29233c;border-color:#67537c;color:#d4b8ec}main .tag-upload p{color:#a7adc3;font-size:12px;line-height:1.7;overflow-wrap:anywhere}main .tag-upload audio{width:100%;margin:12px 0}main .quiet-button{background:transparent;border-color:#5d536c;font-size:12px;padding:7px 10px}main .switch-line{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#192339;border:1px solid #394766;border-radius:10px;color:#dbe7fb;font-weight:600}main .mixing-console{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:20px;background:#09111e;border:1px solid #33425a;border-radius:12px}main .mixing-console label{display:flex;flex-direction:column;gap:14px;font-size:12px;color:#b3c7db}main .mixing-console output{font-size:22px;font-weight:700;color:#bfddfa;font-variant-numeric:tabular-nums}main input[type=range]{width:100%;accent-color:#92b9e9;cursor:pointer;margin:0}main .secondary-button{background:#25324e;border-color:#5a7198}main [hidden]{display:none!important}main #results{border-color:#366b82}main #downloads>div{padding:18px 0}main #effective{font-size:12px;line-height:1.8;color:#9ab5cb;overflow-wrap:anywhere}
@media(max-width:1000px){main .tag-layout{grid-template-columns:1fr}main .tag-upload{display:block}main .tag-upload audio{max-width:400px}}@media(max-width:600px){main .panel{padding:20px 15px;border-radius:12px}main .merge-upload-zone{padding:26px 16px}main .merge-upload-zone h3{font-size:20px}main .section-heading{align-items:flex-start;flex-direction:column}main .settings{grid-template-columns:1fr;gap:14px}main .mixing-console{grid-template-columns:1fr;padding:16px}main .mixing-console label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}main .mixing-console input{grid-column:1/-1}main .mixing-console output{font-size:19px}main .intro{padding:18px}main .tag-layout{gap:16px}main #generate{width:100%}}
main .account-import{margin:24px 0;padding:22px;border:1px solid #334f68;border-radius:12px;background:linear-gradient(130deg,#122336,#0b1622)}main .account-import .section-heading{margin:0 0 16px}main .account-import h3{margin:7px 0 0;font-size:19px}main .account-import>p{line-height:1.7;color:#aec2d7}main .account-toolbar{display:flex;gap:12px;margin-top:18px}main .account-toolbar input{flex:1;min-width:0}main .account-toolbar button{flex-shrink:0}main .account-files{display:grid;gap:8px;max-height:360px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}main .account-file{display:flex;align-items:center;gap:12px;padding:12px;background:#091420;border:1px solid #283e54;border-radius:8px}main .account-file label{display:flex;align-items:center;gap:12px;flex:1;min-width:0;cursor:pointer}main .account-file label>span{min-width:0}main .account-file strong{display:block;overflow-wrap:anywhere;color:#d9edf9;font-size:14px}main .account-file small{display:block;color:#8ea9bf;font-size:11px;margin-top:5px}main .account-file input{flex-shrink:0}main .account-file button{flex-shrink:0}main .account-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}main #account-preview{width:100%;max-width:500px;margin-top:16px}@media(max-width:600px){main .account-import{padding:16px}main .account-toolbar{flex-direction:column}main .account-actions button{width:100%}}