:root{--background:#020617;--surface:rgba(15,23,42,0.74);--surface-strong:rgba(15,23,42,0.92);--foreground:#f8fafc;--muted:#94a3b8;--line:rgba(148,163,184,0.24);--field:rgba(2,6,23,0.72);--accent:#ef4444;--accent-strong:#fca5a5;--danger:#f87171;--glow:rgba(239,68,68,0.3)}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{background:var(--background);color:var(--foreground);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}body:before{background:radial-gradient(circle at 18% 14%,rgba(239,68,68,.2),transparent 28%),radial-gradient(circle at 88% 12%,rgba(248,250,252,.09),transparent 22%),linear-gradient(90deg,rgba(248,250,252,.035) 1px,transparent 0),linear-gradient(180deg,rgba(248,250,252,.035) 1px,transparent 0);background-size:auto,auto,44px 44px,44px 44px;content:"";inset:0;pointer-events:none;position:fixed}button,input{font:inherit}button{cursor:pointer}a{color:inherit}.shell{display:grid;min-height:100vh;place-items:center;padding:32px 16px}.surface{width:min(100%,1180px)}.topline{align-items:baseline;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;padding-bottom:18px}.brand-lockup{align-items:center;display:flex;gap:14px}.brand-icon{filter:drop-shadow(0 16px 34px var(--glow));height:52px;width:52px}.suite{color:var(--accent-strong);font-size:.72rem;letter-spacing:.12em;margin-bottom:4px}.brand,.suite{font-weight:700;text-transform:uppercase}.brand{font-size:clamp(2.2rem,7vw,4.9rem);letter-spacing:-.017em;line-height:.88;margin:0}.limit{color:var(--muted);font-size:.78rem;text-align:right;text-transform:uppercase}.panel{background:linear-gradient(180deg,var(--surface),rgba(2,6,23,.42));border:1px solid var(--line);box-shadow:0 28px 90px rgba(0,0,0,.35);margin-top:24px;padding:24px}.panel,.workspace{display:grid;grid-gap:22px;gap:22px}.workspace{align-items:start;grid-template-columns:minmax(0,1.08fr) minmax(360px,.78fr)}.trim-panel{min-width:0}.drop{align-items:center;background:linear-gradient(135deg,rgba(248,250,252,.08),transparent 28%),repeating-linear-gradient(135deg,rgba(248,250,252,.055),rgba(248,250,252,.055) 1px,transparent 0,transparent 9px),rgba(2,6,23,.52);border:1px solid rgba(248,250,252,.2);box-shadow:inset 0 1px 0 rgba(248,250,252,.14),inset 0 -1px 0 rgba(0,0,0,.65),0 18px 52px rgba(0,0,0,.28);display:grid;grid-gap:10px;gap:10px;min-height:148px;padding:24px;position:relative;text-align:center}.drop:after,.drop:before{background:linear-gradient(180deg,#475569,#111827 45%,#020617);border:1px solid rgba(248,250,252,.16);box-shadow:inset 0 1px 0 rgba(248,250,252,.18),0 0 24px rgba(239,68,68,.12);content:"";height:52px;position:absolute;top:50%;transform:translateY(-50%);width:10px}.drop:before{left:18px}.drop:after{right:18px}.drop input{display:none}.drop strong{display:block;font-size:1rem;text-transform:uppercase}.drop span{color:var(--muted);display:block;font-size:.85rem}.file-button,.primary,.secondary{border:1px solid var(--foreground);min-height:44px;padding:0 16px;text-transform:uppercase}.file-button{align-items:center;background:linear-gradient(180deg,rgba(248,250,252,.22),transparent 42%),linear-gradient(135deg,#ef4444,#991b1b 58%,#450a0a);border-color:rgba(252,165,165,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.26),inset 0 -2px 0 rgba(69,10,10,.78),0 12px 34px rgba(239,68,68,.26);color:#fff;display:inline-flex;font-weight:800;justify-content:center;justify-self:center;letter-spacing:.08em;min-width:172px;position:relative}.file-button:after,.file-button:before{background:linear-gradient(180deg,#e5e7eb,#64748b 46%,#0f172a);border:1px solid rgba(248,250,252,.24);content:"";height:22px;position:absolute;top:50%;transform:translateY(-50%);width:8px}.file-button:before{left:-14px}.file-button:after{right:-14px}.primary{background:linear-gradient(135deg,#ef4444,#7f1d1d);box-shadow:0 18px 44px rgba(239,68,68,.22);color:#fff}.primary:disabled,.secondary:disabled{cursor:not-allowed;opacity:.45}.secondary{background:rgba(248,250,252,.04);color:var(--foreground)}.meta{border-bottom:1px solid var(--line);border-top:1px solid var(--line);display:grid;grid-gap:8px;gap:8px;padding:14px 0}.meta-row{display:flex;gap:14px;justify-content:space-between}.meta-row span:first-child{color:var(--muted)}audio{height:42px;width:100%}.controls{display:grid;grid-gap:18px;gap:18px}.control-row{display:grid;grid-gap:10px;gap:10px}.control-heading{align-items:center;display:flex;gap:14px;justify-content:space-between}.control-heading label{text-transform:uppercase}.number{align-items:center;display:flex;gap:8px}.number input{background:var(--field);border:1px solid var(--line);color:var(--foreground);height:38px;padding:0 10px;text-align:right;width:112px}.number span{color:var(--muted)}input[type=range]{accent-color:var(--accent);width:100%}.actions{display:flex;gap:12px}.actions a,.actions button{align-items:center;display:inline-flex;flex:1 1;justify-content:center;text-decoration:none}.status{color:var(--muted);min-height:22px}.status.error{color:var(--danger)}.result{border-top:1px solid var(--foreground);display:grid;grid-gap:14px;gap:14px;padding-top:18px}.songs-panel{background:linear-gradient(180deg,rgba(15,23,42,.9),rgba(2,6,23,.62)),repeating-linear-gradient(90deg,rgba(248,250,252,.035),rgba(248,250,252,.035) 1px,transparent 0,transparent 10px);border:1px solid var(--line);box-shadow:inset 0 1px 0 rgba(248,250,252,.1),0 28px 90px rgba(0,0,0,.28);display:grid;grid-gap:16px;gap:16px;margin-top:24px;min-width:0;padding:20px}.songs-head{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.eyebrow{color:var(--accent-strong);font-size:.72rem;font-weight:800;letter-spacing:.12em;margin-bottom:6px}.eyebrow,.songs-head h2{text-transform:uppercase}.songs-head h2{font-size:clamp(1.35rem,3vw,2rem);letter-spacing:-.017em;line-height:1;margin:0}.view-all{align-items:center;background:rgba(248,250,252,.06);border:1px solid rgba(248,250,252,.2);color:var(--foreground);display:inline-flex;font-size:.76rem;font-weight:800;min-height:34px;padding:0 10px;text-decoration:none;text-transform:uppercase;white-space:nowrap}.songs-note{color:var(--muted);font-size:.86rem;line-height:1.45;margin:0}.song-search{display:grid;grid-gap:8px;gap:8px}.song-search span{color:var(--muted);font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.song-search input{background:var(--field);border:1px solid var(--line);color:var(--foreground);min-height:42px;padding:0 12px;width:100%}.song-list{display:grid;grid-gap:10px;gap:10px}.song-row{background:rgba(2,6,23,.48);border:1px solid rgba(148,163,184,.18);display:grid;grid-gap:12px;gap:12px;grid-template-columns:34px minmax(0,1fr);padding:12px}.song-rank{align-items:center;background:linear-gradient(180deg,#334155,#020617);border:1px solid rgba(248,250,252,.16);color:#fca5a5;display:flex;font-size:.76rem;font-weight:900;height:34px;justify-content:center}.song-main{min-width:0}.song-title{color:var(--foreground);font-size:.98rem;font-weight:800;line-height:1.25}.song-artist{color:var(--muted);font-size:.84rem;line-height:1.35;margin-top:2px}.song-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.song-link{align-items:center;border:1px solid rgba(148,163,184,.24);color:var(--foreground);display:inline-flex;font-size:.68rem;font-weight:800;min-height:28px;padding:0 8px;text-decoration:none;text-transform:uppercase}.song-link.apple{border-color:rgba(252,165,165,.46);color:#fecaca}.song-link.amazon{border-color:rgba(251,191,36,.42);color:#fde68a}.song-link.bandcamp{border-color:rgba(45,212,191,.38);color:#99f6e4}.songs-shell{place-items:start center}.songs-shell .songs-panel{margin-top:24px}.songs-shell .song-list{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}@media (max-width:940px){.workspace{grid-template-columns:1fr}}@media (max-width:560px){.actions,.control-heading,.meta-row,.songs-head,.topline{align-items:stretch;flex-direction:column}.limit{text-align:left}.actions{display:grid}.panel,.songs-panel{padding:18px}.song-row{grid-template-columns:30px minmax(0,1fr)}}