:root{color-scheme:dark;--bg: #0d1117;--fg: #c9d1d9;--muted: #8b949e;--line: rgb(240 246 252 / .14);--accent: #5fed83}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--fg);font:13px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#badge{position:fixed;top:0;right:0;bottom:0;left:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.model{position:absolute;top:0;right:0;bottom:0;left:0}.model canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.model-status{position:absolute;inset-inline:1rem;bottom:3rem;margin:0;text-align:center;color:var(--muted);pointer-events:none}.fallback-screen:not([hidden]){position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:min(100vw - 2rem,640px);aspect-ratio:4 / 3;height:auto;image-rendering:pixelated;border:1px solid var(--line)}.bar{position:absolute;top:max(.75rem,env(safe-area-inset-top));inset-inline:1rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;pointer-events:none}.status{color:var(--muted)}.tools{display:flex;gap:.375rem;pointer-events:auto}button{font:inherit;color:var(--fg);background:#0d111799;border:1px solid var(--line);border-radius:6px;min-height:36px;padding:0 .75rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}