:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fafaf9;--surface:#fff;--panel:#eef2f6;--text:#1c1917;--muted:#57534e;--line:#e7e5e4;--accent:#2563eb;--accent-text:#fff;--code-bg:#f5f5f4}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c0a09;--surface:#1c1917;--panel:#292524;--text:#f5f5f4;--muted:#a8a29e;--line:#3a3532;--accent:#60a5fa;--accent-text:#0c0a09;--code-bg:#171412}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c0a09;--surface:#1c1917;--panel:#292524;--text:#f5f5f4;--muted:#a8a29e;--line:#3a3532;--accent:#60a5fa;--accent-text:#0c0a09;--code-bg:#171412}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.wrap{max-width:980px;margin:0 auto;padding:0 16px}.hero{border-bottom:1px solid var(--line);background:var(--surface);padding-bottom:40px}.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 0 32px;display:flex}.brand{font-weight:700}nav{align-items:center;gap:16px;display:flex}h1{letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(2rem,6vw,3.25rem);line-height:1.1}.lead{color:var(--muted);max-width:62ch;margin:0 0 24px;font-size:1.125rem}.install{border:1px solid var(--line);background:var(--code-bg);border-radius:12px;align-items:center;gap:8px;width:fit-content;max-width:100%;padding:6px 6px 6px 14px;display:flex}.install code{white-space:nowrap;overflow-x:auto}button,select{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--text);font:inherit;cursor:pointer;border-radius:10px;padding:0 14px}button:disabled{opacity:.45;cursor:default}.install button{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}.example{border-bottom:1px solid var(--line);padding:48px 0 8px}.example h2{margin:0 0 8px;font-size:1.5rem}.intro{color:var(--muted);max-width:70ch;margin:0 0 20px}kbd{border:1px solid var(--line);background:var(--code-bg);border-bottom-width:2px;border-radius:6px;padding:1px 6px;font-size:.875em}.stage{flex-direction:column;gap:12px;display:flex}.controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.controls label{align-items:center;gap:8px;display:flex}.controls output{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.875rem}.three{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}details{margin:16px 0 32px}summary{cursor:pointer;color:var(--accent);align-items:center;min-height:44px;display:flex}pre{border:1px solid var(--line);background:var(--code-bg);border-radius:12px;margin:8px 0 0;padding:16px;font-size:.875rem;line-height:1.5;overflow-x:auto}.mpc-toolbar{flex-wrap:wrap}.mpc-button{min-width:44px;font-size:1.125rem}.mpc-zoom-level{text-align:center;font-variant-numeric:tabular-nums;min-width:4.5ch;color:var(--muted)}.mpc-panel{background:var(--panel);cursor:grab;border-radius:14px}.mpc-panel:active{cursor:grabbing}.mpc-label{z-index:1;color:#fff;pointer-events:none;background:#000000a6;border-radius:999px;padding:2px 10px;font-size:.875rem;position:absolute;top:8px;left:8px}.footer{color:var(--muted);padding:32px 16px 48px}.footer .small{font-size:.875rem}@media (width<=640px){.three{grid-template-columns:minmax(0,1fr)}.example{padding-top:32px}}