:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--page:#f9f9f7;--surface:#fcfcfb;--raised:#fff;--text:#0b0b0b;--text-2:#52514e;--muted:#898781;--line:#e1e0d9;--line-strong:#c3c2b7;--accent:#2a78d6;--accent-ink:#fff;--accent-wash:#2a78d61a;--error:#c03636;--drop-bg:#d6e1f0;--drop-border:#7f9cc3;--drop-over-bg:#c3d5ee;--drop-link:#1c5cab;--drop-btn-bg:#fff;--drop-btn-border:#7f9cc3;--title-1:#025f70;--title-2:#b7740f;--logo-light:inline-block;--logo-dark:none;--radius:10px;background:var(--page);color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#0d0d0d;--surface:#1a1a19;--raised:#232321;--text:#f0efec;--text-2:#c3c2b7;--muted:#898781;--line:#2c2c2a;--line-strong:#44443f;--accent:#3987e5;--accent-wash:#3987e529;--error:#e66767;--drop-bg:#1d2a3b;--drop-border:#3d5a80;--drop-over-bg:#263a55;--drop-link:#6da7ec;--drop-btn-bg:#33332f;--drop-btn-border:#6b6b64;--title-1:#3fb0c6;--title-2:#d69b3a;--logo-light:none;--logo-dark:inline-block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#0d0d0d;--surface:#1a1a19;--raised:#232321;--text:#f0efec;--text-2:#c3c2b7;--muted:#898781;--line:#2c2c2a;--line-strong:#44443f;--accent:#3987e5;--accent-wash:#3987e529;--error:#e66767;--drop-bg:#1d2a3b;--drop-border:#3d5a80;--drop-over-bg:#263a55;--drop-link:#6da7ec;--drop-btn-bg:#33332f;--drop-btn-border:#6b6b64;--title-1:#3fb0c6;--title-2:#d69b3a;--logo-light:none;--logo-dark:inline-block}}*{box-sizing:border-box}body,h1,h2,h3{margin:0}h1{letter-spacing:-.01em;font-size:26px}.title-1{color:var(--title-1)}.title-2{color:var(--title-2)}h2{font-size:17px}h3{text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);margin-bottom:8px;font-size:13px}p{margin:0}.app{flex-direction:column;max-width:1240px;min-height:100vh;margin:0 auto;padding:24px 20px;display:flex}.top{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.top .privacy{margin-top:4px}.brand{align-items:center;gap:14px;min-width:0;display:flex}.brand img{flex-shrink:0;width:auto;height:64px}.logo-light{display:var(--logo-light)}.logo-dark{display:var(--logo-dark)}@media (width<=560px){.top{flex-wrap:wrap;gap:10px}.top-actions{order:-1;margin-left:auto}.brand{flex-basis:100%;gap:10px}.brand img{height:44px}h1{font-size:22px}}.tagline{color:var(--text-2)}.top-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.theme-select{color:var(--text-2);flex-shrink:0;align-items:center;gap:8px;font-size:13px;display:flex}.theme-select select{width:auto;padding:3px 6px;font-size:13px}.privacy{color:var(--muted);font-size:13px}.foot{color:var(--muted);flex-direction:column;gap:2px;margin-top:auto;padding-top:28px;font-size:12px;display:flex}.layout{flex-direction:column;gap:16px;display:flex}.work{flex-direction:column;gap:12px;min-width:0;display:flex}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.panel-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.settings-grid{grid-template-columns:1.25fr 1.15fr .75fr 1.2fr;display:grid}.settings-grid>section{border-left:1px solid var(--line);flex-direction:column;gap:10px;min-width:0;padding:2px 20px;display:flex}.settings-grid>section:first-child{border-left:0;padding-left:0}.settings-grid>section:last-child{padding-right:0}@media (width<=1060px){.settings-grid{grid-template-columns:1fr 1fr;gap:20px 28px}.settings-grid>section{border-left:0;padding:0}}@media (width<=640px){.settings-grid{grid-template-columns:1fr;gap:0}.settings-grid>section{border-top:1px solid var(--line);padding:14px 0}.settings-grid>section:first-child{border-top:0;padding-top:0}}.h3-note{text-transform:none;letter-spacing:0;color:var(--muted);margin-left:4px;font-weight:400}.row{align-items:center;display:flex}.gap-s{gap:6px}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.note{color:var(--muted);font-size:12px}.muted{color:var(--muted);font-size:13px}.error-text{color:var(--error);font-size:13px}.field{flex-direction:column;gap:3px;min-width:0;display:flex}.field-label{color:var(--text-2);font-size:12px}.field-input{align-items:center;gap:6px;display:flex}.field-hint{color:var(--muted);font-size:11px}.unit{color:var(--muted);font-size:12px}input[type=number],input[type=text],select{font:inherit;color:var(--text);background:var(--raised);border:1px solid var(--line-strong);border-radius:6px;width:100%;min-width:0;padding:5px 8px;font-size:14px}input[type=number]{font-variant-numeric:tabular-nums}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.check{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.segmented{border:1px solid var(--line-strong);border-radius:8px;display:flex;overflow:hidden}.segmented label{text-align:center;cursor:pointer;color:var(--text-2);flex:1;padding:6px 4px;font-size:13px}.segmented label+label{border-left:1px solid var(--line-strong)}.segmented label.on{background:var(--accent-wash);color:var(--text);font-weight:600}.segmented input{opacity:0;pointer-events:none;position:absolute}button{font:inherit;cursor:pointer;border:1px solid var(--line-strong);background:var(--raised);color:var(--text);border-radius:6px;padding:6px 14px;font-size:14px}button:hover:not(:disabled){border-color:var(--muted)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-small{padding:3px 9px;font-size:12px}.btn-icon{color:var(--muted);background:0 0;border-color:#0000;padding:0 8px;font-size:18px;line-height:24px}button.link{color:var(--accent);background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.dropzone{border:2px dashed var(--drop-border);border-radius:var(--radius);background:var(--drop-bg);text-align:center;flex-direction:column;gap:6px;padding:48px 20px;transition:background .1s;display:flex}.dropzone.compact{padding:14px}.dropzone .note{color:var(--text-2)}.dropzone button.link{color:var(--drop-link)}.dropzone .demo-btn{vertical-align:1px;background:var(--drop-btn-bg);border-color:var(--drop-btn-border);margin-left:12px}.dropzone.over{border-color:var(--accent);background:var(--drop-over-bg);border-style:solid}.toolbar{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.toolbar .field{width:110px}.spacer{flex:1}.table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto}table.files{border-collapse:collapse;width:100%;font-size:14px}.files th{text-align:left;color:var(--text-2);border-bottom:1px solid var(--line);white-space:nowrap;padding:8px 10px;font-size:12px;font-weight:600}.files td{border-bottom:1px solid var(--line);vertical-align:middle;padding:7px 10px}.files tr:last-child td{border-bottom:0}.files tr.playing td{background:var(--accent-wash)}.files .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.files .name{max-width:260px}.files .name>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.files .name>.error-text,.files .name>.muted{white-space:normal;font-size:12px}.files .listen,.files .actions{white-space:nowrap}.files .listen button+button,.files .actions button+button{margin-left:6px}.toast{background:var(--raised);border:1px solid var(--line-strong);border-radius:var(--radius);align-items:center;gap:10px;padding:10px 14px;font-size:14px;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 16px #00000026}.dialog{border:1px solid var(--line-strong);background:var(--surface);width:calc(100% - 32px);max-width:520px;color:var(--text);border-radius:12px;padding:0;box-shadow:0 12px 40px #00000040}.dialog::backdrop{background:#00000073}.dialog-body{flex-direction:column;gap:10px;padding:20px 22px;display:flex}.dialog-lead{color:var(--text-2)}.dialog h3{margin:6px 0 0}.dialog ol{flex-direction:column;gap:4px;margin:0;padding-left:20px;display:flex}.dialog p,.dialog li{color:var(--text-2)}.dialog strong{color:var(--text)}.dialog details{border-top:1px solid var(--line);padding-top:10px}.dialog summary{cursor:pointer;color:var(--text-2);font-size:14px}.dialog details section{flex-direction:column;gap:6px;margin-top:10px;display:flex}.dialog-actions{justify-content:flex-end;margin-top:6px;display:flex}@media (width<=640px){table.files,.files tbody,.files tr,.files td{display:block}.files thead{display:none}.files tr{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 10px;padding:10px 12px;display:grid}.files tr:last-child{border-bottom:0}.files td{border:0;padding:0}.files td.name{grid-column:1/-1;max-width:none}.files td.num{text-align:left}.files td.num:before{content:attr(data-label);color:var(--muted);font-size:11px;display:block}.files td.listen{grid-column:1/3}.files td.actions{grid-column:3;justify-self:end}.files tr.playing{background:var(--accent-wash)}.files tr.playing td{background:0 0}}