:root{--bg:#0C1017;--surface:#141B24;--raised:#1D2634;--border:#26313F;--text:#F3F6FA;--muted:#A6B1BF;--accent:#5B9BFF;--ok:#2ED3A6;--err:#F26D6D;--warn:#F5B454;--r:14px;--r-card:16px}*{box-sizing:border-box;margin:0;padding:0}html,body{width:1920px;height:1080px;overflow:hidden;background:var(--bg);color:var(--text);font-family:Rubik,system-ui,sans-serif;font-size:28px}#app{display:grid;grid-template-columns:560px 1fr;height:100%;padding:54px 96px;gap:40px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:20px;overflow:hidden;display:flex;flex-direction:column}header{padding:24px 28px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:16px}header b{font-size:32px}header span{color:var(--muted);font-size:22px}.source{padding:24px 28px;display:flex;flex-direction:column;gap:14px;border-bottom:1px solid var(--border)}input,textarea,button{font:inherit;color:inherit;border-radius:var(--r);border:1px solid var(--border);background:var(--raised);padding:14px 20px;outline:none}textarea{height:96px;font-size:20px;resize:none}button{cursor:pointer;text-align:left}.focus{outline:3px solid var(--accent);outline-offset:3px;transform:scale(1.02)}#groups{display:flex;gap:8px;padding:12px 16px;overflow:hidden;border-bottom:1px solid var(--border)}.chip{padding:8px 16px;border-radius:999px;border:1px solid var(--border);font-size:22px;white-space:nowrap;color:var(--muted)}.chip.active{color:var(--text);border-color:var(--accent)}#list{flex:1;overflow:hidden;padding:12px 16px;display:flex;flex-direction:column;gap:6px}.row{padding:16px 20px;border-radius:var(--r);display:flex;justify-content:space-between;gap:12px;white-space:nowrap;overflow:hidden}.row small{color:var(--muted);font-size:20px}.row.focus{background:var(--raised)}.row.playing{border-left:6px solid var(--ok)}#player{position:relative;background:#000}video{width:100%;height:100%;object-fit:contain}#overlay{position:absolute;left:0;right:0;bottom:0;padding:28px 32px;background:linear-gradient(180deg,#0c101700,#0c1017eb)}#status{font-size:22px;color:var(--muted);margin-top:8px;min-height:30px}#status.err{color:var(--err)}#status.ok{color:var(--ok)}#status.warn{color:var(--warn)}.hint{padding:16px 28px;color:var(--muted);font-size:20px;border-top:1px solid var(--border)}