:root{color-scheme:dark;--bg: #0f1115;--panel: #171a21;--border: #2a2f3a;--text: #e6e8ec;--muted: #8a8f9c;--accent: #6ea8fe}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}header{padding:1.5rem 2rem 0;border-bottom:1px solid var(--border)}h1{margin:0;font-size:1.4rem;letter-spacing:.02em}.tagline{margin:.25rem 0 1rem;color:var(--muted);font-size:.9rem}.tabs{display:flex;gap:.25rem}.tab-btn{background:transparent;border:none;color:var(--muted);font-size:.95rem;padding:.6rem 1rem;cursor:pointer;border-bottom:2px solid transparent}.tab-btn.active{color:var(--text);border-bottom-color:var(--accent)}main{padding:1.5rem 2rem}.tab-panel{display:none}.tab-panel.active{display:block}.usage-layout{display:grid;grid-template-columns:minmax(300px,1fr) minmax(320px,1fr);gap:1.5rem;align-items:start}.usage-canvas-wrap canvas{width:100%;aspect-ratio:4 / 3;background:#000;border:1px solid var(--border);border-radius:6px;display:block}.usage-caption{color:var(--muted);font-size:.9rem;margin-top:0}.usage-code pre{background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:1rem;overflow-x:auto;font-size:.8rem;line-height:1.5;max-height:70vh}.compare-controls{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.compare-controls select,.compare-controls button{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:.4rem .6rem;font-size:.9rem}.compare-controls button{cursor:pointer}.compare-note{color:var(--muted);font-size:.8rem}.compare-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.compare-pane canvas{width:100%;aspect-ratio:4 / 3;background:#000;border:1px solid var(--border);border-radius:6px 6px 0 0;display:block}.compare-label{font-size:.9rem;margin-bottom:.4rem}.compare-label .via{color:var(--muted);font-size:.8rem}.compare-stats{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.85rem;background:var(--panel);border:1px solid var(--border);border-top:none;border-radius:0 0 6px 6px;padding:.5rem .75rem;white-space:pre}