:root{--buncss-light:initial;--buncss-dark: ;color-scheme:light;--page:#f9f9f7;--surface:#fcfcfb;--ink:#0b0b0b;--ink-2:#52514e;--muted:#898781;--line:#e1e0d9;--track:#f0efec;--accent:#2a78d6;--accent-soft:#9ec5f4}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--buncss-light: ;--buncss-dark:initial;color-scheme:dark;--page:#0d0d0d;--surface:#1a1a19;--ink:#fff;--ink-2:#c3c2b7;--muted:#898781;--line:#2c2c2a;--track:#2c2c2a;--accent:#3987e5;--accent-soft:#184f95}}*{box-sizing:border-box}body{background:var(--page);color:var(--ink);margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}main{max-width:1040px;margin:0 auto;padding:32px 16px 48px}h1{margin:0 0 6px;font-size:26px}h2{color:var(--ink-2);margin:0 0 12px;font-size:14px;font-weight:600}.title-row{display:flex;justify-content:space-between;align-items: center;gap:16px;margin-bottom:6px}.title-row h1{margin:0}.social{display:flex;flex:none;gap:4px}.social a{display:grid;color:var(--ink-2);border-radius:8px;place-items: center;width:36px;height:36px}.social a:hover{background:var(--track);color:var(--ink)}.social a:focus-visible{background:var(--track);color:var(--ink)}.social svg{width:20px;height:20px}.lede{color:var(--ink-2);margin:0 0 24px;line-height:1.5}.lede+.doc-link{display:inline-block;margin:-12px 0 24px}.doc-link{color:var(--accent);text-decoration:none;font-size:14px;font-weight:600}.doc-link:hover{text-decoration:underline}.layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items: start;gap:16px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:16px}.drop{position:relative;aspect-ratio:1;overflow:hidden;outline:2px dashed #0000;outline-offset:2px;border-radius:6px;width:100%;max-width:280px}.drop.dragging{outline-color:var(--accent)}#pad{display:block;touch-action:none;cursor:crosshair;background:#000;width:100%;height:100%}.drop-hint{position:absolute;display:none;color:#fff;background:#0009;place-items: center;font-weight:600;inset:0}.drop.dragging .drop-hint{display:grid}#preview{display:block;image-rendering:pixelated;background:#000;border-radius:6px;width:196px;height:196px}.actions{display:flex;gap:8px;margin-top:12px}button,.button{font:inherit;border:1px solid var(--line);background:var(--page);color:var(--ink);cursor:pointer;border-radius:6px;padding:7px 14px;font-size:14px}button:hover,.button:hover{border-color:var(--muted)}.hint{color:var(--muted);margin:12px 0 0;font-size:13px;line-height:1.45}.result{display:flex;align-items:baseline;gap:14px;margin-bottom:14px}.digit{min-width:44px;font-size:64px;font-weight:650;line-height:1}.confidence{color:var(--ink-2);font-size:14px}.bars{list-style:none;display:grid;gap:5px;margin:0;padding:0}.bars li{display:grid;grid-template-columns:14px 1fr 52px;font-variant-numeric:tabular-nums;align-items: center;gap:8px;font-size:13px}.bars .label{color:var(--muted);text-align:right}.bars .track{background:var(--track);overflow:hidden;border-radius:2px;height:10px}.bars .fill{background:var(--accent-soft);border-radius:2px;width:0;height:100%;transition:width .12s ease-out}.bars li.top .fill{background:var(--accent)}.bars li.top .label,.bars li.top .value{color:var(--ink);font-weight:600}.bars .value{color:var(--ink-2);text-align:right}