:root{--color-primary:#38bdf8;--color-secondary:#6366f1;--color-tertiary:#0ea5e9;--color-success:#22c55e;--color-info:#0ea5e9;--color-warning:#f59e0b;--color-error:#f87171;--color-dark:#0b1220;--color-light:#f8fafc;--color-background:var(--color-dark);--color-foreground:var(--color-light);--color-surface:#0f172a;--color-surface-strong:#121a2e;--color-border:#1f2937;--color-border-strong:#2c3650;--color-text:#e2e8f0;--color-muted:#94a3b8;--color-bar:#0c1220;--color-surface-subtle:#0d1525;--color-border-subtle:#1a2335;--color-primary-glow:color-mix(in srgb,var(--color-primary)60%,transparent);--color-text-contrast:var(--color-light);--space:1em;--space-xl:calc(var(--space)*3);--space-l:calc(var(--space)*2);--space-m:calc(var(--space));--space-s:calc(var(--space)/2);--space-xs:calc(var(--space)/3);--radius-l:var(--space-l);--radius-m:var(--space-m);--radius-s:var(--space-s);--border-radius:var(--radius-m);--radius-pill:999px;--border-width:1px;--font-size-xl:26px;--font-size-lg:24px;--font-size-xs:12px;--font-size-sm:13px;--grid-min-card:320px;--layout-sidebar:220px;--min-content-height:300px;--tracking-wide:.5px;--tracking-tight:.3px;--table-col-number:40px;--table-col-status:140px;--grid-min-art:240px;--art-thumb-size:240px;--breakpoint-md:960px;--app-bar-height:56px;--blur-strong:10px;--brand-gap:10px;--brand-letter:.3px;--dot-size:12px;--shadow-dot:20px;--focus-ring-spread:3px;--focus-ring-color:#38bdf826;--shadow-elevate:0 10px 30px #00000040;--shadow-button-hover:0 8px 24px var(--color-primary-glow);--hover-raise:-1px;--font-size-base:1em;--pattern-step:var(--space-s)}body,html{font-size:18px}h1,h2,h3,h4,h5,h6,p,.button,.form-input{margin:0}h1+h1,h1+h2,h1+h3,h1+h4,h1+h5,h1+h6,h1+p,h1+.button,h1+.form-field,h2+h1,h2+h2,h2+h3,h2+h4,h2+h5,h2+h6,h2+p,h2+.button,h2+.form-field,h3+h1,h3+h2,h3+h3,h3+h4,h3+h5,h3+h6,h3+p,h3+.button,h3+.form-field,h4+h1,h4+h2,h4+h3,h4+h4,h4+h5,h4+h6,h4+p,h4+.button,h4+.form-field,h5+h1,h5+h2,h5+h3,h5+h4,h5+h5,h5+h6,h5+p,h5+.button,h5+.form-field,h6+h1,h6+h2,h6+h3,h6+h4,h6+h5,h6+h6,h6+p,h6+.button,h6+.form-field,p+h1,p+h2,p+h3,p+h4,p+h5,p+h6,p+p,p+.button,p+.form-field,.button+h1,.button+h2,.button+h3,.button+h4,.button+h5,.button+h6,.button+p,.button+.button,.button+.form-field,.form-input+h1,.form-input+h2,.form-input+h3,.form-input+h4,.form-input+h5,.form-input+h6,.form-input+p,.form-input+.button,.form-input+.form-field{margin-top:var(--space)}.button{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));color:var(--color-text-contrast);border-radius:var(--border-radius);padding:var(--space-s)var(--space-m);cursor:pointer;border:none;font-size:1em;font-weight:600;transition:transform .15s,box-shadow .15s}.button:hover{transform:translateY(var(--hover-raise));box-shadow:var(--shadow-button-hover)}.button:disabled{opacity:.6;cursor:default;box-shadow:none;transform:none}.button__ghost{background:var(--color-placeholder-1);box-shadow:none}.player{z-index:9;padding:var(--space-s)var(--space-m);background:color-mix(in srgb,var(--color-surface)90%,var(--color-background));border-bottom:var(--border-width)solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--space-m);display:flex;position:fixed;bottom:0;left:0}.player__left{align-items:center;gap:var(--space-s);display:flex}.player__thumb{border-radius:var(--radius-s);border:var(--border-width)solid var(--color-border);background:var(--color-surface);place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.player__thumb--placeholder{color:var(--color-muted);font-size:var(--font-size-lg)}.player__thumb img{object-fit:cover;width:100%;height:100%}.player__meta{gap:2px;display:grid}.player__title{font-weight:600}.player__subtitle{color:var(--color-muted);font-size:var(--font-size-sm)}.player__controls{align-items:center;gap:var(--space-s);flex:1;justify-content:flex-end;display:flex}.player__timing{align-items:center;gap:var(--space-xs);min-width:240px;display:flex}.player__timing input[type=range]{width:140px}@media (max-width:900px){.player{flex-direction:column;align-items:flex-start}.player__controls{justify-content:space-between;width:100%}.player__timing{gap:var(--space-s);width:100%}}:root{color:var(--color-text);background-color:var(--color-background);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}body{background:var(--color-background);min-height:100vh;margin:0}a{color:inherit;text-decoration:none}.app{background:linear-gradient(135deg,var(--color-surface-strong)0%,color-mix(in srgb,var(--color-secondary)12%,transparent)30%,var(--color-background)100%);min-height:100vh;color:var(--color-text)}.app__bar{height:var(--app-bar-height);padding:0 var(--space-m);border-bottom:var(--border-width)solid var(--color-border);background:var(--color-bar);-webkit-backdrop-filter:blur(var(--blur-strong));backdrop-filter:blur(var(--blur-strong));z-index:10;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.app__brand{align-items:center;gap:var(--brand-gap);letter-spacing:var(--brand-letter);font-weight:700;display:flex}.app__dot{width:var(--dot-size);height:var(--dot-size);background:radial-gradient(circle at 30% 30%,var(--color-primary),var(--color-secondary)60%);box-shadow:0 0 var(--shadow-dot)var(--color-primary-glow);border-radius:50%}.app__main{padding:var(--space-l)}.card{background:var(--color-surface);border:var(--border-width)solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-m);gap:var(--space-s);box-shadow:var(--shadow-elevate);display:grid}.input{background:var(--color-surface);border:var(--border-width)solid var(--color-border);color:var(--color-text);border-radius:var(--border-radius);padding:var(--space-s)var(--space-m);width:100%;font-size:1em}.input:focus{outline:var(--border-width)solid var(--color-primary);box-shadow:0 0 0 var(--focus-ring-spread)var(--focus-ring-color)}.field{gap:var(--space-s);display:grid}.field__label{color:var(--color-muted);font-size:var(--font-size-base)}.field__hint{color:var(--color-muted);font-size:var(--font-size-xs)}.auth{min-height:100%;padding:var(--space-l);justify-content:center;align-items:center;display:flex}.auth__title{font-size:var(--font-size-lg)}.auth__muted{color:var(--color-muted)}.auth__form{gap:var(--space);display:grid}.auth__error{color:var(--color-error)}.badge{background:color-mix(in srgb,var(--color-secondary)20%,transparent);border:var(--border-width)solid color-mix(in srgb,var(--color-secondary)40%,transparent);border-radius:var(--radius-s);font-size:var(--font-size-xs);text-transform:capitalize;align-items:center;gap:var(--space-s);color:var(--color-text);padding:2px 8px;display:inline-flex}.badge__accent{background:color-mix(in srgb,var(--color-primary)20%,transparent);border-color:color-mix(in srgb,var(--color-primary)40%,transparent);color:var(--color-text-contrast)}.textarea{background:var(--color-surface);border:var(--border-width)solid var(--color-border);color:var(--color-text);border-radius:var(--border-radius);padding:var(--space-s)var(--space-m);resize:vertical;width:100%}.textarea:focus{outline:var(--border-width)solid var(--color-primary);box-shadow:0 0 0 var(--focus-ring-spread)var(--focus-ring-color)}.albums{gap:var(--space-m);padding:var(--space-m);display:grid}.albums__head{justify-content:space-between;align-items:center;display:flex}.albums__title{font-size:var(--font-size-xl)}.albums__muted{color:var(--color-muted)}.albums__grid{grid-template-columns:repeat(auto-fit,minmax(var(--grid-min-card),1fr));gap:var(--space-m);display:grid}.albums__list{gap:var(--space-s);display:grid}.albums__row{text-align:left;background:var(--color-surface);border:var(--border-width)solid var(--color-border);border-radius:var(--border-radius);width:100%;padding:var(--space-m);color:var(--color-text);cursor:pointer;justify-content:space-between;align-items:center;display:flex}.albums__row-title{font-weight:600}.albums__row-subtitle{color:var(--color-muted);font-size:var(--font-size-sm)}.form__error{color:var(--color-error)}.tooltip{align-items:center;display:inline-flex;position:relative}.tooltip__bubble{background:var(--color-surface);color:var(--color-text);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-s);font-size:var(--font-size-xs);white-space:nowrap;box-shadow:var(--shadow-soft);z-index:10;padding:4px 8px;position:absolute;bottom:100%;left:50%;transform:translate(-50%,-8px)}.play-btn[data-v-0dfb9b1d]{border:var(--border-width)solid var(--color-border);background:var(--color-surface);width:36px;height:36px;color:var(--color-text);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex}.play-btn[data-v-0dfb9b1d]:hover:not(:disabled){box-shadow:var(--shadow-soft);background:color-mix(in srgb,var(--color-border)24%,var(--color-surface));transform:translateY(-1px)}.play-btn[data-v-0dfb9b1d]:disabled{opacity:.5;cursor:default;box-shadow:none;transform:none}.album{gap:var(--space-m);padding:var(--space-m);display:grid}.album__head{justify-content:space-between;align-items:center;display:flex}.album__pill-label{color:var(--color-muted);font-size:var(--font-size-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase}.album__title{font-size:var(--font-size-xl)}.album__muted{color:var(--color-muted)}.album__layout{grid-template-columns:var(--layout-sidebar)1fr;gap:var(--space-m);display:grid}.album__sidebar{background:var(--color-surface);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-m);padding:var(--space-s);height:fit-content}.album__step-btn{text-align:left;width:100%;padding:var(--space-s)var(--space-m);border-radius:var(--radius-m);color:var(--color-text);cursor:pointer;background:0 0;border:none}.album__step-btn--active{background:linear-gradient(90deg,color-mix(in srgb,var(--color-primary)20%,transparent),color-mix(in srgb,var(--color-secondary)20%,transparent));border:var(--border-width)solid var(--color-badge-border)}.album__content{min-height:var(--min-content-height)}.card__head{justify-content:space-between;align-items:center;gap:var(--space-s);display:flex}.card__actions{gap:var(--space-s);display:flex}.upload{gap:var(--space-s);display:grid}.upload__hint{color:var(--color-muted);font-size:var(--font-size-sm)}.upload__area{border:var(--border-width)dashed var(--color-border-subtle);border-radius:var(--radius-m);padding:var(--space-m);gap:var(--space-s);background:var(--color-surface-subtle);place-items:center start;display:grid}.upload__area--active{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary)8%,var(--color-surface-subtle))}.upload__text{color:var(--color-text);margin:0}.upload__actions{gap:var(--space-s);display:flex}.upload__list{gap:var(--space-xs);width:100%;display:grid}.upload__file{width:100%;color:var(--color-text);font-size:var(--font-size-sm);justify-content:space-between;display:flex}.upload__file-size,.upload__file-status{color:var(--color-muted)}.meta{gap:var(--space-s);display:grid}.meta__row{justify-content:space-between;gap:var(--space-s);align-items:baseline;display:flex}.meta__row--header{color:var(--color-muted)}.meta__row--track{border-top:var(--border-width)solid var(--color-border-subtle);padding-top:var(--space-xs)}.meta__label{color:var(--color-muted);font-size:var(--font-size-sm)}.meta__value{color:var(--color-text);text-align:right;word-break:break-word;max-width:60%}.meta--tracks{margin-top:var(--space-m)}.naming-grid{gap:var(--space-l);grid-template-columns:minmax(280px,360px) 1fr;align-items:start;display:grid}.naming-panel{gap:var(--space-m);display:grid}.naming__settings{gap:var(--space-s);grid-template-columns:repeat(2,minmax(120px,1fr));align-items:end;display:grid}.naming__actions{gap:var(--space-s);flex-wrap:wrap;display:flex}.naming__checkbox{align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-text);display:inline-flex}.naming__note{font-size:var(--font-size-sm);color:var(--color-muted)}.tracklist{gap:var(--space-xs);display:grid}.tracklist__header,.tracklist__row{grid-template-columns:var(--table-col-number)1.2fr 1fr var(--table-col-status)140px;gap:var(--space-s);align-items:center;display:grid}.tracklist__header{color:var(--color-muted);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:var(--tracking-tight)}.tracklist__row{background:var(--color-surface);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-m);padding:var(--space-s)}.tracklist__file{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tracklist__meta{margin-top:var(--space-xs)}.track-table{border-collapse:collapse;background:var(--color-surface);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-m);width:100%;max-width:100%;overflow:hidden}.track-table th,.track-table td{padding:var(--space-s);text-align:left;vertical-align:middle}.track-table thead{background:color-mix(in srgb,var(--color-border)40%,transparent);color:var(--color-muted);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:var(--tracking-tight)}.track-table tr+tr td{border-top:var(--border-width)solid var(--color-border)}.track-table__num{width:var(--table-col-number)}.track-table__status{width:var(--table-col-status)}.track-table__actions{text-align:right;white-space:nowrap;width:140px}.track-table__meta{margin-top:var(--space-xs)}.track-table__actions .button{padding-inline:var(--space-xs)}.art-thumb{border-radius:var(--radius-s);border:var(--border-width)solid var(--color-border);background:var(--color-surface);width:72px;height:72px;margin-right:var(--space-xs);justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.art-thumb img{object-fit:cover;width:100%;height:100%;display:block}.art-thumb__placeholder{color:var(--color-muted);font-size:var(--font-size-xs)}.art-thumb--loading:after{content:"";background:color-mix(in srgb,var(--color-surface)70%,transparent);animation:1s ease-in-out infinite pulse;position:absolute;inset:0}@keyframes pulse{0%{opacity:.3}50%{opacity:.6}to{opacity:.3}}.track-table__file{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.icon-btn{border:var(--border-width)solid var(--color-border);background:var(--color-surface);width:32px;height:32px;color:var(--color-text);cursor:pointer;margin-left:var(--space-xxs);border-radius:999px;justify-content:center;align-items:center;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex}.icon-btn:hover:not(:disabled){box-shadow:var(--shadow-soft);background:color-mix(in srgb,var(--color-border)24%,var(--color-surface));transform:translateY(-1px)}.icon-btn:disabled{opacity:.5;cursor:default;box-shadow:none;transform:none}@media (max-width:1200px){.naming-grid{grid-template-columns:1fr}.track-table__actions{width:auto}.track-table th,.track-table td{padding:var(--space-xs)var(--space-s)}}.art{grid-template-columns:repeat(auto-fit,minmax(var(--grid-min-art),1fr));gap:var(--space-m);display:grid}.art__card{background:var(--color-surface);border:var(--border-width)solid var(--color-border);border-radius:var(--radius-m);padding:var(--space-s);gap:var(--space-s);display:grid}.art__thumb{aspect-ratio:1;border-radius:var(--radius-m);color:var(--color-muted);font-size:var(--font-size-sm);place-items:center;display:grid}.art__thumb--placeholder{background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--color-surface)80%,transparent),color-mix(in srgb,var(--color-surface)80%,transparent)var(--pattern-step),color-mix(in srgb,var(--color-border-strong)60%,transparent)var(--pattern-step),color-mix(in srgb,var(--color-border-strong)60%,transparent)calc(var(--pattern-step)*2))}.art__thumb--large{width:100%;height:var(--art-thumb-size)}.art__meta{gap:var(--space-xs);display:grid}.art__title{font-weight:600}.art__subtitle{color:var(--color-muted);font-size:var(--font-size-sm)}.art__actions{gap:var(--space-s);display:flex}.album-art{grid-template-columns:var(--art-thumb-size)1fr;gap:var(--space-m);align-items:start;display:grid}.album-art__form{gap:var(--space-s);display:grid}.album__error{color:var(--color-error)}@media (max-width:960px){.album__layout,.album-art{grid-template-columns:1fr}}