:root{color-scheme:light;--bg: #f6f4ef;--panel: #fffdfa;--ink: #25231f;--muted: #766f64;--line: #dfd8cc;--accent: #1f6f64;--accent-2: #a54d2a;font-family:ui-sans-serif,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:minmax(260px,320px) 1fr}.sidebar{border-right:1px solid var(--line);background:var(--panel);padding:20px;display:flex;flex-direction:column;gap:10px}.brand{display:flex;align-items:center;gap:12px;margin-bottom:16px}.brand-mark{width:36px;height:36px;display:grid;place-items:center;color:#fff;background:var(--accent);border-radius:8px;font-weight:700}.brand small,.toolbar p,.player small,.track-row small{color:var(--muted);display:block}label{color:var(--muted);font-size:12px;margin-top:6px}input{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:#fff;color:var(--ink)}button{border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:10px 12px;cursor:pointer}button:hover{border-color:var(--accent)}.sidebar>button,.toolbar button{background:var(--accent);color:#fff;border-color:var(--accent)}nav{display:grid;gap:8px;margin-top:12px;overflow:auto}nav button{text-align:left}.playlist-tools{display:grid;gap:8px;margin-top:8px}.workspace{min-width:0;display:grid;grid-template-rows:auto 1fr auto}.toolbar{padding:22px 28px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:end}h1{margin:0;font-size:28px;letter-spacing:0}.toolbar p{margin:4px 0 0}.toolbar form{min-width:min(460px,50vw);display:grid;grid-template-columns:1fr auto;gap:8px}.track-list{overflow:auto;padding:18px 28px;display:grid;align-content:start;gap:8px}.track-row{display:grid;grid-template-columns:minmax(0,1fr) 64px auto;gap:10px;align-items:center;border:1px solid transparent;border-radius:8px;padding:10px 12px;background:#ffffffb3}.track-row span,.track-row small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-row time{color:var(--muted);text-align:right}.track-actions,.queue-tools{display:flex;gap:8px;align-items:center}.track-actions button,.queue-tools button,.playlist-tools button{padding:8px 10px}.player{border-top:1px solid var(--line);background:var(--panel);padding:14px 28px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(280px,520px);gap:18px;align-items:center}audio{width:100%}@media(max-width:820px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.toolbar,.player{grid-template-columns:1fr;display:grid}.toolbar form{min-width:0}.track-row{grid-template-columns:1fr}.track-row time{text-align:left}.track-actions,.queue-tools{flex-wrap:wrap}}