:root{--bg:#0b0f19;--accent:#005fff;--accent-hover:#0047cc;--text:#e7ebf3;--muted:#9aa4b8;--line:#ffffff14}*{box-sizing:border-box}html,body{height:100%;margin:0}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.ss{flex-direction:column;gap:14px;height:100%;padding:16px;display:flex}.ss__stage{border:1px solid var(--line);background:#000;border-radius:12px;flex:1;min-height:0;position:relative;overflow:hidden}.ss__video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.ss__placeholder{color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;inset:0}.ss__placeholder svg{opacity:.55;width:44px;height:44px}.ss__placeholder p{margin:0;font-size:14px}.ss__controls{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.ss__button{color:#fff;appearance:none;cursor:pointer;background:var(--accent);border:0;border-radius:9px;padding:11px 20px;font-size:14px;font-weight:600;transition:background .15s}.ss__button:hover:not(:disabled){background:var(--accent-hover)}.ss__button:disabled{color:#6b7488;cursor:not-allowed;background:#2a3245}.ss__status{color:var(--muted);margin:0;font-size:13px;line-height:1.4}.ss__status[data-error=true]{color:#ff7a7a}