:root{color-scheme:light dark;--bg: #fff;--fg: #111;--muted: #666;--border: #ccc;--ok: #1a7f37;--bad: #cf222e;--panel-bg: #111;--panel-fg: #ddd}@media(prefers-color-scheme:dark){:root{--bg: #111;--fg: #eee;--muted: #999;--border: #444;--ok: #3fb950;--bad: #f85149}}*{box-sizing:border-box}body{margin:0;padding:12px 16px calc(80px + env(safe-area-inset-bottom));font:15px/1.4 -apple-system,system-ui,sans-serif;background:var(--bg);color:var(--fg);-webkit-text-size-adjust:100%}h1{font-size:18px;margin:0 0 8px}h2{font-size:16px;margin:12px 0 8px}button{font:inherit;padding:6px 12px;border:1px solid var(--border);border-radius:6px;background:transparent;color:inherit}button.active{border-color:var(--fg);font-weight:600}nav,.actions{display:flex;gap:8px;flex-wrap:wrap}table.cap{border-collapse:collapse;width:100%;margin-top:8px}table.cap th{text-align:left;padding:10px 4px 4px;border-bottom:1px solid var(--border)}table.cap td{padding:4px;vertical-align:top;word-break:break-word}table.cap td:first-child{width:1.5em}table.cap tr.ok td:first-child{color:var(--ok)}table.cap tr.bad td{color:var(--bad)}table.cap tr.info td:first-child{color:var(--muted)}.log-toggle{position:fixed;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:1001;background:var(--panel-bg);color:var(--panel-fg);border-color:#555}.log-toggle.has-error{background:#8b0000;color:#fff}.log-panel{position:fixed;left:0;right:0;bottom:0;height:55vh;z-index:1000;display:flex;flex-direction:column;background:var(--panel-bg);color:var(--panel-fg);padding-bottom:env(safe-area-inset-bottom)}.log-panel.hidden{display:none}.log-bar{flex-wrap:wrap;display:flex;gap:8px;padding:6px 8px;border-bottom:1px solid #333}.log-bar button{border-color:#555}.log-list{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;padding:4px 8px 48px;font:11px/1.35 ui-monospace,Menlo,monospace;white-space:pre-wrap;word-break:break-all;user-select:text;-webkit-user-select:text}.log-warn{color:#e3b341}.log-error{color:#ff7b72}.log-debug{color:#888}label.opt{display:block;margin:8px 0;font-size:14px}.status{color:var(--muted);margin:8px 0}pre.info{white-space:pre-wrap;word-break:break-word;font:12px/1.45 ui-monospace,Menlo,monospace;margin:8px 0}canvas.wave{display:block;width:100%;height:120px;margin-top:8px}canvas.preview{display:block;max-width:100%;max-height:50vh;margin-top:8px}video.clip{display:block;max-width:100%;max-height:60vh;margin-top:8px;background:#000}select,input[type=number]{font:inherit}.crash{white-space:pre-wrap;margin:8px 0;padding:8px 10px;border:1px solid var(--bad);border-radius:6px;color:var(--bad);font-size:14px}.crash button{display:block;margin-top:6px}