*{box-sizing:border-box}body{color:#e6e9ee;background:#0b0d10;margin:0;font-family:system-ui,-apple-system,sans-serif}h1{margin:0;font-size:20px}h2{text-transform:uppercase;letter-spacing:.08em;color:#8a94a3;margin:0 0 10px;font-size:13px;font-weight:600}button{font:inherit;cursor:pointer;color:#e6e9ee;background:#2a3140;border:none;border-radius:8px;padding:10px 18px;font-weight:600;transition:filter .12s}button:hover{filter:brightness(1.15)}button:disabled{opacity:.5;cursor:default}button.primary{background:#3563e9}button.danger{background:#d64545}input{font:inherit;color:#e6e9ee;background:#14171c;border:1px solid #2a3140;border-radius:8px;outline:none;padding:10px 14px}input:focus{border-color:#3563e9}.error{color:#ff7a7a}.hint{color:#8a94a3}.lobby{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;display:flex}.lobby form{flex-direction:column;gap:10px;width:min(360px,90vw);display:flex}.lobby form.row{flex-direction:row;width:auto}.auth-tabs{gap:8px;display:flex}.studio{flex-direction:column;min-height:100vh;display:flex}.studio header{border-bottom:1px solid #1c2129;justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.header-right{align-items:center;gap:14px;display:flex}.rtmp-input{width:min(360px,42vw);font-size:13px}.resolution-select{font:inherit;color:#e6e9ee;cursor:pointer;background:#14171c;border:1px solid #2a3140;border-radius:8px;outline:none;padding:10px 12px;font-size:13px;font-weight:600}.resolution-select:disabled{opacity:.5;cursor:default}.resolution-select:focus{border-color:#3563e9}.rec-dot{color:#ff5c5c;letter-spacing:.1em;font-size:13px;font-weight:700;animation:1.2s infinite pulse}@keyframes pulse{50%{opacity:.4}}.studio main{flex:1;grid-template-columns:2fr 1fr;align-items:start;gap:24px;padding:24px;display:grid}@media (width<=900px){.studio main{grid-template-columns:1fr}}.preview-canvas{background:#000;border-radius:10px;width:100%;display:block}.preview :global(canvas){background:#000;border-radius:10px;width:100%;display:block}.tiles{flex-direction:column;gap:14px;display:flex}.tile{aspect-ratio:16/9;background:#14171c;border-radius:10px;position:relative;overflow:hidden}.tile video{object-fit:cover;width:100%;height:100%;display:block}.tile-label{background:#0009;border-radius:6px;padding:4px 10px;font-size:13px;font-weight:600;position:absolute;bottom:10px;left:10px}.tile-badge{letter-spacing:.04em;text-transform:uppercase;background:#3563e9;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700;position:absolute;top:10px;right:10px}.studio footer{min-height:40px;padding:10px 24px;font-size:13px}.dev-controls{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.dev-toggle{color:#c5cbd4;cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.dev-toggle input{width:auto;margin:0}.compositor-dev code{color:#a8b0bc;font-size:12px}