:root,html[data-theme=light]{--bg:#e8e6e1;--ink:#0a0a0a;--ink-soft:rgba(10,10,10,0.68);--line:color-mix(in srgb,var(--ink) 15%,transparent);--folder-bg:#fff;--accent:#ff00cc;--accent-ink:#0a0a0a;--accent-text:#c00098;--accent-icon-filter:brightness(0);--accent-deep:color-mix(in srgb,var(--accent) 22%,#000);--accent-soft:rgba(255,0,204,0.12);--visited:var(--accent-soft);--focus:rgba(255,0,204,0.18);--muted:#cfcfcf;--muted-ink:rgba(10,10,10,0.25);--unmatched:rgba(10,10,10,0.28);--row-hover:color-mix(in srgb,var(--accent) 10%,#fff);--row-hover-visited:color-mix(in srgb,var(--accent) 16%,#fff);--row-focus:rgba(255,255,255,0.45);--icon-filter:brightness(0);--ghost-icon-filter:brightness(0) invert(1);--type-display:Helvetica,"Helvetica Neue",Arial,sans-serif;--type-mono:Helvetica,"Helvetica Neue",Arial,sans-serif;--type-meta:Helvetica,"Helvetica Neue",Arial,sans-serif;--logo-size:clamp(64px,10vw,96px);--chamfer:44px;--drop-stroke:10px;--drop-pad-x:96px;--rule:12px;--hero-btn-height:88px;--folder-path-scale:0.88;--folder-top-height:219px;--folder-table-pad:22px;--ants-stroke-desktop:53;--ants-dash-desktop:400;--ants-gap-desktop:26;--ants-period-desktop:426;--ants-stroke-mobile:45;--ants-dash-mobile:388;--ants-gap-mobile:14;--ants-period-mobile:402;--ants-opacity:1;--ants-stroke:var(--ants-stroke-desktop);--ants-dash:var(--ants-dash-desktop);--ants-gap:var(--ants-gap-desktop);--ants-period:var(--ants-period-desktop);--drop-outline-width:99;--drop-outline-width-idle:40;--drop-outline-opacity:1;--drop-outline-opacity-files:0.4;--drop-has-files-fill:50%;--drop-fill:color-mix(in srgb,var(--accent) 20%,#000);--drop-outline-color:var(--accent);--drop-has-files-color:var(--accent);--drop-ants-color:var(--accent);--drop-min-height-desktop:560px;--drop-min-height-mobile:238px;--drop-min-height:var(--drop-min-height-desktop);--export-x:0px;--export-y:0px;--export-rotate:0deg;--cta-type:clamp(32px,4.8vw,44px);color-scheme:light}@media (min-width:801px){:root,html[data-theme=dark],html[data-theme=light]{--hero-btn-height:147px}}@media (max-width:800px){:root,html[data-theme=dark],html[data-theme=light]{--ants-stroke:var(--ants-stroke-mobile);--ants-dash:var(--ants-dash-mobile);--ants-gap:var(--ants-gap-mobile);--ants-period:var(--ants-period-mobile);--drop-min-height:var(--drop-min-height-mobile)}}@media (prefers-color-scheme:dark){html:not([data-theme=light]){--bg:#121212;--ink:#f2f0eb;--ink-soft:rgba(242,240,235,0.68);--line:color-mix(in srgb,var(--ink) 22%,transparent);--folder-bg:color-mix(in srgb,var(--ink) 14%,var(--bg));--accent:#ff00cc;--accent-ink:#0a0a0a;--accent-text:#ff00cc;--accent-deep:color-mix(in srgb,var(--accent) 22%,#000);--accent-soft:rgba(255,0,204,0.2);--visited:var(--accent-soft);--focus:rgba(255,0,204,0.24);--muted:#3a3a3a;--muted-ink:rgba(242,240,235,0.35);--unmatched:rgba(242,240,235,0.28);--row-hover:color-mix(in srgb,var(--accent) 14%,#000);--row-hover-visited:color-mix(in srgb,var(--accent) 22%,#000);--row-focus:rgba(255,255,255,0.12);--icon-filter:brightness(0) invert(1);--ghost-icon-filter:brightness(0);color-scheme:dark}}html[data-theme=dark]{--bg:#121212;--ink:#f2f0eb;--ink-soft:rgba(242,240,235,0.68);--line:color-mix(in srgb,var(--ink) 22%,transparent);--folder-bg:color-mix(in srgb,var(--ink) 14%,var(--bg));--accent:#ff00cc;--accent-ink:#0a0a0a;--accent-text:#ff00cc;--accent-deep:color-mix(in srgb,var(--accent) 22%,#000);--accent-soft:rgba(255,0,204,0.2);--visited:var(--accent-soft);--focus:rgba(255,0,204,0.24);--muted:#3a3a3a;--muted-ink:rgba(242,240,235,0.35);--unmatched:rgba(242,240,235,0.28);--row-hover:color-mix(in srgb,var(--accent) 14%,#000);--row-hover-visited:color-mix(in srgb,var(--accent) 22%,#000);--row-focus:rgba(255,255,255,0.12);--icon-filter:brightness(0) invert(1);--ghost-icon-filter:brightness(0);color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;min-height:100%;color:var(--ink);background:var(--bg);font-family:var(--type-mono);letter-spacing:-.03em}button,input,textarea{font:inherit;color:inherit}a{color:inherit}button{cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1px solid var(--line);border-radius:0;background:transparent;padding:12px 16px;text-transform:lowercase;transition:background .16s ease,color .16s ease,transform .16s ease}button:hover:not(:disabled){background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.25;cursor:not-allowed}main{position:relative;z-index:1;width:100%;max-width:none;margin:0;padding:0 28px 48px}.chrome{background:var(--bg);margin-inline:-28px;padding:18px 28px 0}.chrome-top{display:block}.brand{display:grid;grid-template-columns:auto 1fr;grid-gap:18px;gap:18px;align-items:start;padding:38px 0 22px;border-bottom:var(--rule) solid var(--line);animation:rise .8s ease both;animation-delay:60ms}.mark{width:var(--logo-size);height:var(--logo-size);display:block;flex-shrink:0;border:0;padding:0;margin:0;cursor:pointer;background-color:var(--ink);-webkit-mask:url(/trk_logo.svg) center/contain no-repeat;mask:url(/trk_logo.svg) center/contain no-repeat;transition:background-color .32s ease}.mark:hover,.mark:hover:not(:disabled){background-color:var(--accent);border-color:transparent;color:transparent;transform:none}.brand-copy{min-width:0;width:100%;display:flex;align-items:center;height:var(--logo-size);overflow:visible}.brand-tagline{flex-shrink:0;font-family:var(--type-mono);font-size:clamp(18px,2.1vw,24px);font-weight:800;color:var(--ink-soft);text-align:left;white-space:nowrap}.brand-tagline,h1{margin:0;line-height:1;letter-spacing:-.05em;text-transform:none}h1{padding:0;height:var(--logo-size);display:flex;align-items:center;font-family:var(--type-display);font-size:calc(var(--logo-size) * 1.38);font-weight:700;width:-moz-fit-content;width:fit-content;max-width:100%}.brand-letter{display:inline-block;color:var(--ink);transition:color 50ms linear}.brand-letter:first-child{letter-spacing:-.24em}.brand-letter:nth-child(7){margin-left:-.06em}.ghost{font-family:var(--type-meta);font-size:20px;font-weight:800;text-transform:none;padding:14px 16px;min-height:44px;border:0;border-radius:999px;background:var(--ink);color:var(--bg);display:inline-flex;align-items:center;justify-content:center}.ghost:hover:not(:disabled){background:var(--accent);color:var(--accent-ink);border-color:transparent}.ghost-icon{width:1.15em;height:1.15em;display:block;pointer-events:none;background-color:currentColor;-webkit-mask:url(/folder.svg) center/contain no-repeat;mask:url(/folder.svg) center/contain no-repeat}.ghost:hover:not(:disabled) .ghost-icon{background-color:var(--accent-ink)}.ghost.ghost-icon-btn{background:transparent;color:var(--ink);padding:10px;min-height:0}.ghost.ghost-icon-btn .ghost-icon{width:28px;height:28px;background-color:currentColor}.ghost.ghost-icon-btn:hover:not(:disabled){background:transparent;color:var(--accent-text)}.ghost.ghost-icon-btn:hover:not(:disabled) .ghost-icon{background-color:var(--accent)}.theme-toggle{width:44px;height:44px;padding:0;border:0;border-radius:999px;background:transparent;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.theme-toggle:hover:not(:disabled){background:transparent;color:var(--accent-text);border-color:transparent}.theme-toggle svg{width:22px;height:22px;display:block;fill:currentColor}.settings-toggle{width:44px;height:44px;padding:0;border:0;border-radius:0;background:transparent;color:var(--ink);display:none;align-items:center;justify-content:center;flex-shrink:0}.settings-toggle:before{content:"";width:22px;height:22px;background:currentColor}.settings-toggle:hover:not(:disabled){border-color:transparent}.settings-toggle.is-open,.settings-toggle:hover:not(:disabled){background:transparent;color:var(--accent-text)}.meta-band{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 0;border-bottom:var(--rule) solid var(--line);font-family:var(--type-meta);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;animation:rise .85s ease both;animation-delay:.1s}.meta-band.is-hidden,.meta-band[hidden]{display:none}.meta-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.hero{display:grid;grid-template-columns:1fr;grid-gap:4px;gap:4px;align-items:stretch;padding:18px 0;border-bottom:var(--rule) solid var(--line);animation:rise .9s ease both;animation-delay:.14s;--extract-icon-size:calc(var(--hero-btn-height) * 0.5);--cta-width:calc((100% - 4px) / 4)}.chrome:has(~.list-view) .hero,.hero:has(+.list-view){border-bottom:0;padding-bottom:0}.hero>.primary{position:relative;z-index:2;width:100%;border-radius:0;font-size:var(--cta-type);-webkit-clip-path:polygon(0 0,100% 0,100% 100%,var(--chamfer) 100%,0 calc(100% - var(--chamfer)));clip-path:polygon(0 0,100% 0,100% 100%,var(--chamfer) 100%,0 calc(100% - var(--chamfer)));transition:min-height .22s ease,height .22s ease,background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease}.hero>.primary,.hero>.primary.ready{min-height:var(--hero-btn-height);height:var(--hero-btn-height)}.hero>.primary.working{position:relative;overflow:hidden}.hero>.primary.working:before{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--progress,0);background:var(--accent);transition:height .22s ease;pointer-events:none}.hero>.primary .working-label{position:relative;z-index:1;color:var(--ink);font-size:var(--cta-type)}.drop-shell{position:relative;min-height:var(--drop-min-height);cursor:pointer;background:var(--bg);-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - var(--chamfer)),calc(100% - var(--chamfer)) 100%,0 100%);clip-path:polygon(0 0,100% 0,100% calc(100% - var(--chamfer)),calc(100% - var(--chamfer)) 100%,0 100%)}.drop-shell:before{content:"";position:absolute;inset:1px;z-index:1;pointer-events:none;background:var(--drop-fill);opacity:0;transition:opacity .55s ease}.drop-shell:focus-within,.drop-shell:hover{background:var(--bg)}.drop-shell:focus-within:before,.drop-shell:hover:before{opacity:1}.drop-shell.has-files{background:color-mix(in srgb,var(--drop-has-files-color) var(--drop-has-files-fill),var(--bg))}.drop-shell.has-files:focus-within,.drop-shell.has-files:hover{background:var(--bg)}.drop-outline{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:7;overflow:visible}.drop-outline polygon{fill:none;stroke:var(--ink);stroke-width:var(--drop-outline-width-idle);stroke-linejoin:bevel;stroke-linecap:butt;opacity:0;transition:stroke .18s ease,stroke-width .28s ease,opacity .16s ease}.drop-shell:hover .drop-outline polygon{stroke:var(--drop-outline-color);stroke-width:var(--drop-outline-width);opacity:var(--drop-outline-opacity)}.drop-shell.has-files .drop-outline polygon,.drop-shell.has-files:hover .drop-outline polygon{stroke:var(--drop-outline-color);stroke-width:var(--drop-outline-width);opacity:var(--drop-outline-opacity-files)}.drop-ants{position:absolute;inset:0;z-index:6;pointer-events:none;opacity:1;transition:opacity .16s ease}.drop-shell.has-files .drop-ants,.drop-shell:hover .drop-ants{opacity:0}.drop-ants-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.drop-ants-svg polygon{fill:none;stroke:var(--drop-ants-color);stroke-opacity:var(--ants-opacity);stroke-width:var(--ants-stroke);stroke-linejoin:bevel;stroke-linecap:butt;stroke-dasharray:var(--ants-dash) var(--ants-gap);stroke-dashoffset:calc(var(--ants-t) * var(--ants-period, 36) * -1);animation:drop-ants-march 2.8s linear infinite;transition:stroke .18s ease,stroke-opacity .18s ease,stroke-width .28s ease,stroke-dasharray .28s ease}@property --ants-t{syntax:"<number>";inherits:false;initial-value:0}@property --scan-ring{syntax:"<length>";inherits:true;initial-value:0}@property --scan-icon-scale{syntax:"<number>";inherits:true;initial-value:1}@keyframes drop-ants-march{to{--ants-t:1}}@media (prefers-reduced-motion:reduce){.drop-ants-svg polygon{animation:none!important}.drop-shell:before{transition:none}.actions .action-btns button.primary.scanning,.actions .action-btns button.primary.scanning:disabled{animation:none;--scan-ring:3px;--scan-icon-scale:1}}.drop{position:relative;z-index:2;min-height:var(--drop-min-height);height:100%;border:0;border-radius:0;background:transparent;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;text-align:left;gap:16px;padding:24px 28px 24px var(--drop-pad-x);transition:background .18s ease,color .18s ease}.drop:not(.has-files){justify-content:center;padding-left:28px;text-align:center}.drop-shell:focus-within .drop,.drop-shell:hover .drop{background:transparent;color:#fff}.drop-shell.has-files .drop{background:var(--accent-deep);-webkit-clip-path:inset(1px);clip-path:inset(1px);color:#fff}.drop-shell.has-files:focus-within .drop,.drop-shell.has-files:hover .drop{background:transparent}.drop.has-files{gap:16px;padding:28px 36px 28px var(--drop-pad-x);background:var(--accent-deep);-webkit-clip-path:inset(1px);clip-path:inset(1px);color:#fff}.drop-thumbs,.drop.has-files{flex-wrap:wrap;position:relative;z-index:3}.drop-thumbs{display:flex;align-items:center;justify-content:flex-start;gap:10px;flex:1 1 auto;min-width:0;max-width:100%;max-height:calc(var(--extract-icon-size) * 2 + 10px);overflow:hidden}.drop-shell.has-files .drop-thumbs{max-height:calc(var(--extract-icon-size) * 1.25 * 2 + 10px)}.drop-thumbs img{width:100%;height:100%;object-fit:cover;border:1px solid #fff;border-radius:0;background:#fff;display:block;position:relative;z-index:3}.drop-thumb{position:relative;width:var(--extract-icon-size);height:var(--extract-icon-size);flex-shrink:0;z-index:3}.drop-shell.has-files .drop-thumb{width:calc(var(--extract-icon-size) * 1.25);height:calc(var(--extract-icon-size) * 1.25)}.drop-thumb-remove{position:absolute;inset:0;z-index:4;margin:0;padding:0;border:0;border-radius:0;background:rgba(0,0,0,.55);color:#ff2a2a;font-size:clamp(28px,4vw,42px);font-weight:700;line-height:1;display:grid;place-items:center;opacity:0;cursor:pointer;transition:opacity .14s ease}.drop-thumb-remove:hover,.drop-thumb-remove:hover:not(:disabled){background:rgba(0,0,0,.55);color:#ff2a2a;border-color:transparent;transform:none}.drop-thumb:focus-within .drop-thumb-remove,.drop-thumb:hover .drop-thumb-remove{opacity:1}@media (hover:none){.drop-thumb-remove{opacity:1;background:rgba(0,0,0,.35);font-size:22px;align-items:start;justify-items:end;padding:2px 4px}}.drop-shell.has-files .drop-thumbs img{width:100%;height:100%}.drop strong,.drop-label{font-family:var(--type-meta);font-size:var(--cta-type);font-weight:800;text-transform:lowercase;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;line-height:1}.drop-label-icon{display:none;width:28px;height:26px;flex-shrink:0;background-color:currentColor;-webkit-mask:url(/screenshot.svg) center/contain no-repeat;mask:url(/screenshot.svg) center/contain no-repeat;-webkit-mask-mode:alpha;mask-mode:alpha}.drop small,.drop-label-br{display:none}.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-family:var(--type-meta);font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:10px}.primary:hover:not(:disabled){background:var(--ink);color:var(--bg);border-color:var(--ink)}.primary:disabled{opacity:1;background:var(--muted);color:var(--muted-ink);border-color:var(--muted);cursor:not-allowed}.primary:disabled .btn-icon{background-color:var(--muted-ink);opacity:.25;filter:none}.primary .btn-icon-clip{width:22px;height:22px;flex-shrink:0;display:block;overflow:hidden}.primary .btn-icon{width:100%;height:100%;display:block;-webkit-mask:url(/extract_thick.svg) center/contain no-repeat;mask:url(/extract_thick.svg) center/contain no-repeat;-webkit-mask-mode:alpha;mask-mode:alpha;transition:background-color .16s ease}.primary .btn-icon,.primary:not(:disabled) .btn-icon{background-color:var(--accent-ink);filter:none}.primary:hover:not(:disabled) .btn-icon{background-color:var(--accent);filter:none}html[data-accent-light=true] .ghost:hover:not(:disabled),html[data-accent-light=true] .primary:not(:disabled),html[data-accent-light=true] button:hover:not(:disabled){color:#0a0a0a}html[data-accent-light=true] .ghost:hover:not(:disabled) .ghost-icon,html[data-accent-light=true] .primary:not(:disabled) .btn-icon{background-color:#0a0a0a}html[data-accent-light=true] .primary:hover:not(:disabled) .btn-icon{background-color:var(--accent)}html[data-theme=dark][data-accent-light=true] .primary:hover:not(:disabled){background:#0a0a0a;color:#e8e6e1;border-color:#0a0a0a}html[data-theme=dark][data-accent-light=true] .actions .action-btns button.primary:hover:not(:disabled){--scan-stroke:#0a0a0a;--scan-hole:#0a0a0a;color:#e8e6e1}html[data-accent-light=true] .ghost.ghost-icon-btn:hover:not(:disabled) .ghost-icon{background-color:#0a0a0a}.hero>.primary .btn-icon-clip{height:50%;width:auto;aspect-ratio:1;max-width:50%;max-height:50%;transition:height .2s ease,max-height .2s ease,max-width .2s ease}.hero>.primary.ready:not(:disabled) .btn-icon-clip,.hero>.primary:not(:disabled) .btn-icon-clip{height:75%;width:auto;aspect-ratio:1;max-width:75%;max-height:75%}.hero>.primary:disabled .btn-icon-clip,.hero>.primary[disabled] .btn-icon-clip{height:50%;width:auto;aspect-ratio:1;max-width:50%;max-height:50%}.hero>.primary .btn-icon{width:100%;height:100%;transition:background-color .16s ease}.hero>.primary:not(.scan):hover:not(:disabled):not(.working) .btn-icon{animation:extract-icon-cycle .75s cubic-bezier(.25,.46,.45,.94) infinite}@keyframes extract-icon-cycle{0%{transform:translateY(0);animation-timing-function:cubic-bezier(.25,.46,.45,.94)}45%{transform:translateY(125%);animation-timing-function:step-end}45.01%{transform:translateY(-125%);animation-timing-function:cubic-bezier(.25,.46,.45,.94)}to{transform:translateY(0)}}.hero>.primary .btn-label{display:inline;letter-spacing:-.05em}@media (min-width:801px){.hero{grid-template-columns:minmax(0,1fr) var(--cta-width);gap:4px}.hero>.primary{width:100%;padding:4px;box-sizing:border-box}.hero>.primary,.hero>.primary.ready{min-height:var(--hero-btn-height);height:auto}.hero>.primary .btn-label{display:none}}.pasteBox{display:grid;grid-template-columns:1fr 160px;grid-gap:14px;gap:14px;padding:18px 0;border-bottom:var(--rule) solid var(--line)}.pasteBox textarea{min-height:90px;background:transparent;border:1px solid var(--line);padding:14px;resize:vertical}.pasteBox textarea::placeholder{color:var(--ink-soft)}.pasteBox textarea:focus{outline:none;background:var(--focus)}.trackMeta input.is-copied,.trackMeta input:focus,.trackMeta input:focus-visible{outline:none;background:transparent;box-shadow:none}.row.visited .trackMeta input:focus,.row.visited .trackMeta input:focus-visible{background:transparent}.list-view{position:relative;overflow:visible;margin-top:4px;background:var(--folder-bg);border-radius:0;-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - var(--chamfer)),calc(100% - var(--chamfer)) 100%,var(--chamfer) 100%,0 calc(100% - var(--chamfer)));clip-path:polygon(0 0,100% 0,100% calc(100% - var(--chamfer)),calc(100% - var(--chamfer)) 100%,var(--chamfer) 100%,0 calc(100% - var(--chamfer)));--cta-width:calc((100% - 4px) / 4)}.list-view.is-clearing{--list-clear-h:2000px;transform-origin:top left;pointer-events:none;overflow:hidden;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);will-change:transform,opacity,max-height,margin,clip-path;animation:list-view-clear .6s cubic-bezier(.33,0,.2,1) forwards}@keyframes list-view-clear{0%{opacity:1;transform:scale(1);-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);max-height:var(--list-clear-h);margin-top:4px}to{opacity:0;transform:scale(.94);-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);max-height:0;margin-top:0}}.list-siderail{display:none}.actions{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;background:var(--bg)}.actions .stats{margin:0;padding:0;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;align-self:flex-end;flex:0 0 auto;gap:8px;line-height:1;text-align:left;min-width:0;height:auto}.actions .folder-top{order:2;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-end;justify-content:flex-start;gap:8px 12px;width:100%;margin:0;padding:28px 16px 0;padding-left:var(--folder-table-pad);background:var(--folder-bg);border-radius:0;-webkit-clip-path:polygon(var(--chamfer) 0,calc(100% - var(--chamfer)) 0,100% var(--chamfer),100% 100%,0 100%,0 var(--chamfer));clip-path:polygon(var(--chamfer) 0,calc(100% - var(--chamfer)) 0,100% var(--chamfer),100% 100%,0 100%,0 var(--chamfer));filter:drop-shadow(6px 6px 0 color-mix(in srgb,var(--ink) 18%,transparent))}.actions .stats-tracks{display:inline-flex;align-items:flex-start;flex-shrink:0;gap:8px;padding:0;border:0;background:none;-webkit-clip-path:none;clip-path:none;font-family:var(--type-meta);font-size:26px;font-weight:700;line-height:1;white-space:nowrap;color:var(--ink)}.actions .stats-tracks-text{display:flex;flex-direction:column;align-items:flex-start;gap:.15em;padding:0}.actions .stats-tracks-count{display:block;font:inherit;color:inherit;line-height:1;padding:0}.actions .stats-links-count{font-family:inherit;font-size:.7em;font-weight:700;line-height:1;color:var(--ink);opacity:.5}.actions .stats-tracks-icon{width:2em;height:2em;display:block;flex-shrink:0;opacity:.5;background-color:var(--accent);-webkit-mask:url(/music-thick.svg) center/contain no-repeat;mask:url(/music-thick.svg) center/contain no-repeat}.actions .action-btns{order:1;display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start;justify-self:start;align-self:stretch;gap:8px;width:100%;height:100%;min-height:0}.actions .action-btns button{font-size:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:0;min-width:0;margin-left:0;margin-right:0}.actions .folder-top-btns{display:flex;flex-direction:row;align-items:flex-end;gap:8px;margin-left:auto;margin-right:var(--chamfer);flex-shrink:0}.actions .folder-top button.clear,.actions .folder-top button.export{flex:0 0 auto;width:auto;height:44px;min-height:44px;margin:0;align-self:flex-end;border:0;border-radius:0;color:var(--ink);background:color-mix(in srgb,var(--ink) 8%,var(--folder-bg));padding:0 20px;box-sizing:border-box;--export-chamfer:min(11px,calc(var(--chamfer) * 0.275));-webkit-clip-path:polygon(var(--export-chamfer) 0,100% 0,100% 100%,0 100%,0 var(--export-chamfer));clip-path:polygon(var(--export-chamfer) 0,100% 0,100% 100%,0 100%,0 var(--export-chamfer));font-size:20px;display:inline-flex;align-items:center;justify-content:center}.actions .folder-top button.export{transform:translate(var(--export-x),var(--export-y)) rotate(var(--export-rotate))}.actions .folder-top button.clear:active:not(:disabled),.actions .folder-top button.clear:hover:not(:disabled),.actions .folder-top button.export:active:not(:disabled),.actions .folder-top button.export:hover:not(:disabled){background:#000;color:var(--accent)}.actions .folder-top button.clear:active:not(:disabled){transform:translateY(1px)}.actions .folder-top button.export:active:not(:disabled){transform:translate(var(--export-x),calc(var(--export-y) + 1px)) rotate(var(--export-rotate))}.actions .action-btns button.primary{--list-action-stroke:12px;--scan-stroke:var(--accent);--scan-hole:var(--accent);--scan-ring:0px;--scan-icon-scale:1;font-family:var(--type-meta);font-size:var(--cta-type);font-weight:800;line-height:1;text-transform:none;color:var(--accent-ink);background:var(--accent);border:0;border-radius:0;-webkit-clip-path:polygon(var(--chamfer) 0,100% 0,100% 100%,0 100%,0 var(--chamfer));clip-path:polygon(var(--chamfer) 0,100% 0,100% 100%,0 100%,0 var(--chamfer));position:relative;overflow:hidden;padding:0;box-sizing:border-box;flex:none;width:100%;height:100%;min-height:0;align-self:stretch}.actions .action-btns button.primary:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:var(--scan-stroke);border-radius:0}.actions .action-btns button.primary:after{content:"";position:absolute;top:var(--scan-ring);right:var(--scan-ring);bottom:var(--scan-ring);left:var(--scan-ring);z-index:0;pointer-events:none;background:var(--scan-hole);border-radius:0;-webkit-clip-path:polygon(max(0px,calc(var(--chamfer) - var(--scan-ring))) 0,100% 0,100% 100%,0 100%,0 max(0px,calc(var(--chamfer) - var(--scan-ring))));clip-path:polygon(max(0px,calc(var(--chamfer) - var(--scan-ring))) 0,100% 0,100% 100%,0 100%,0 max(0px,calc(var(--chamfer) - var(--scan-ring))))}.actions .action-btns button.primary .btn-icon-clip{position:relative;z-index:1;height:75%;width:auto;aspect-ratio:1;max-width:75%;max-height:75%}.actions .action-btns button.primary .btn-icon-rescan{background-color:currentColor;-webkit-mask:url(/rescan.svg) center/contain no-repeat;mask:url(/rescan.svg) center/contain no-repeat}.actions .action-btns button.primary.scanning .btn-icon,.actions .action-btns button.primary.scanning:disabled .btn-icon{background-color:currentColor;opacity:1;transform:scale(var(--scan-icon-scale))}.actions .action-btns button.primary:hover:not(:disabled){--scan-stroke:var(--ink);--scan-hole:var(--ink);color:var(--bg);background:var(--ink)}.actions .action-btns button.primary:hover:not(:disabled):not(.scanning) .btn-icon-rescan{background-color:var(--accent)}.actions .action-btns button.primary.scanning,.actions .action-btns button.primary.scanning:disabled{--scan-stroke:var(--ink);--scan-hole:var(--accent);--scan-ring:0px;--scan-icon-scale:1;color:var(--accent-ink);background:var(--accent);cursor:wait;animation:scan-pill-ring .8s cubic-bezier(.7,0,.3,1) infinite alternate}html[data-theme=light] .actions .action-btns button.primary.scanning,html[data-theme=light] .actions .action-btns button.primary.scanning:disabled{color:#fff;--scan-stroke:color-mix(in srgb,var(--accent) 38%,#fff)}html[data-theme=light][data-accent-light=true] .actions .action-btns button.primary.scanning,html[data-theme=light][data-accent-light=true] .actions .action-btns button.primary.scanning:disabled{color:#0a0a0a;--scan-stroke:color-mix(in srgb,var(--ink) 28%,var(--bg))}@keyframes scan-pill-ring{0%{--scan-ring:0px;--scan-icon-scale:1}to{--scan-ring:36px;--scan-icon-scale:0.6}}@media (max-width:800px){.actions .action-btns{height:auto;min-height:120px}.actions .action-btns button.primary{height:120px;min-height:120px}.actions .folder-top{flex-wrap:nowrap;align-items:flex-end;justify-content:space-between}.actions .folder-top-btns{flex-shrink:0}.actions .folder-top button.clear,.actions .folder-top button.export{padding:0 14px;font-size:18px}}@media (min-width:801px){.list-view{padding-top:0}.list-siderail{display:none}.actions{display:grid;grid-template-columns:minmax(0,1fr) var(--cta-width);grid-template-areas:"folder scan";flex-direction:unset;grid-gap:4px;gap:4px;align-items:stretch;padding:0;border-bottom:0;border-radius:0;overflow:visible;position:relative;z-index:1;background:var(--bg)}.actions .folder-top{grid-area:folder;order:0;width:100%;max-width:100%;justify-self:stretch;align-self:stretch;align-items:flex-end;height:100%;min-height:100%;padding:34px 20px 0;padding-left:var(--folder-table-pad);justify-content:flex-start}.actions .action-btns{grid-area:scan;order:0;display:flex;width:100%;height:calc(88px * 1.5);min-height:calc(88px * 1.5);justify-self:stretch;align-self:end}.actions .action-btns button{flex:none;min-width:0;width:100%;height:100%;min-height:0;align-self:stretch}.actions .action-btns button.primary{height:calc(88px * 1.5);min-height:calc(88px * 1.5)}.actions .folder-top button.clear,.actions .folder-top button.export{height:44px;min-height:44px}.table{position:relative;z-index:1;border-top:0;overflow:visible}}.table{border-top:0;border-bottom:var(--rule) solid var(--line);padding-top:36px;padding-inline:var(--folder-table-pad);padding-bottom:108px;background:var(--folder-bg);border-radius:0;-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - var(--chamfer)),calc(100% - var(--chamfer)) 100%,var(--chamfer) 100%,0 calc(100% - var(--chamfer)));clip-path:polygon(0 0,100% 0,100% calc(100% - var(--chamfer)),calc(100% - var(--chamfer)) 100%,var(--chamfer) 100%,0 calc(100% - var(--chamfer)))}.sort-nav{justify-content:space-between;gap:10px 22px;margin:0 0 8px;padding:0 8px 14px;border-bottom:2px solid color-mix(in srgb,var(--line) 70%,transparent)}.sort-nav,.sort-nav-anchors,.sort-nav-sorts{display:flex;flex-wrap:wrap;align-items:center}.sort-nav-anchors,.sort-nav-sorts{gap:4px 22px}.sort-nav-anchors{margin-left:auto;gap:4px 14px}.sort-nav-anchors button,.sort-nav-sorts button{display:inline-flex;align-items:center;gap:8px;margin:0;padding:8px 0 6px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--ink-soft);font-family:var(--type-meta);font-weight:700;letter-spacing:.01em;line-height:1;text-transform:none;cursor:pointer;transition:color .14s ease,border-color .14s ease,opacity .14s ease}.sort-nav-sorts button{font-size:clamp(15px,2.2vw,18px)}.sort-nav-anchors button{gap:0;font-size:clamp(12px,1.7vw,14px);letter-spacing:.02em}.sort-nav-anchors button:hover:not(:disabled),.sort-nav-sorts button:hover:not(:disabled){background:transparent;color:var(--ink);border-color:transparent;border-bottom-color:color-mix(in srgb,var(--ink) 22%,transparent)}.sort-nav-anchors button:active:not(:disabled),.sort-nav-sorts button:active:not(:disabled){transform:none}.sort-nav-anchors button:focus-visible,.sort-nav-sorts button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.sort-nav-anchors button.is-active,.sort-nav-anchors button.is-active:hover:not(:disabled),.sort-nav-sorts button.is-active,.sort-nav-sorts button.is-active:hover:not(:disabled){color:var(--ink);background:transparent;border-color:transparent;border-bottom-color:var(--accent)}.sort-nav-anchors button.is-off{opacity:.32;color:var(--ink-soft);border-bottom-color:transparent}.sort-nav-anchors button.is-off:hover:not(:disabled){opacity:.55;color:var(--ink);border-bottom-color:color-mix(in srgb,var(--ink) 18%,transparent)}.sort-nav .sort-icon{width:1.05em;height:1.05em;display:block;flex-shrink:0;background-color:currentColor;-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat;opacity:.55}.sort-nav-sorts button.is-active .sort-icon{opacity:.9;background-color:var(--accent)}.sort-nav .sort-icon-order{-webkit-mask-image:url(/folder.svg);mask-image:url(/folder.svg)}.sort-nav .sort-icon-title{-webkit-mask-image:url(/album.svg);mask-image:url(/album.svg)}.sort-nav .sort-icon-artist{-webkit-mask-image:url(/music-thick.svg);mask-image:url(/music-thick.svg)}.sort-nav .sort-dir{width:.7em;height:.7em;display:block;flex-shrink:0;background-color:currentColor;-webkit-mask:url(/arrow.svg) center/contain no-repeat;mask:url(/arrow.svg) center/contain no-repeat;opacity:.7;transform:rotate(90deg);transition:transform .14s ease}.sort-nav-sorts button.is-desc .sort-dir{transform:rotate(-90deg)}.row{display:grid;grid-template-columns:96px minmax(0,1fr) 44px;grid-template-areas:"art meta ." "art meta ." "art links .";grid-template-rows:auto auto auto;grid-gap:4px 12px;gap:4px 12px;align-items:start;border-bottom:var(--rule) solid var(--line);border-left:0;border-right:0;min-height:0;padding:12px 8px;position:relative;isolation:isolate;transition:background-color .18s ease;animation:cascade-in .52s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(min(var(--i, 0), 18) * 48ms);overflow:visible}.table .row{border-bottom-color:color-mix(in srgb,var(--line) 50%,transparent)}.table>.row:first-child{border-top:0}.row:last-child{border-bottom:0}.row.visited{background-color:var(--visited)}@media (hover:hover) and (pointer:fine){.row:not(.head):hover{background-color:var(--row-hover)}.row.visited:hover{background-color:var(--row-hover-visited)}}.row:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:color-mix(in srgb,var(--accent) 22%,#000);transform:scaleX(0);transform-origin:left center;opacity:0}.row.scanning:after{opacity:.55;animation:row-scan-progress .22s ease-in-out forwards}.row.scan-flash:after{opacity:.72;transform:scaleX(1);animation:row-scan-flash .15s ease forwards}.row.is-removing{--row-h:72px;max-height:var(--row-h);min-height:0;overflow:hidden;pointer-events:none;border-bottom-color:transparent;animation:row-exit .34s cubic-bezier(.4,.02,.2,1) forwards;will-change:max-height,opacity,transform,padding,border-width}.row.is-removing:after{opacity:.8;transform-origin:left center;background:color-mix(in srgb,var(--accent) 38%,#000);animation:row-remove-wipe .34s cubic-bezier(.22,1,.36,1) forwards}@keyframes row-scan-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes row-scan-flash{0%{transform:scaleX(1);background:color-mix(in srgb,var(--accent) 42%,#000);opacity:.85}55%{background:color-mix(in srgb,var(--accent) 28%,transparent);opacity:.55}to{transform:scaleX(1);background:transparent;opacity:0}}@keyframes row-remove-wipe{0%{transform:scaleX(0);opacity:.9}28%{transform:scaleX(1);opacity:.75}to{transform:scaleX(1);opacity:0}}@keyframes row-exit{0%{opacity:1;transform:translateX(0);max-height:var(--row-h);padding-top:12px;padding-bottom:12px;margin-bottom:0;border-bottom-width:var(--rule);filter:none}22%{opacity:1;transform:translateX(0);max-height:var(--row-h);filter:brightness(1.08)}55%{opacity:.35;transform:translateX(18px);max-height:var(--row-h);filter:none}to{opacity:0;transform:translateX(36px);max-height:0;padding-top:0;padding-bottom:0;margin-bottom:0;border-bottom-width:0;filter:none}}.end-cluster>.end,.row>.end-cluster,.row>.num,.trackCell .art,.trackCell .art-fallback,.trackMeta{position:relative;z-index:1}.row>.remove{z-index:1}.row>div,.row>input,.row>span{padding:0}.row>.num{display:none}.trackMeta{grid-area:meta;display:flex;flex-direction:column;gap:0;min-width:0;min-height:0;height:96px;max-height:96px;align-self:start}.trackMeta input{flex:1 1;max-height:50%;min-height:0;width:100%;font-size:15px;font-weight:700;color:var(--ink);line-height:1}.trackMeta input:nth-child(2){color:color-mix(in srgb,var(--ink) 65%,transparent)}.trackMeta input:not([readonly]){cursor:text}.row input{width:100%;border:0;background:transparent;font-size:15px}.trackCell{display:contents;overflow:visible}.trackCell .art,.trackCell .art-fallback{display:block;grid-area:art;width:96px;height:96px;flex-shrink:0;align-self:start;overflow:hidden}.trackCell .art-fallback.copyable,.trackCell .art.copyable,.trackMeta input.copyable[readonly]{cursor:pointer}.trackCell .art-fallback.is-copied,.trackCell .art.is-copied{outline:2px solid var(--accent);outline-offset:-2px}.trackCell .art img{display:block;width:100%;height:100%;object-fit:cover;border:1px solid var(--line);transform-origin:top left;animation:art-scale-in .32s cubic-bezier(.22,1,.36,1) both;pointer-events:none;transition:opacity .14s ease}.trackCell .art-fallback{border:0;background:#000}.trackCell .art-copy{position:absolute;inset:0;z-index:1;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 88%,#000);opacity:0;pointer-events:none;transition:opacity .14s ease}.trackCell .art-copy:before{content:"";width:38%;aspect-ratio:67.554/78.09;max-height:42%;-webkit-mask:url(/copy.svg) center/contain no-repeat;mask:url(/copy.svg) center/contain no-repeat;background-color:var(--accent-ink)}@media (hover:hover) and (pointer:fine){.row:not(.head):hover .trackCell .art-copy{opacity:1}.row:not(.head):hover .trackCell .art img{opacity:.35}}.trackCell .art-fallback.copyable:focus-visible .art-copy,.trackCell .art-fallback.is-copied .art-copy,.trackCell .art.copyable:focus-visible .art-copy,.trackCell .art.is-copied .art-copy{opacity:1}.trackCell .art.is-copied img{opacity:.35}@keyframes art-scale-in{0%{transform:scale(.01)}to{transform:scale(1)}}.trackMeta input:first-child{padding-top:2px}.end-cluster{display:contents}.end{grid-area:links;min-height:0;align-self:stretch;padding:0}.end,.end .links{display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:0;width:100%;max-width:100%;height:auto;min-width:0}.end .links{flex-direction:row;flex:1 1 auto;line-height:1;text-align:left;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.end .links::-webkit-scrollbar{display:none}.end .links>a:not(.extended-cell){position:relative;isolation:isolate;overflow:visible;z-index:0;font-family:var(--type-meta);font-size:18px;font-weight:700;text-decoration:none;white-space:nowrap;border:0;color:inherit;background:transparent;transition:color .16s ease;display:inline-flex;align-items:center;justify-content:flex-start;line-height:1;flex:0 0 auto;height:auto;min-height:0;min-width:max-content;align-self:center;padding:2px 8px 2px 0;box-sizing:border-box}.end .links>a:not(.extended-cell):before{content:"";position:absolute;inset:0;background:var(--accent);transform:scaleY(0);transform-origin:center;transition:transform .22s cubic-bezier(.22,1,.36,1);z-index:-1;pointer-events:none}.end .links>a:not(.extended-cell) .store-icon,.end .links>a:not(.extended-cell) .store-label{display:inline-block;position:relative;z-index:1}.end .links>a:not(.extended-cell) .store-icon{width:.85em;height:.85em;margin-left:.2em;flex-shrink:0;background-color:currentColor;-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat;transition:background-color .16s ease,opacity .18s ease,transform .22s ease;pointer-events:none}.end .links>a:not(.extended-cell) .store-icon-arrow{-webkit-mask-image:url(/arrow.svg);mask-image:url(/arrow.svg)}.end .links>a:not(.extended-cell) .store-icon-music{-webkit-mask-image:url(/music-thick.svg);mask-image:url(/music-thick.svg)}.end .links>a:not(.extended-cell) .store-icon-x{-webkit-mask-image:url(/close_x.svg);mask-image:url(/close_x.svg)}@keyframes store-label-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (hover:hover) and (pointer:fine){.end .links>a:not(.extended-cell):hover{color:var(--accent-ink);z-index:1}.end .links>a:not(.extended-cell):hover:before{transform:scaleY(1)}.end .links>a:not(.extended-cell):hover .store-label{animation:store-label-in .22s ease both}.end .links>a:not(.extended-cell):hover .store-icon{background-color:var(--accent-ink);opacity:1;transform:translateY(0)}}.end .links>a:not(.extended-cell):focus-visible{color:var(--accent-ink);z-index:1}.end .links>a:not(.extended-cell):focus-visible:before{transform:scaleY(1)}.end .links>a:not(.extended-cell):focus-visible .store-label{animation:store-label-in .22s ease both}.end .links>a:not(.extended-cell):focus-visible .store-icon{background-color:var(--accent-ink);opacity:1;transform:translateY(0)}.end .links>a:not(.extended-cell).unmatched{color:var(--unmatched)}.end .links>a:not(.extended-cell).unmatched:after{content:"";position:absolute;left:50%;top:50%;width:.85em;height:.85em;transform:translate(-50%,-50%);background-color:color-mix(in srgb,var(--ink) 55%,transparent);-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat;-webkit-mask-image:url(/frown.svg);mask-image:url(/frown.svg);opacity:0;pointer-events:none;z-index:2;transition:opacity .18s ease}@media (hover:hover) and (pointer:fine){.end .links>a:not(.extended-cell).unmatched:hover{color:color-mix(in srgb,var(--ink) 55%,transparent)}.end .links>a:not(.extended-cell).unmatched:hover:before{background:color-mix(in srgb,var(--ink) 14%,transparent);transform:scaleY(1)}.end .links>a:not(.extended-cell).unmatched:hover:after{opacity:1}.end .links>a:not(.extended-cell).unmatched:hover .store-label{opacity:0;animation:none}.end .links>a:not(.extended-cell).unmatched:hover .store-icon{opacity:0}}.end .links>a:not(.extended-cell).unmatched:focus-visible{color:color-mix(in srgb,var(--ink) 55%,transparent)}.end .links>a:not(.extended-cell).unmatched:focus-visible:before{background:color-mix(in srgb,var(--ink) 14%,transparent);transform:scaleY(1)}.end .links>a:not(.extended-cell).unmatched:focus-visible:after{opacity:1}.end .links>a:not(.extended-cell).unmatched:focus-visible .store-label{opacity:0;animation:none}.end .links>a:not(.extended-cell).unmatched:focus-visible .store-icon{opacity:0}.end .extended-cell{flex:0 0 auto;height:auto;min-height:0;box-sizing:border-box;display:none;align-items:center;justify-content:center;align-self:center;margin-left:6px;padding:0;width:auto;font-family:var(--type-meta);font-size:13px;font-weight:700;letter-spacing:.06em;line-height:1;text-align:center;color:var(--ink)}.end .extended-cell.has-ext{--ext-chamfer:min(8px,calc(var(--chamfer) * 0.2));--ext-ring:4px;--ext-face-clip:polygon(max(0px,calc(var(--ext-chamfer) - var(--ext-ring))) 0,100% 0,100% 100%,0 100%,0 max(0px,calc(var(--ext-chamfer) - var(--ext-ring))));position:relative;isolation:isolate;display:inline-flex;text-decoration:none;box-sizing:border-box;padding:0;width:36px;height:36px;min-width:36px;min-height:36px;aspect-ratio:1;border:0;border-radius:0;background:var(--ink);font-size:13px;letter-spacing:-.05em;text-transform:lowercase;-webkit-clip-path:polygon(var(--ext-chamfer) 0,100% 0,100% 100%,0 100%,0 var(--ext-chamfer));clip-path:polygon(var(--ext-chamfer) 0,100% 0,100% 100%,0 100%,0 var(--ext-chamfer));transition:color .16s ease}.end .extended-cell.has-ext:before{content:"";position:absolute;inset:var(--ext-ring);z-index:-2;pointer-events:none;background:var(--folder-bg);-webkit-clip-path:var(--ext-face-clip);clip-path:var(--ext-face-clip)}.end .extended-cell.has-ext:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--accent);transform:scaleY(0);transform-origin:center;transition:transform .22s cubic-bezier(.22,1,.36,1)}@media (hover:hover) and (pointer:fine){.end a.extended-cell.has-ext:hover{color:var(--accent-ink);z-index:1}.end a.extended-cell.has-ext:hover:after{transform:scaleY(1)}}.end a.extended-cell.has-ext:focus-visible{color:var(--accent-ink);z-index:1}.end a.extended-cell.has-ext:focus-visible:after{transform:scaleY(1)}button.remove{border:0;border-radius:0;padding:0;margin:0;flex-shrink:0;position:absolute;top:12px;right:8px;z-index:1;width:44px;height:44px;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--unmatched)}@media (hover:hover) and (pointer:fine){button.remove:hover{background:transparent;color:var(--ink);opacity:.55;border-color:transparent}}button.remove .remove-icon{width:24px;height:24px;display:block;pointer-events:none;background-color:currentColor;-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat;-webkit-mask-image:url(/close_box.svg);mask-image:url(/close_box.svg)}@media (min-width:801px){.row{grid-template-columns:64px minmax(160px,1fr) auto auto;grid-template-areas:"art meta links remove" "art meta links remove";grid-template-rows:auto auto;gap:2px 12px;align-items:start;align-content:start;min-height:66px;padding:10px 0}.row.is-removing{animation-name:row-exit-desktop}.row>div,.row>input,.row>span{padding:0}.row>.num{display:none}.trackCell{display:contents;overflow:visible}.trackCell .art,.trackCell .art-fallback{grid-area:art;width:64px;height:64px;align-self:start}.trackMeta{height:64px;max-height:64px}.trackMeta input{font-weight:700}.trackMeta input:first-child{padding-top:2px}.end-cluster{grid-area:links;display:flex;align-items:stretch;justify-content:flex-start;gap:0;justify-self:start;width:max-content;max-width:100%;height:100%;min-height:0;align-self:stretch;padding:0;overflow:visible}.end{display:contents}.end .links{display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;flex:0 1 auto;gap:0;min-width:max-content;width:auto;max-width:none;height:100%;align-self:stretch;text-align:left;overflow:visible}.end .links>a:not(.extended-cell){flex:0 0 auto;min-height:100%;align-self:stretch;padding:0 16px;font-size:32px}.end .extended-cell,.end .links>a:not(.extended-cell){display:inline-flex;align-items:center;justify-content:center;line-height:1;height:auto}.end .extended-cell{align-self:center;min-height:0;margin-left:14px;width:48px;font-size:16px;text-align:center}.end .extended-cell.has-ext{--ext-chamfer:min(10px,calc(var(--chamfer) * 0.25));--ext-ring:6px;width:48px;min-width:48px;height:48px;min-height:48px;aspect-ratio:1;padding:0;font-size:16px}button.remove{position:static;top:auto;right:auto;grid-area:remove;justify-self:end;align-self:start;width:44px;height:44px;min-width:44px;min-height:44px}button.remove .remove-icon{width:24px;height:24px}}.copy-toast{--toast-chamfer:14px;position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom,0px));z-index:100;max-width:min(92vw,420px);padding:14px 22px 14px 26px;box-sizing:border-box;transform:translateX(-50%);font-family:var(--type-display);font-size:clamp(15px,2.4vw,18px);font-weight:800;letter-spacing:-.06em;line-height:1.2;color:var(--accent-ink);background:var(--accent);border:0;border-radius:0;pointer-events:none;-webkit-clip-path:polygon(var(--toast-chamfer) 0,100% 0,100% 100%,0 100%,0 var(--toast-chamfer));clip-path:polygon(var(--toast-chamfer) 0,100% 0,100% 100%,0 100%,0 var(--toast-chamfer));animation:copy-toast 2.2s ease forwards;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes copy-toast{0%{opacity:0;transform:translateX(-50%) translateY(10px)}8%{opacity:1;transform:translateX(-50%) translateY(0)}82%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(6px)}}@keyframes copy-toast-desktop{0%{opacity:0;transform:translateY(10px)}8%{opacity:1;transform:translateY(0)}82%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}@media (min-width:801px){.copy-toast{--toast-chamfer:28px;left:auto;right:0;bottom:0;margin:0;transform:none;max-width:min(92vw,840px);padding:28px 44px 28px 52px;font-size:clamp(30px,4.8vw,36px);animation-name:copy-toast-desktop}}@media (prefers-reduced-motion:reduce){.copy-toast{animation:none;opacity:1}}.foot{display:flex;justify-content:space-between;gap:16px;padding:16px 0 0;font-family:var(--type-meta);font-size:11px;font-weight:700;letter-spacing:-.05em;text-transform:uppercase;animation:rise .95s ease both;animation-delay:.18s}.foot strong{font-family:var(--type-display);font-size:25px;font-weight:700;display:inline-block;text-transform:none;letter-spacing:-.04em}.foot span{font-family:var(--type-mono);font-size:clamp(18px,2.1vw,24px);font-weight:800;line-height:1;text-transform:none;letter-spacing:-.06em;margin-left:auto;text-align:right}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes extract-armed{0%{transform:translateY(6px) scale(.94)}55%{transform:translateY(-2px) scale(1.05)}to{transform:translateY(0) scale(1)}}@keyframes cascade-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes row-exit-desktop{0%{opacity:1;transform:translateX(0);max-height:var(--row-h);padding-top:10px;padding-bottom:10px;margin-bottom:0;border-bottom-width:var(--rule);filter:none}22%{opacity:1;transform:translateX(0);max-height:var(--row-h);filter:brightness(1.08)}55%{opacity:.35;transform:translateX(22px);max-height:var(--row-h);filter:none}to{opacity:0;transform:translateX(44px);max-height:0;padding-top:0;padding-bottom:0;margin-bottom:0;border-bottom-width:0;filter:none}}@media (prefers-reduced-motion:reduce){.row{animation:none}.row.is-removing{max-height:0;padding-top:0;padding-bottom:0;border-bottom-width:0;overflow:hidden}.row.is-removing,.row.is-removing:after{animation:none;opacity:0}.drop-shell,.hero>.primary,.list-view.is-clearing,.trackCell .art img{animation:none}}@media (max-width:800px){main{padding:0 14px 36px}.drop-label{display:inline-flex;white-space:normal}.drop-label-text{display:none}.drop-label-br,.drop-label-icon{display:block}.actions .folder-top button.clear,.meta-actions>.ghost{display:none}.chrome{margin-inline:-14px;padding:12px 14px 0}.brand{grid-template-columns:auto 1fr;align-items:start;gap:4px;padding:20px 0 16px;--logo-size:56px}.brand-copy{height:auto;min-height:var(--logo-size);align-items:center;align-self:start}.brand-tagline{font-size:clamp(15px,4vw,20px)}h1{display:flex;align-items:center;margin:0;padding:0;height:var(--logo-size);font-size:calc(var(--logo-size) * 1.38);line-height:1}.hero{grid-template-columns:1fr 1fr;gap:4px;animation:none}.hero>.primary{border-radius:0;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,var(--chamfer) 100%,0 calc(100% - var(--chamfer)));clip-path:polygon(0 0,100% 0,100% 100%,var(--chamfer) 100%,0 calc(100% - var(--chamfer)));width:100%;min-height:var(--hero-btn-height);height:auto;box-sizing:border-box;justify-content:center;padding:4px;animation:rise .42s cubic-bezier(.22,1,.36,1) both;animation-delay:.16s}.hero>.primary.is-armed{animation:extract-armed .52s cubic-bezier(.22,1,.36,1)}.hero>.primary.ready{min-height:var(--hero-btn-height);height:auto}.hero>.primary .btn-label{display:none}.drop-shell{-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - var(--chamfer)),calc(100% - var(--chamfer)) 100%,0 100%);clip-path:polygon(0 0,100% 0,100% calc(100% - var(--chamfer)),calc(100% - var(--chamfer)) 100%,0 100%);animation:rise .42s cubic-bezier(.22,1,.36,1) both;animation-delay:80ms}.drop,.drop-shell{min-height:var(--drop-min-height)}.drop{border-radius:0}.drop:not(.has-files){padding-left:24px;padding-right:24px}.drop.has-files{padding-left:calc(var(--drop-pad-x) + 10px)}.drop-shell.has-files .drop-thumbs{max-height:none}.drop-ants-svg polygon{stroke-width:var(--ants-stroke);stroke-dasharray:var(--ants-dash) var(--ants-gap);animation:drop-ants-march 1.4s linear infinite}.pasteBox{grid-template-columns:1fr}.table{overflow:visible;padding-inline:11px}.sort-nav{gap:8px 16px;padding-left:0;padding-right:0}.sort-nav-sorts{gap:4px 16px}.sort-nav-anchors{gap:4px 12px}.trackMeta{height:44px;max-height:44px;gap:0}.trackMeta input{flex:0 0 22px;height:22px;max-height:22px;line-height:1;padding:0}.trackMeta input:first-child{padding-top:0}button.remove{top:12px;right:8px}.end{align-items:center;align-self:start}.end .extended-cell{align-self:center}.primary:active:not(:disabled){background:var(--ink);color:var(--bg);border-color:var(--ink)}.primary:active:not(:disabled) .btn-icon{background-color:var(--accent);filter:none}html[data-accent-light=true] .primary:active:not(:disabled) .btn-icon{background-color:var(--accent)}html[data-theme=dark][data-accent-light=true] .primary:active:not(:disabled){background:#0a0a0a;color:#e8e6e1;border-color:#0a0a0a}.end .links>a:not(.extended-cell):active{color:var(--accent-ink);z-index:1}.end .links>a:not(.extended-cell):active:before{transform:scaleY(1)}.end .links>a:not(.extended-cell):active .store-label{animation:store-label-in .22s ease both}.end .links>a:not(.extended-cell):active .store-icon{background-color:var(--accent-ink)}.end .links>a:not(.extended-cell).unmatched:active{color:color-mix(in srgb,var(--ink) 55%,transparent)}.end .links>a:not(.extended-cell).unmatched:active:before{background:color-mix(in srgb,var(--ink) 14%,transparent);transform:scaleY(1)}.end .links>a:not(.extended-cell).unmatched:active:after{opacity:1}.end .links>a:not(.extended-cell).unmatched:active .store-label{opacity:0;animation:none}.end .links>a:not(.extended-cell).unmatched:active .store-icon{opacity:0}.end a.extended-cell.has-ext:active{color:var(--accent-ink);z-index:1}.end a.extended-cell.has-ext:active:after{transform:scaleY(1)}button.remove:active{color:var(--ink);opacity:.55}.foot{align-items:flex-start}.foot span{font-size:clamp(15px,4vw,20px)}}.settings-root{position:fixed;inset:0;z-index:80}.settings-root,.settings-root.is-closing{pointer-events:none}.settings-backdrop{position:absolute;inset:0;border:0;border-radius:0;padding:0;margin:0;background:color-mix(in srgb,var(--ink) 22%,transparent);cursor:pointer;pointer-events:auto;animation:settings-backdrop-in .18s ease both}.settings-root.is-closing .settings-backdrop{animation:settings-backdrop-out .11s ease both;pointer-events:none}.settings-backdrop:hover:not(:disabled){background:color-mix(in srgb,var(--ink) 22%,transparent);color:inherit;border-color:transparent;transform:none}.settings-panel{position:absolute;left:0;right:0;bottom:0;top:auto;width:100%;max-height:50vh;background:var(--bg);color:var(--ink);border-top:var(--rule) solid var(--line);border-left:0;display:flex;flex-direction:column;pointer-events:auto;animation:settings-slide-in .2s cubic-bezier(.22,1,.36,1) both}.settings-root.is-closing .settings-panel{animation:settings-slide-out .12s cubic-bezier(.4,0,1,1) both;pointer-events:none}@keyframes settings-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes settings-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes settings-slide-in{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes settings-slide-out{0%{transform:translateY(0);opacity:1}to{transform:translateY(10px);opacity:0}}@media (prefers-reduced-motion:reduce){.settings-backdrop,.settings-panel,.settings-root.is-closing .settings-backdrop,.settings-root.is-closing .settings-panel{animation:none}}.settings-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:var(--rule) solid var(--line)}.settings-head,.settings-head h2{flex-shrink:0;font-family:var(--type-meta)}.settings-head h2{margin:0;font-size:15px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;line-height:1}.settings-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;flex:1 1 auto;min-width:0}.settings-action{height:28px;padding:0 10px;border:0;border-radius:0;background:var(--ink);color:var(--bg);font-family:var(--type-meta);font-size:11px;font-weight:800;text-transform:lowercase;white-space:nowrap}.settings-action:hover:not(:disabled){background:var(--accent);color:var(--accent-ink);border-color:transparent;transform:none}.settings-action-danger{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.settings-action-danger:hover:not(:disabled){background:var(--accent);color:var(--accent-ink);box-shadow:none}.settings-close{width:44px;height:44px;padding:0;border:0;border-radius:0;background:transparent;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.settings-close:hover:not(:disabled){background:transparent;color:var(--accent-text);border-color:transparent;transform:none}.settings-close-icon{width:24px;height:24px;display:block;background-color:currentColor;-webkit-mask:url(/close_x.svg) center/contain no-repeat;mask:url(/close_x.svg) center/contain no-repeat}.settings-body{flex:1 1 auto;min-height:0;overflow:auto;padding:0;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:0}.settings-columns{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:0;gap:0;align-items:stretch;flex:1 1 auto;min-height:0}.settings-section{min-width:0;padding:12px 14px 14px;border:0;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:0;overflow:auto;-webkit-overflow-scrolling:touch}.settings-section:last-child{border-right:0}.settings-section h3{margin:0 0 10px;padding-bottom:8px;border-bottom:var(--rule) solid var(--line);font-size:11px;color:var(--ink);flex-shrink:0}.settings-section h3,.settings-subhead{font-family:var(--type-meta);font-weight:800;letter-spacing:.08em;text-transform:uppercase;line-height:1}.settings-subhead{margin:10px 0 6px;padding-top:8px;border-top:1px solid var(--line);font-size:10px;color:var(--ink-soft)}.settings-subhead:first-of-type{margin-top:4px}.settings-code-save{display:flex;flex-direction:column;gap:6px;margin:8px 0 10px}.settings-code-save-status{font-family:var(--type-mono);font-size:10px;color:var(--ink-soft);min-height:1.2em}.settings-code-save-status.is-error{color:#c62828}.settings-code-save-status.is-ok{color:var(--accent-text)}.settings-field{display:flex;flex-direction:column;gap:2px;margin-bottom:6px}.settings-field:last-child{margin-bottom:0}.settings-field-label{display:flex;justify-content:space-between;gap:8px;font-family:var(--type-mono);font-size:11px;font-weight:600}.settings-field-label-main{display:inline-flex;align-items:center;gap:6px;min-width:0}.settings-lock{height:18px;padding:0 6px;border:0;border-radius:0;background:color-mix(in srgb,var(--ink) 10%,transparent);color:var(--ink-soft);font-family:var(--type-meta);font-size:9px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;line-height:1;cursor:pointer}.settings-lock:hover:not(:disabled){background:color-mix(in srgb,var(--ink) 18%,transparent);color:var(--ink);border-color:transparent;transform:none}.settings-lock.is-locked{background:var(--ink);color:var(--bg)}.settings-field.is-locked input[type=range]{opacity:.45;cursor:not-allowed}.settings-field-value{color:var(--ink-soft);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.settings-field input[type=range]{width:100%;accent-color:var(--accent);margin:0;height:16px}.settings-swatches{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:6px;gap:6px;margin-bottom:10px}.settings-swatch{position:relative;width:100%;aspect-ratio:1;padding:0;border:0;border-radius:0;min-height:0;overflow:hidden;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 12%,transparent)}.settings-swatch:hover{box-shadow:inset 0 0 0 2px var(--ink)}.settings-swatch.is-active{outline:none;box-shadow:inset 0 0 0 3px var(--ink)}.settings-swatch-picker{inset:0;width:100%;height:100%;margin:0;background:transparent}.settings-swatch-delete,.settings-swatch-picker{position:absolute;padding:0;border:0;border-radius:0;opacity:0;cursor:pointer}.settings-swatch-delete{top:2px;right:2px;z-index:1;width:18px;height:18px;background:var(--ink);color:var(--bg);font-size:14px;line-height:1;display:grid;place-items:center}.settings-swatch-delete:focus-visible,.settings-swatch.is-active .settings-swatch-delete,.settings-swatch:focus-within .settings-swatch-delete,.settings-swatch:hover .settings-swatch-delete{opacity:1}.settings-swatch-delete:hover:not(:disabled){transform:none;background:var(--ink);color:var(--bg);border-color:transparent}.settings-add-color,.settings-folder-bg{display:grid;grid-template-columns:36px 1fr auto;grid-gap:6px;gap:6px;align-items:center}.settings-folder-bg{grid-template-columns:36px auto}.settings-add-color input[type=color],.settings-folder-bg input[type=color]{width:36px;height:36px;padding:0;border:1px solid var(--line);border-radius:0;background:transparent;cursor:pointer}.settings-add-color input[type=text]{min-width:0;height:36px;border:1px solid var(--line);background:transparent;color:var(--ink);padding:0 8px;font-family:var(--type-mono);font-size:12px}.settings-add-btn{height:36px;padding:0 12px;border:0;border-radius:0;background:var(--ink);color:var(--bg);font-family:var(--type-meta);font-size:11px;font-weight:800;text-transform:lowercase}.settings-add-btn:hover:not(:disabled){background:var(--accent);color:var(--accent-ink);border-color:transparent;transform:none}.settings-generate-btn{width:100%;margin-top:6px}.settings-icons{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:0;gap:0}.settings-icon-cell{margin:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border:0;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.settings-icon-cell:nth-child(2n){border-right:0}.settings-icon-preview{width:36px;height:36px;display:block;background-color:var(--ink);-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.settings-icon-cell figcaption{font-family:var(--type-mono);font-size:9px;color:var(--ink-soft);text-align:center;word-break:break-all;line-height:1.2}@media (max-width:1100px){.settings-columns{grid-template-columns:repeat(6,minmax(200px,1fr));width:max-content;min-width:100%}.settings-body{overflow-x:auto;overflow-y:auto}}@media (max-width:600px){.settings-columns{grid-template-columns:repeat(6,minmax(42vw,200px));width:max-content}.settings-head{padding:8px 12px;flex-wrap:wrap}.settings-actions{order:3;flex:1 1 100%;justify-content:flex-start}}