:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#090d16;color:#eef1fa;font:16px/1.5 system-ui,sans-serif}a{color:#9ccaff}button,input,select,textarea{font:inherit}button,.button{display:inline-block;border:1px solid #394358;background:#1b2335;color:#f6f8ff;border-radius:12px;padding:.7rem 1rem;cursor:pointer;text-decoration:none}button:hover,.button:hover{background:#29354b}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:#654ceb;border-color:#806cf1}.danger{color:#ffb6b6}input,select,textarea{background:#111827;border:1px solid #45516b;border-radius:10px;color:#fff;padding:.7rem;width:100%}label{display:grid;gap:.35rem;margin:.7rem 0}header{display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:1rem max(1rem,calc((100vw - 1180px)/2));border-bottom:1px solid #283146;flex-wrap:wrap}header nav{display:flex;gap:.7rem;flex-wrap:wrap}main{width:min(1180px,calc(100% - 2rem));margin:2rem auto 6rem}.narrow{max-width:580px}.panel{border:1px solid #303b52;background:#111827;border-radius:20px;padding:1.4rem;margin:1rem 0}.muted{color:#afb9cd}h1{font-size:clamp(1.7rem,4vw,2.6rem);line-height:1.2}h2{font-size:1.3rem}.row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.toolbar{display:grid;grid-template-columns:2fr 1fr 1fr;gap:.75rem}.workspace{display:grid;grid-template-columns:240px minmax(0,1fr);gap:1.2rem}aside button{display:block;width:100%;text-align:left;margin:.45rem 0}.selected{border-color:#9f8eff!important;background:#302650!important}.files{display:grid;gap:.65rem}.file{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;border:1px solid #303b52;border-radius:14px;padding:.9rem;background:#121a28}.file input{width:20px;height:20px}.file h3{margin:0;font-size:1rem;overflow-wrap:anywhere}.file small{color:#aebbd1}.actions{display:flex;gap:.35rem;flex-wrap:wrap}.actions button{padding:.45rem .65rem}.status{min-height:1.5rem;color:#acdcbf;white-space:pre-wrap}.status.error{color:#ffb3b3}dialog{width:min(620px,calc(100% - 2rem));border:1px solid #59677f;background:#111827;color:#fff;border-radius:20px;padding:1.4rem}dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}dialog video,dialog audio{width:100%;max-height:65vh;margin:1rem 0}.group-tools{margin:1rem 0;display:flex;gap:.5rem;flex-wrap:wrap}progress{width:100%;height:12px;accent-color:#9175ff}.hidden,[hidden]{display:none!important}.pager{margin:1rem 0}.check{display:flex;align-items:center;gap:.6rem}.check input{width:auto}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8abaff;outline-offset:3px}@media(max-width:760px){.workspace{grid-template-columns:1fr}.toolbar{grid-template-columns:1fr}.file{grid-template-columns:auto minmax(0,1fr)}.file .actions{grid-column:2}.panel{padding:1rem}aside{display:flex;flex-wrap:wrap;gap:.3rem}aside h2{width:100%}aside button{width:auto}header{padding:1rem}}
.family-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:650;color:#e7f2fa}
.library-player{position:fixed;bottom:0;left:0;right:0;z-index:80;display:grid;grid-template-columns:minmax(150px,1fr) auto minmax(180px,1fr) 130px auto;align-items:center;gap:16px;padding:14px max(20px,calc((100vw - 1320px)/2));background:#101a29f5;backdrop-filter:blur(20px);border-top:1px solid #56788e;box-shadow:0 -16px 50px #0005}
.lp-title{min-width:0}.lp-title b,.lp-title small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lp-title small{color:#a9bacd}.lp-buttons{display:flex;gap:5px}.lp-buttons button{padding:8px;min-width:42px;min-height:44px}#lpPlay{background:#bde8ee;color:#14202e}.lp-seek{display:flex;align-items:center;gap:6px;font-size:12px;font-variant-numeric:tabular-nums}.lp-seek input{min-width:60px;flex:1;padding:0}.lp-volume{font-size:12px;margin:0}.lp-volume input{padding:0}
.personal-stars{display:flex;gap:1px;margin-top:5px}.personal-stars button{border:0;background:none;color:#667b92;font-size:20px;padding:1px 4px;min-height:34px}.personal-stars button[aria-pressed=true]{color:#f6cd75}.file{scroll-margin-bottom:200px}.actions .track-menu-panel button{width:100%;text-align:left}
@media(max-width:960px){.library-player{grid-template-columns:minmax(0,1fr) auto;padding:10px 14px;gap:8px}.library-player .lp-seek{grid-column:1/-1;margin:0}.lp-volume{display:none}.library-player>.viz-launch{position:absolute;right:14px;bottom:8px;font-size:12px;min-height:36px;padding:5px 10px}.library-player .lp-seek{padding-right:150px}body.has-player{padding-bottom:160px}}
