:root{--bg:#f4f3ef;--surface:#fff;--surface-2:#ebe9e3;--ink:#141414;--ink-2:#55534e;--line:#d6d3cb;--accent:#f5c400;--accent-ink:#141414;--ok:#16794a;--fail:#b42318;--focus:#2563eb;--stage:#dddad2;--radius:8px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--ink);background:var(--bg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#121212;--surface:#1c1c1c;--surface-2:#262626;--ink:#f1efe9;--ink-2:#aaa69c;--line:#34332f;--ok:#4ade80;--fail:#f87171;--focus:#60a5fa;--stage:#0b0b0b}}*{box-sizing:border-box}body{background:var(--bg);margin:0}a{color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{flex-direction:column;min-height:100dvh;display:flex}.app.is-dragging:after{content:"Drop to open";border:3px dashed var(--accent);background:color-mix(in srgb, var(--bg) 85%, transparent);pointer-events:none;z-index:50;border-radius:16px;place-items:center;font-size:1.4rem;font-weight:700;display:grid;position:fixed;inset:12px}.topbar{background:var(--ink);color:var(--bg);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:10px;font-size:1.15rem;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{gap:3px;width:22px;display:inline-grid}.brand-mark i{background:var(--bg);height:4px;display:block}.brand-mark i:nth-child(2){background:var(--accent);width:70%}.brand-mark i:nth-child(3){width:85%}.topbar .btn.ghost{color:var(--bg);border-color:color-mix(in srgb, var(--bg) 40%, transparent);background:0 0}.privacy{background:var(--accent);color:var(--accent-ink);padding:8px 16px;font-size:.93rem}.privacy summary{cursor:pointer;list-style:none}.privacy summary::-webkit-details-marker{display:none}.privacy .link{white-space:nowrap;font-weight:600;text-decoration:underline}.privacy[open] .link:after{content:" ▴"}.privacy-body ol{max-width:70ch;margin:8px 0 4px;padding-left:1.3em}.privacy code{background:color-mix(in srgb, var(--accent-ink) 12%, transparent);border-radius:4px;padding:0 4px}.alert{border-radius:var(--radius);background:color-mix(in srgb, var(--fail) 12%, var(--surface));border:1px solid color-mix(in srgb, var(--fail) 40%, transparent);color:var(--ink);margin:12px 16px 0;padding:10px 14px}.main{flex-direction:column;flex:1;min-height:0;display:flex}.dropzone{text-align:center;max-width:640px;margin:auto;padding:48px 16px}.dropzone h1{letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(1.7rem,4.5vw,2.6rem);line-height:1.15}.lede{color:var(--ink-2);max-width:52ch;margin:0 auto 28px;font-size:1.05rem}.hint{color:var(--ink-2);font-size:.88rem}.btn{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-height:34px;color:var(--ink);font:inherit;cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:.92rem;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--ink);border-color:var(--ink);color:var(--bg);font-weight:600}.btn.primary:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 85%, var(--bg))}.btn.large{min-height:48px;padding:0 28px;font-size:1.05rem}.btn.icon{width:34px;padding:0;font-size:1.1rem}.zoom-label{min-width:58px}.editor{flex:1;grid-template:"toolbar""stage"1fr/1fr;min-height:0;display:grid}.editor.has-thumbs{grid-template-columns:132px 1fr;grid-template-areas:"toolbar toolbar""thumbs stage"}.toolbar{background:var(--surface);border-bottom:1px solid var(--line);z-index:5;flex-wrap:wrap;grid-area:toolbar;justify-content:space-between;align-items:center;gap:8px 16px;padding:8px 16px;display:flex;position:sticky;top:0}.toolbar .group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pager,.zoom{align-items:center;gap:4px;display:inline-flex}.pager span{text-align:center;font-variant-numeric:tabular-nums;min-width:56px}.segmented{border:1px solid var(--line);border-radius:var(--radius);display:inline-flex;overflow:hidden}.segmented button{background:var(--surface);color:var(--ink-2);font:inherit;cursor:pointer;border:0;min-height:32px;padding:0 12px;font-size:.92rem}.segmented button[aria-checked=true]{background:var(--ink);color:var(--bg)}.check{color:var(--ink-2);align-items:center;gap:6px;padding:0 4px;font-size:.9rem;display:inline-flex}.thumbs{border-right:1px solid var(--line);background:var(--surface);grid-area:thumbs;max-height:calc(100dvh - 160px);position:sticky;top:52px;overflow-y:auto}.thumbs ol{gap:12px;margin:0;padding:12px;list-style:none;display:grid}.thumb{border-radius:var(--radius);width:100%;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:2px solid #0000;gap:4px;padding:4px;display:grid}.thumb.current{border-color:var(--accent)}.thumb-img{width:100%;box-shadow:0 0 0 1px var(--line);background:#fff;display:block}.thumb-img img{width:100%;height:100%;display:block}.thumb-label{color:var(--ink-2);justify-content:center;gap:6px;font-size:.8rem;display:inline-flex}.badge{background:var(--ink);color:var(--bg);border-radius:999px;padding:0 6px;font-size:.72rem;font-weight:700}.stage{background:var(--stage);grid-area:stage;min-width:0;padding:16px;overflow:auto}.stage-hint{text-align:center;margin:0 0 12px}.page{background:#fff;margin:0 auto;position:relative;box-shadow:0 1px 3px #0003,0 8px 24px #0000001f}.page-canvas{width:100%;height:100%;position:absolute;inset:0}.page-loading{color:#777;place-items:center;font-size:.9rem;display:grid;position:absolute;inset:0}.layer{touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.layer.tool-draw{cursor:crosshair}.box{cursor:move;touch-action:none;background:#000;position:absolute}.layer.peek .box{opacity:.55}.box.draft{opacity:.6;outline:1px dashed var(--accent);pointer-events:none}.box.selected{outline:2px solid var(--accent);outline-offset:1px}.box:focus-visible{outline:2px solid var(--focus)}.handle{background:var(--accent);border:1px solid #000;border-radius:2px;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute}@media (pointer:coarse){.handle{border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px}}.h-nw{cursor:nwse-resize;top:0;left:0}.h-n{cursor:ns-resize;top:0;left:50%}.h-ne{cursor:nesw-resize;top:0;left:100%}.h-e{cursor:ew-resize;top:50%;left:100%}.h-se{cursor:nwse-resize;top:100%;left:100%}.h-s{cursor:ns-resize;top:100%;left:50%}.h-sw{cursor:nesw-resize;top:100%;left:0}.h-w{cursor:ew-resize;top:50%;left:0}.overlay{z-index:40;background:#00000080;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{background:var(--surface);width:min(560px,100%);max-height:calc(100dvh - 32px);color:var(--ink);border-radius:12px;padding:24px;overflow:auto;box-shadow:0 20px 60px #00000059}.dialog h2{margin:0 0 6px;font-size:1.25rem}.muted{color:var(--ink-2);margin:0 0 16px;font-size:.92rem}.progress{background:var(--surface-2);border-radius:999px;height:8px;overflow:hidden}.progress span{background:var(--ink);height:100%;transition:width .2s;display:block}.verdict{border-radius:var(--radius);margin:0 0 12px;padding:10px 14px;font-size:1.05rem;font-weight:700}.verdict.ok{background:color-mix(in srgb, var(--ok) 14%, var(--surface));color:var(--ok)}.verdict.fail{background:color-mix(in srgb, var(--fail) 14%, var(--surface));color:var(--fail)}.checks{gap:6px;margin:0 0 20px;padding:0;font-size:.92rem;list-style:none;display:grid}.checks li{grid-template-columns:20px 1fr;gap:6px;display:grid}.checks small{color:var(--ink-2);overflow-wrap:anywhere;font-size:.8rem;display:block}.checks .mark{font-weight:800}.checks .ok .mark{color:var(--ok)}.checks .fail .mark{color:var(--fail)}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.dialog-actions .btn{white-space:normal;text-align:center;min-height:40px}.footer{color:var(--ink-2);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:center;gap:6px 20px;padding:14px 16px;font-size:.85rem;display:flex}.footer a{color:var(--ink)}@media (max-width:720px){.editor.has-thumbs{grid-template:"toolbar""thumbs""stage"1fr/1fr}.thumbs{border-right:0;border-bottom:1px solid var(--line);max-height:none;position:static;overflow:auto hidden}.thumbs ol{grid-auto-columns:64px;grid-auto-flow:column;gap:8px;padding:8px 12px}.toolbar{padding:8px 12px;position:static}.toolbar>.btn.primary{width:100%}.stage{padding:12px 8px}.topbar .btn.ghost{font-size:.85rem}}.layer.tool-words{cursor:text}.word{pointer-events:none;box-shadow:inset 0 -2px 0 color-mix(in srgb, var(--accent) 70%, transparent);border-radius:2px;position:absolute}.word.hover{background:color-mix(in srgb, var(--accent) 35%, transparent)}.word.pending{background:color-mix(in srgb, var(--accent) 55%, transparent)}.sweep{pointer-events:none;border:1px dashed var(--ink-2);background:color-mix(in srgb, var(--accent) 10%, transparent);position:absolute}.segmented button:disabled{opacity:.4;cursor:not-allowed}
