@font-face{font-family:Timeless Sans;src:url(/fonts/TimelessSans-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Timeless Sans;src:url(/fonts/TimelessSans-Medium.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Paper Mono;src:url(/fonts/PaperMono-Regular.woff2)format("woff2");font-weight:400;font-display:swap}:root{--ink:#0b0b0b;--stone-900:#161615;--stone-800:#2a2927;--stone-700:#5a5853;--stone-600:#6f6c66;--stone-500:#8f8c86;--stone-400:#b5b2ac;--stone-300:#cfccc5;--stone-200:#dcd9d3;--stone-100:#e9e7e2;--paper-200:#f4f3f0;--paper-100:#fbfaf8;--font-sans:"Timeless Sans", system-ui, sans-serif;--font-mono:"Paper Mono", ui-monospace, monospace;--ease-out:cubic-bezier(.23, 1, .32, 1);--radius-sm:6px;--radius:10px;--control-h:40px;--text:15px;--text-sm:14px;--text-label:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:var(--paper-200);--panel:var(--paper-100);--field:var(--paper-100);--hover:var(--stone-100);--text-primary:var(--ink);--text-secondary:var(--stone-700);--text-tertiary:var(--stone-600);--border:var(--stone-200);--border-strong:var(--stone-500);--accent:#0060f0;--accent-hover:#004fcc;--on-accent:var(--paper-100);--accent-tint:#e5eefe;--positive:#1d6b45;--positive-tint:#e3f1e9;--warning:#8a4b00;--warning-tint:#f8ecdc;--danger:#a8262d;--danger-hover:#8c1d23;--danger-tint:#f8e3e3;--sheen:#fff3;--sheen-surface:#ffffffb3;--highlight:#ffffff59;--highlight-surface:#ffffffe6;--edge-shade:#0000001f;--drop-1:#0000001f;--drop-2:#00000014;--field-inset:#0000000f;--float:0 1px 2px #0000000f, 0 8px 24px #0000001f}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:var(--ink);--panel:var(--stone-900);--field:var(--ink);--hover:var(--stone-800);--text-primary:var(--paper-200);--text-secondary:var(--stone-400);--text-tertiary:var(--stone-500);--border:var(--stone-800);--border-strong:var(--stone-600);--accent:#5c9dff;--accent-hover:#7db1ff;--on-accent:var(--ink);--accent-tint:#0f1e36;--positive:#6cc49a;--positive-tint:#16271e;--warning:#f0a54a;--warning-tint:#2b2112;--danger:#f0787e;--danger-hover:#f59599;--danger-tint:#2c1617;--sheen:#ffffff26;--sheen-surface:#ffffff12;--highlight:#ffffff2e;--highlight-surface:#ffffff14;--edge-shade:#00000059;--drop-1:#00000080;--drop-2:#00000052;--field-inset:#00000040;--float:0 1px 2px #0006, 0 12px 32px #0009}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:var(--ink);--panel:var(--stone-900);--field:var(--ink);--hover:var(--stone-800);--text-primary:var(--paper-200);--text-secondary:var(--stone-400);--text-tertiary:var(--stone-500);--border:var(--stone-800);--border-strong:var(--stone-600);--accent:#5c9dff;--accent-hover:#7db1ff;--on-accent:var(--ink);--accent-tint:#0f1e36;--positive:#6cc49a;--positive-tint:#16271e;--warning:#f0a54a;--warning-tint:#2b2112;--danger:#f0787e;--danger-hover:#f59599;--danger-tint:#2c1617;--sheen:#ffffff26;--sheen-surface:#ffffff12;--highlight:#ffffff2e;--highlight-surface:#ffffff14;--edge-shade:#00000059;--drop-1:#00000080;--drop-2:#00000052;--field-inset:#00000040;--float:0 1px 2px #0006, 0 12px 32px #0009}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--canvas);min-height:100dvh;color:var(--text-primary);font:400 var(--text)/1.45 var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}h1,h2,h3,p,ol,ul{margin:0;padding:0}svg{flex:none}.noscript{padding:24px}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mono{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.04em;text-transform:uppercase}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{flex-direction:column;min-height:100dvh;display:flex}.app.is-dragging:after{content:"";z-index:50;pointer-events:none;border:2px dashed var(--accent);border-radius:var(--radius);background:color-mix(in srgb, var(--accent-tint) 50%, transparent);position:fixed;inset:8px}.header{z-index:20;background:var(--panel);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;height:60px;padding:0 12px 0 20px;display:flex;position:sticky;top:0}.crumbs{white-space:nowrap;align-items:center;gap:10px;min-width:0;display:flex}.crumbs a{color:var(--text-secondary);border-radius:4px;text-decoration:none}.crumbs a:hover{color:var(--text-primary)}.crumbs .crumbs__home{color:var(--text-primary);align-items:center;gap:10px;font-weight:500;display:flex}.crumbs__glyph{fill:currentColor;width:18px;height:18px}.crumbs__sep{color:var(--text-tertiary)}.crumbs__here{text-overflow:ellipsis;font-weight:500;overflow:hidden}.header__actions{align-items:center;gap:4px;display:flex}.body{flex:1;grid-template-columns:400px minmax(0,1fr);align-items:start;gap:24px;width:100%;max-width:1600px;margin:0 auto;padding:24px;display:grid}.column{gap:16px;min-width:0;display:grid}@media (width<=960px){.body{grid-template-columns:minmax(0,1fr);gap:16px;padding:16px}}@media (width<=560px){.header{padding-left:16px}.crumbs__studio,.crumbs__sep--studio{display:none}}.btn{height:var(--control-h);border-radius:var(--radius-sm);font-size:var(--text);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;flex:none;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:500;line-height:1;transition:background-color .12s,color .12s,box-shadow .12s;display:inline-flex}.btn svg{width:16px;height:16px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--small{height:32px;font-size:var(--text-sm);padding:0 12px}.btn--block{width:100%}.btn--primary{color:var(--on-accent);background:linear-gradient(var(--sheen), transparent) var(--accent);border-color:var(--accent-hover);box-shadow:inset 0 1px 0 var(--highlight), inset 0 -1px 0 var(--edge-shade), 0 1px 2px var(--drop-1), 0 2px 6px var(--drop-2)}.btn--primary:not(:disabled):hover{background-color:var(--accent-hover)}.btn--primary:not(:disabled):active,.btn--primary.is-busy{background:var(--accent-hover);box-shadow:inset 0 2px 3px var(--edge-shade)}.btn--secondary,.icon-btn{color:var(--text-primary);background:linear-gradient(var(--sheen-surface), transparent) var(--panel);border-color:var(--border-strong);box-shadow:inset 0 1px 0 var(--highlight-surface), inset 0 -1px 0 var(--edge-shade), 0 1px 2px var(--drop-2)}.btn--secondary:not(:disabled):hover,.icon-btn:not(:disabled):hover{background-color:var(--hover)}.btn--secondary:not(:disabled):active,.icon-btn:not(:disabled):active{background:var(--hover);box-shadow:inset 0 2px 3px var(--edge-shade)}.btn--ghost{color:var(--text-secondary);background:0 0}.btn--ghost:not(:disabled):hover{color:var(--text-primary);background:var(--hover)}.btn--ghost:not(:disabled):active{background:var(--hover);box-shadow:inset 0 2px 3px var(--edge-shade)}.btn--danger{color:var(--on-accent);background:linear-gradient(var(--sheen), transparent) var(--danger);border-color:var(--danger-hover);box-shadow:inset 0 1px 0 var(--highlight), inset 0 -1px 0 var(--edge-shade), 0 1px 2px var(--drop-1), 0 2px 6px var(--drop-2)}.btn--danger:not(:disabled):hover{background-color:var(--danger-hover)}.icon-btn{width:var(--control-h);height:var(--control-h);border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;flex:none;place-items:center;padding:0;display:inline-grid}.icon-btn svg{width:16px;height:16px}.icon-btn--quiet{box-shadow:none;color:var(--text-secondary);background:0 0;border-color:#0000}.icon-btn--quiet:not(:disabled):hover{color:var(--text-primary)}.icon-btn--small{width:32px;height:32px}.icon-btn:disabled{opacity:.45;cursor:not-allowed}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{rotate:1turn}}.field{gap:8px;min-width:0;display:grid}.field__label{font-size:var(--text-sm);font-weight:500}.field__hint{font-size:var(--text-label);color:var(--text-tertiary)}.input{width:100%;height:var(--control-h);background:var(--field);min-width:0;color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:inset 0 1px 2px var(--field-inset);font-size:var(--text);padding:0 14px;transition:border-color .12s,box-shadow .12s}.input::placeholder{color:var(--text-tertiary)}.input:hover{border-color:var(--text-tertiary)}.input:focus{border-color:var(--accent);box-shadow:inset 0 1px 2px var(--field-inset), 0 0 0 3px var(--accent-tint);outline:none}.input.is-mixed::placeholder{font-style:italic}.select{position:relative}.select .input{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:8px;padding:0 12px 0 14px;display:flex}.select .input span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select .input svg{width:14px;height:14px;color:var(--text-tertiary)}.menu{z-index:40;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);min-width:100%;max-height:320px;box-shadow:var(--float);animation:menu-in .14s var(--ease-out);gap:2px;margin:0;padding:6px;list-style:none;display:grid;position:absolute;overflow:auto}.menu--end{right:0}.menu--up{bottom:calc(100% + 6px)}.menu:not(.menu--up){top:calc(100% + 6px)}@keyframes menu-in{0%{opacity:0;translate:0 -4px}}.menu__label{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary);padding:8px 10px 4px;font-size:11px}.menu__sep{background:var(--border);height:1px;margin:4px 6px}.menu__item{border-radius:var(--radius-sm);text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;width:100%;height:38px;padding:0 10px;display:flex}.menu__item:hover,.menu__item.is-active{background:var(--hover)}.menu__item:focus-visible{outline-offset:-2px}.menu__item:disabled{color:var(--text-tertiary);cursor:default;background:0 0}.menu__item svg{width:14px;height:14px;color:var(--accent)}.menu__item--danger{color:var(--danger)}.switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;display:inline-flex}.switch input{opacity:0;pointer-events:none;position:absolute}.switch__track{background:var(--border-strong);width:42px;height:24px;box-shadow:inset 0 1px 2px var(--edge-shade);border-radius:12px;flex:none;transition:background-color .16s;position:relative}.switch__track:after{content:"";background:var(--panel);width:20px;height:20px;box-shadow:0 1px 2px var(--drop-1), 0 2px 5px var(--drop-2);transition:translate .18s var(--ease-out), background-color .16s ease;border-radius:50%;position:absolute;top:2px;left:2px}.switch input:checked+.switch__track{background:linear-gradient(var(--sheen), transparent) var(--accent)}.switch input:checked+.switch__track:after{background:var(--on-accent);translate:18px}.switch input:focus-visible+.switch__track{outline:2px solid var(--accent);outline-offset:2px}.switch input:disabled+.switch__track{opacity:.45}.switch:has(input:disabled){cursor:not-allowed;color:var(--text-tertiary)}.slider{gap:10px;display:grid}.slider__head{font-size:var(--text-sm);justify-content:space-between;display:flex}.slider__head label{font-weight:500}.slider__head output{font-family:var(--font-mono);color:var(--text-secondary)}.range{--fill:50%;cursor:pointer;appearance:none;background:0 0;width:100%;height:20px;margin:0}.range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--fill), var(--border) var(--fill));border-radius:3px;height:6px}.range::-moz-range-track{background:var(--border);border-radius:3px;height:6px}.range::-moz-range-progress{background:var(--accent);border-radius:3px;height:6px}.range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--panel);border:2px solid var(--accent);width:20px;height:20px;box-shadow:0 1px 2px var(--drop-1), 0 2px 5px var(--drop-2);border-radius:50%;margin-top:-7px}.range::-moz-range-thumb{background:var(--panel);border:2px solid var(--accent);width:16px;height:16px;box-shadow:0 1px 2px var(--drop-1), 0 2px 5px var(--drop-2);border-radius:50%}.range:focus-visible{outline:none}.range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--accent-tint)}.segmented{background:var(--hover);border-radius:var(--radius);gap:2px;padding:4px;display:flex}.segmented button{border-radius:var(--radius-sm);height:34px;color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;background:0 0;border:0;flex:1;padding:0 10px}.segmented button:hover{color:var(--text-primary)}.segmented button[aria-pressed=true]{background:var(--panel);color:var(--text-primary);box-shadow:inset 0 1px 0 var(--highlight-surface), 0 1px 2px var(--drop-1);font-weight:500}.segmented svg{vertical-align:-3px;width:15px;height:15px}.swatch{cursor:pointer;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--field);flex:none;width:32px;height:32px;padding:3px}.swatch::-webkit-color-swatch-wrapper{padding:0}.swatch::-webkit-color-swatch{border:0;border-radius:3px}.swatch::-moz-color-swatch{border:0;border-radius:3px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);min-width:0}.panel__head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:0 12px 0 20px;display:flex}.panel__head h2{font-size:var(--text);font-weight:500}.panel__head-end{align-items:center;gap:8px;min-width:0;display:flex}.panel__meta{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.panel__body{gap:18px;padding:20px;display:grid}.panel__more{border-top:1px solid var(--border)}.panel__more>summary{cursor:pointer;font-size:var(--text-sm);justify-content:space-between;align-items:center;padding:14px 20px;font-weight:500;list-style:none;display:flex}.panel__more>summary::-webkit-details-marker{display:none}.panel__more>summary svg{width:14px;height:14px;color:var(--text-tertiary);transition:rotate .16s}.panel__more[open]>summary svg{rotate:180deg}.panel__more>.panel__body{padding-top:0}.fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:20px;display:grid}@media (width<=720px){.fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=420px){.fields{grid-template-columns:minmax(0,1fr)}}.row{align-items:center;gap:8px;min-width:0;display:flex}.row>.field,.row>.select{flex:1}.label{font-size:var(--text-sm);font-weight:500}.note{font-size:var(--text-sm);color:var(--text-secondary)}.note svg{vertical-align:-2px;width:14px;height:14px;color:var(--warning);margin-right:4px}.savebar{z-index:20;background:var(--panel);border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:12px 28px;display:flex;position:sticky;bottom:0}.savebar__status{min-width:0;font-size:var(--text-sm);color:var(--text-secondary);align-items:center;gap:12px;display:flex}.savebar__status--danger{color:var(--danger)}.savebar__status svg{width:16px;height:16px}.dot{background:var(--border-strong);border-radius:50%;flex:none;width:8px;height:8px}.dot--warning{background:var(--warning)}.dot--positive{background:var(--positive)}.savebar__actions{gap:8px;display:flex}@media (width<=640px){.savebar{flex-wrap:wrap;padding:12px 16px}.savebar__actions{width:100%}.savebar__actions .btn{flex:1}.savebar .engine{display:none}}.engine{cursor:pointer;font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary);white-space:nowrap;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:inline-flex}.engine:hover{color:var(--text-primary)}.engine svg{width:14px;height:14px}.engine--error{color:var(--warning)}.progress{gap:8px;width:min(420px,100%);display:grid}.progress__head{font-size:var(--text-sm);justify-content:space-between;gap:12px;display:flex}.progress__head span:first-child{color:var(--text-primary);font-weight:500}.progress__head span:last-child{font-family:var(--font-mono);color:var(--text-secondary)}.progress__track{background:var(--hover);height:6px;box-shadow:inset 0 1px 2px var(--field-inset);border-radius:3px;overflow:hidden}.progress__bar{background:linear-gradient(var(--sheen), transparent) var(--accent);height:100%;transition:width .24s var(--ease-out);border-radius:3px}.progress__bar--indeterminate{animation:1.1s ease-in-out infinite slide;width:35%!important}@keyframes slide{0%{translate:-100%}to{translate:290%}}.progress__detail{font-size:var(--text-label);color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.empty{text-align:center;flex:1;place-content:center;justify-items:center;gap:20px;padding:48px 16px;display:grid}.empty__title{letter-spacing:-.01em;font-size:28px;font-weight:500}.empty__lede{max-width:44ch;color:var(--text-secondary)}.dropzone{background:var(--panel);border:1px solid var(--border-strong);border-radius:var(--radius);place-content:center;justify-items:center;gap:10px;width:min(560px,100%);min-height:280px;padding:24px;transition:background-color .16s,border-color .16s;display:grid}.dropzone.is-over{background:var(--accent-tint);border-color:var(--accent);border-style:dashed}.dropzone__well{background:var(--hover);border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.dropzone__well svg{width:20px;height:20px}.dropzone__title{font-weight:500}.dropzone__body{max-width:300px;font-size:var(--text-sm);color:var(--text-secondary)}.dropzone__actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px;display:flex}.app.is-empty.is-dragging:after{display:none}.toasts{z-index:60;gap:8px;width:min(380px,100vw - 32px);display:grid;position:fixed;bottom:88px;right:16px}.toast{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--float);animation:toast-in .22s var(--ease-out);grid-template-columns:16px minmax(0,1fr) auto;align-items:start;gap:12px;padding:14px 10px 14px 16px;display:grid}@keyframes toast-in{0%{opacity:0;translate:0 8px}}.toast>svg{width:16px;height:16px;margin-top:2px}.toast--success>svg{color:var(--positive)}.toast--error>svg{color:var(--danger)}.toast__title{font-weight:500}.toast__body{font-size:var(--text-sm);color:var(--text-secondary);overflow-wrap:anywhere;margin-top:2px;line-height:1.4}.toast .icon-btn{width:28px;height:28px;margin-top:-4px}.toast .icon-btn svg{width:14px;height:14px}.popover-anchor{position:relative}.popover{z-index:40;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);width:min(340px,100vw - 24px);box-shadow:var(--float);font-size:var(--text-sm);color:var(--text-secondary);animation:menu-in .14s var(--ease-out);gap:10px;padding:16px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.popover h2{font-size:var(--text);color:var(--text-primary);font-weight:500}.popover ul{gap:4px;padding-left:18px;display:grid}.popover code{font-family:var(--font-mono);color:var(--text-primary);overflow-wrap:anywhere;font-size:11px}.popover .btn{justify-self:end}.kbd{font-family:var(--font-mono);border:1px solid var(--border);color:var(--text-primary);border-radius:4px;padding:1px 5px;font-size:11px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.artwork{grid-template-columns:176px minmax(0,1fr);align-items:start;gap:16px;display:grid}.cover{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--hover);width:176px;box-shadow:inset 0 0 0 1px var(--border);position:relative;overflow:hidden}.cover__pick{width:100%;height:100%;color:var(--text-tertiary);cursor:pointer;font-size:var(--text-label);text-align:center;background:0 0;border:0;align-content:center;place-items:center;gap:8px;padding:12px;display:grid}.cover__pick:hover{color:var(--text-primary)}.cover__pick svg{width:22px;height:22px}.cover canvas{width:100%;height:100%;display:block}.cover__overlay{pointer-events:none;position:absolute;inset:0}.cover__logo{pointer-events:auto;cursor:move;touch-action:none;outline:1px dashed #ffffff8c;position:absolute;box-shadow:0 0 0 1px #0000004d}.cover__logo:hover,.cover__logo:focus-visible{outline-offset:0;outline:1px solid #fff}.cover__handle{touch-action:none;background:#fff;border:1px solid #0006;border-radius:2px;width:10px;height:10px;position:absolute}.cover__handle[data-mode=tl]{cursor:nwse-resize;top:-5px;left:-5px}.cover__handle[data-mode=tr]{cursor:nesw-resize;top:-5px;right:-5px}.cover__handle[data-mode=bl]{cursor:nesw-resize;bottom:-5px;left:-5px}.cover__handle[data-mode=br]{cursor:nwse-resize;bottom:-5px;right:-5px}.artwork__side{gap:10px;min-width:0;display:grid}.artwork__info{font-family:var(--font-mono);font-size:var(--text-label);color:var(--text-secondary);overflow-wrap:anywhere;line-height:1.6}.artwork__actions{gap:8px;display:grid}@media (width<=960px) and (width>=561px){.artwork{grid-template-columns:240px minmax(0,1fr)}.cover{width:240px}}@media (width<=560px){.artwork{grid-template-columns:minmax(0,1fr)}.cover{width:100%}}.callout{background:var(--warning-tint);border-radius:var(--radius-sm);font-size:var(--text-sm);gap:10px;padding:14px 16px;display:grid}.callout__title{color:var(--warning);align-items:center;gap:8px;font-weight:500;display:flex}.callout__title svg{width:16px;height:16px}.callout p{color:var(--text-secondary)}.callout .btn{justify-self:start}.colors{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tracks{border-collapse:collapse;table-layout:fixed;width:100%}.tracks th{background:var(--canvas);text-align:left;height:40px;font-weight:400;font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary);padding:0 6px}.tracks th:first-child,.tracks td:first-child{padding-left:12px}.tracks th:last-child,.tracks td:last-child{padding-right:12px}.tracks td{border-top:1px solid var(--border);vertical-align:middle;height:46px;padding:0 6px}.tracks tr.is-dragging{opacity:.4}.tracks tr.is-over td{box-shadow:inset 0 2px 0 var(--accent)}.tracks tbody tr:hover{background:color-mix(in srgb, var(--hover) 55%, transparent)}.tracks th.grip-cell,.tracks th.num{width:40px}.tracks th.artist{width:26%}.tracks th.time{width:64px}.tracks th.format{width:112px}.tracks th.state{width:116px}.tracks th.remove-cell{width:52px}.tracks .num,.tracks .time,.tracks .format{font-family:var(--font-mono);color:var(--text-secondary)}.tracks .num,.tracks .time{font-size:var(--text-sm)}.tracks .format{font-size:var(--text-label);white-space:nowrap}.cell-input{border-radius:var(--radius-sm);text-overflow:ellipsis;background:0 0;border:1px solid #0000;width:100%;min-width:0;height:34px;margin-left:-8px;padding:0 8px}.cell-input::placeholder{color:var(--text-tertiary)}.cell-input:hover{border-color:var(--border)}.cell-input:focus{background:var(--field);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint);outline:none}.cell-file{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;margin-top:-2px;font-size:11px;display:block;overflow:hidden}.grip{width:24px;height:32px;color:var(--text-tertiary);cursor:grab;background:0 0;border:0;border-radius:4px;place-items:center;padding:0;display:grid}.grip:hover{color:var(--text-primary)}.grip:active{cursor:grabbing}.grip svg{width:14px;height:14px}.tracks .remove{opacity:0}.tracks tr:hover .remove,.tracks .remove:focus-visible{opacity:1}@media (hover:none){.tracks .remove{opacity:1}}@media (width<=720px){.tracks .artist,.tracks .time,.tracks .format{display:none}.tracks th.state{width:104px}}@media (width<=420px){.tracks .grip-cell{display:none}.tracks th.num{width:32px}}.badge{white-space:nowrap;border-radius:13px;align-items:center;gap:7px;max-width:100%;height:26px;padding:0 10px;font-size:13px;font-weight:500;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;flex:none;width:7px;height:7px}.badge--warning{background:var(--warning-tint);color:var(--warning)}.badge--positive{background:var(--positive-tint);color:var(--positive)}.badge--danger{background:var(--danger-tint);color:var(--danger)}.badge--accent{background:var(--accent-tint);color:var(--accent)}.badge--accent:before{animation:1s ease-in-out infinite alternate pulse}@keyframes pulse{to{opacity:.3}}.tracks-empty{text-align:center;color:var(--text-secondary);font-size:var(--text-sm);padding:32px 20px}.tracks-empty .btn{margin-top:12px}