*{box-sizing:border-box}body{margin:0;background:#0b0f19;color:#e8edf8;font:16px/1.5 system-ui,sans-serif}header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px;border-bottom:1px solid #28334b}a{color:#7ee8f3}main{max-width:1440px;margin:auto;padding:24px}section,aside{background:#111827;border:1px solid #28334b;border-radius:16px;padding:24px;margin-bottom:20px}h1{font-size:32px;margin-top:0}h2{font-size:24px}form{display:flex;flex-wrap:wrap;gap:16px;align-items:end;margin:20px 0}label{display:grid;gap:8px;max-width:100%;flex:1 1 200px}input,select,button{min-height:44px;font:inherit;padding:10px 14px;border-radius:10px;border:1px solid #3c4860;background:#172135;color:white;max-width:100%}input[type=checkbox]{width:24px;min-height:24px}button{cursor:pointer;background:#6366f1}button:disabled{opacity:.5;cursor:default}button:hover:not(:disabled){background:#4f46e5}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #06b6d4;outline-offset:2px}.workspace{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:20px}.screen{position:relative}#player{aspect-ratio:16/9;display:grid;place-items:center;background:#020617;border-radius:12px;overflow:hidden}iframe{border:0;width:100%;height:100%}#stinger{position:absolute;inset:90px 24px 80px;background:#020617}#buzz{font-weight:bold;font-size:28px;background:#c72c4e;width:100%;min-height:100px}#message{color:#facc15}#links{overflow-wrap:anywhere}article{padding:12px;border-bottom:1px solid #28334b}.fade{animation:fade .5s}@keyframes fade{from{opacity:0}to{opacity:1}}[hidden]{display:none!important}@media(max-width:768px){.workspace{grid-template-columns:1fr}main{padding:14px}section,aside{padding:18px}header{flex-wrap:wrap}h1{font-size:26px}}