:root{color-scheme:light dark;--page:light-dark(#f0f0f0,#121212);--text:light-dark(#18181b,#f0f0f0);--muted:light-dark(#62626a,#b0b0b8);--control:light-dark(#dedede,#303030);--line:light-dark(#d9d9d9,#414141)}
*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--text);font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}header{padding:16px 24px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--line)}h1{font-size:24px;font-weight:500;margin:0}nav{display:flex;gap:16px;flex-wrap:wrap}a{color:inherit;display:inline-flex;align-items:center;min-height:44px}main{width:100%;padding-bottom:max(16px,env(safe-area-inset-bottom))}.stage{display:flex;justify-content:center;width:100%;background:var(--control);overflow:hidden}canvas{display:block;width:100%;height:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:crosshair}canvas:focus-visible{outline:3px solid Highlight;outline-offset:-3px}button,select,summary{font:inherit;color:inherit;min-height:44px}button,select{padding:8px 12px;border:1px solid var(--line);border-radius:4px;background:var(--control)}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}.primary{background:var(--text);color:var(--page);border-color:var(--text)}.tools{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px}p{margin:12px 16px;color:var(--muted)}#status{min-height:24px}details{position:relative}summary{padding:8px 12px;cursor:pointer}details[open]{flex-basis:100%}.more{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:12px 0}.more select{max-width:100%}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}button:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid Highlight;outline-offset:3px}@media(min-width:800px){.tools{justify-content:center}#help,#status{text-align:center}header{padding-inline:32px}}