*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Hiragino Sans,system-ui,sans-serif;background:#14161a;color:#e8eaed}html,body,#root{height:100%}.layout{display:grid;grid-template-columns:380px 1fr;gap:14px;padding:14px;height:100vh;align-items:stretch}.card{background:#1d2026;border:1px solid #2b2f37;border-radius:10px;padding:14px;min-height:0}.controls-card{overflow-y:auto}h1{margin:0 0 4px;font-size:20px}.subtle{color:#9aa0a6;font-size:12.5px;line-height:1.5}.control-grid{display:flex;flex-direction:column;gap:8px;margin-top:8px}.control-grid label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:#bdc1c6}.control-grid label.inline{flex-direction:row;align-items:center;gap:8px}.control-grid select,.control-grid input[type=number]{background:#14161a;color:#e8eaed;border:1px solid #3c4043;border-radius:6px;padding:6px 8px;font-size:13px}.control-grid input[type=file]{font-size:11.5px}.control-grid input[type=range]{width:100%}.buttons{display:flex;gap:8px;margin-top:12px}button{background:#2f7d32;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:13.5px;cursor:pointer}button.stop{background:#8e2424}button:disabled{opacity:.4;cursor:default}.status{margin-top:10px;font-size:12.5px;color:#c8ccd0;white-space:pre-wrap;word-break:break-word}.stats{margin-top:8px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12px;line-height:1.6;color:#9aa0a6}.stats b{color:#e8eaed}.view-card{display:flex;align-items:center;justify-content:center;overflow:hidden}canvas.view{max-width:100%;max-height:100%;object-fit:contain;background:#000}.hidden-media{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}