:root{--paper: #f3f4f7;--surface: #ffffff;--ink: #14161b;--muted: #5b6170;--line: #d9dce4;--line-strong: #b9bfcc;--accent: #d7261e;--accent-ink: #ffffff;--accent-soft: #fdeae8;--ok: #17794a;--ok-soft: #e3f4ea;--warn: #8a5a00;--warn-soft: #fbf0d9;--err: #9b1c1c;--err-soft: #fde8e6;--check-a: #e9ebf0;--check-b: #f8f9fb;--crop: #ffffff;--shade: rgba(10, 12, 18, .55);--f-display: "Bricolage Grotesque", "Figtree", system-ui, sans-serif;--f-body: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--f-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--radius: 10px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--paper: #0f1115;--surface: #181b22;--ink: #eceef3;--muted: #9aa1b0;--line: #2a2f3a;--line-strong: #3b4252;--accent: #ff6b5e;--accent-ink: #1f0705;--accent-soft: #3a1613;--ok: #5ad199;--ok-soft: #12291e;--warn: #f0c060;--warn-soft: #2d2412;--err: #ff9b94;--err-soft: #331614;--check-a: #1d2028;--check-b: #252933}}:root[data-theme=dark]{color-scheme:dark;--paper: #0f1115;--surface: #181b22;--ink: #eceef3;--muted: #9aa1b0;--line: #2a2f3a;--line-strong: #3b4252;--accent: #ff6b5e;--accent-ink: #1f0705;--accent-soft: #3a1613;--ok: #5ad199;--ok-soft: #12291e;--warn: #f0c060;--warn-soft: #2d2412;--err: #ff9b94;--err-soft: #331614;--check-a: #1d2028;--check-b: #252933}*{box-sizing:border-box}html,body{margin:0}body{background:var(--paper);color:var(--ink);font:15px/1.5 var(--f-body);-webkit-font-smoothing:antialiased}h1,h2{font-family:var(--f-display);text-wrap:balance;margin:0;letter-spacing:-.01em}h1{font-size:clamp(28px,5vw,44px);line-height:1.05;font-weight:700}h2{font-size:20px;font-weight:700}a{color:var(--accent)}.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums;font-size:.86em}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.topbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:10;background:var(--paper);border-bottom:1px solid var(--line);padding:12px 16px}.wordmark{display:inline-flex;align-items:center;gap:10px;font:700 19px var(--f-display);color:var(--ink);text-decoration:none}.mark{width:30px;height:30px;background:url(/imagewok-mark.svg) center / contain no-repeat}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .mark{background-image:url(/imagewok-mark-dark.svg)}}:root[data-theme=dark] .mark{background-image:url(/imagewok-mark-dark.svg)}.page{max-width:1160px;margin:0 auto;padding-inline:16px;padding-block:28px 64px}.intro{display:grid;gap:12px;margin-bottom:36px;max-width:720px}.lede{color:var(--muted);font-size:17px;margin:0;max-width:62ch}.search input{width:100%;max-width:480px;padding:12px 14px;font:inherit;font-size:16px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);color:var(--ink)}.group{margin-top:36px}.group-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;padding-bottom:10px;border-bottom:1px solid var(--line);margin-bottom:14px}.group-blurb{color:var(--muted)}.count{margin-left:auto;color:var(--muted)}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.tile{display:flex;flex-direction:column;gap:6px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);text-decoration:none;transition:border-color .15s,transform .15s}.tile:hover{border-color:var(--line-strong);transform:translateY(-1px)}.tile.is-ready{border-color:var(--accent)}.tile-name{font-weight:600;font-size:16px}.tile-desc{color:var(--muted);font-size:14px;flex:1}.tile-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.tag{font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;padding:2px 7px;border-radius:4px;font-weight:600}.tag-ready{background:var(--accent);color:var(--accent-ink)}.tag-soon{background:var(--paper);color:var(--muted);border:1px solid var(--line)}.tag-engine{color:var(--muted);padding-inline:0}.group-ready .tiles{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.empty{color:var(--muted)}.tool-head{display:grid;gap:8px;margin-bottom:20px}.back{color:var(--muted);text-decoration:none;font-size:14px}.back:hover{color:var(--ink)}.tool-body{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}@media (max-width: 860px){.tool-body{grid-template-columns:1fr}}.stage{min-width:0}.stage-inner{display:grid;gap:10px}.panel{display:grid;gap:16px;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);position:sticky;top:calc(env(safe-area-inset-top,0px) + 70px)}@media (max-width: 860px){.panel{position:static}}.checker{display:grid;place-items:center;padding:12px;border-radius:var(--radius);border:1px solid var(--line);background:conic-gradient(var(--check-a) 25%,var(--check-b) 0 50%,var(--check-a) 0 75%,var(--check-b) 0) 0 0 / 20px 20px}.preview-canvas{display:block;max-width:100%;height:auto;max-height:70vh}.image-info{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0;color:var(--muted);font-size:13.5px}.field{display:grid;gap:6px;min-width:0}.field>label{font-weight:600;font-size:13.5px}.hint{color:var(--muted);font-size:13px;margin:0}input[type=number],textarea{width:100%;font:inherit;font-size:16px;padding:9px 11px;color:var(--ink);background:var(--paper);border:1px solid var(--line-strong);border-radius:8px;resize:vertical}input[type=range]{width:100%;accent-color:var(--accent)}.row{display:flex;gap:8px;align-items:center}.row.wrap{flex-wrap:wrap;gap:10px 16px}.dims{align-items:end}.dims .field{flex:1}.times{padding-bottom:10px;color:var(--muted)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check,.swatch{display:inline-flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.check input{width:18px;height:18px;accent-color:var(--accent)}.swatch input{width:34px;height:30px;padding:0;border:1px solid var(--line-strong);border-radius:6px;background:none}.btn{font:600 15px var(--f-body);padding:10px 16px;border-radius:8px;cursor:pointer;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);min-height:44px}.btn:hover:not(:disabled){border-color:var(--ink)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-primary:hover:not(:disabled){border-color:var(--accent);filter:brightness(1.08)}.btn-wide{width:100%}.btn-small{min-height:34px;padding:6px 10px;font-size:13.5px}.btn-ghost{border-color:transparent;color:var(--muted)}.segmented{display:flex;flex-wrap:wrap;gap:4px;padding:3px;background:var(--paper);border:1px solid var(--line);border-radius:9px}.segmented button{flex:1 0 auto;font:600 13.5px var(--f-body);padding:7px 10px;border-radius:6px;border:0;background:transparent;color:var(--muted);cursor:pointer;min-height:36px}.segmented button.is-on{background:var(--surface);color:var(--ink);box-shadow:0 0 0 1px var(--line-strong)}.chips{flex-wrap:wrap}.chip{font:500 13px var(--f-mono);padding:5px 10px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);cursor:pointer;text-decoration:none}.chip.is-on{background:var(--accent-soft);border-color:var(--accent)}.picker{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px;border:1.5px dashed var(--line-strong);border-radius:var(--radius)}.picker.is-over{border-color:var(--accent);background:var(--accent-soft)}.picker-hint{color:var(--muted);font-size:13.5px}.notice{margin:0;padding:9px 12px;border-radius:8px;font-size:14px}.notice-error{background:var(--err-soft);color:var(--err);border:1px solid color-mix(in srgb,var(--err) 35%,transparent)}.notice-error:before{content:"!";display:inline-grid;place-items:center;width:18px;height:18px;margin-right:8px;border-radius:50%;background:var(--err);color:var(--err-soft);font-weight:700;font-size:12px;line-height:1;vertical-align:-3px}.notice-ok{background:var(--ok-soft);color:var(--ok)}.notice-warn{background:var(--warn-soft);color:var(--warn)}.summary{margin:0;padding:10px 12px;background:var(--paper);border-radius:8px}.result{display:grid;gap:8px;padding-top:12px;border-top:1px solid var(--line)}.result p{margin:0;display:grid;gap:2px;word-break:break-all}.ai-box{display:grid;gap:10px;padding:14px;border-radius:var(--radius);background:var(--accent-soft)}.cropframe{position:relative;display:block;width:fit-content;max-width:100%;margin-inline:auto;touch-action:none;-webkit-user-select:none;user-select:none}.cropframe .preview-canvas{max-height:70vh}.cropbox{position:absolute;box-shadow:0 0 0 9999px var(--shade);outline:1.5px solid var(--crop);cursor:move}.cropframe{overflow:hidden;border-radius:6px}.thirds{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.45;background:linear-gradient(to right,transparent calc(33.33% - .5px),var(--crop) 0 calc(33.33% + .5px),transparent 0 calc(66.66% - .5px),var(--crop) 0 calc(66.66% + .5px),transparent 0),linear-gradient(to bottom,transparent calc(33.33% - .5px),var(--crop) 0 calc(33.33% + .5px),transparent 0 calc(66.66% - .5px),var(--crop) 0 calc(66.66% + .5px),transparent 0)}.handle{position:absolute;width:22px;height:22px;margin:-11px 0 0 -11px}.handle:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;background:var(--crop);border:1px solid #000;border-radius:2px}.h-nw{left:0;top:0;cursor:nwse-resize}.h-n{left:50%;top:0;cursor:ns-resize}.h-ne{left:100%;top:0;cursor:nesw-resize}.h-e{left:100%;top:50%;cursor:ew-resize}.h-se{left:100%;top:100%;cursor:nwse-resize}.h-s{left:50%;top:100%;cursor:ns-resize}.h-sw{left:0;top:100%;cursor:nesw-resize}.h-w{left:0;top:50%;cursor:ew-resize}@media (pointer: coarse){.handle{width:36px;height:36px;margin:-18px 0 0 -18px}.handle:after{top:11px;right:11px;bottom:11px;left:11px}}.filelist{list-style:none;margin:0;padding:0;display:grid;gap:8px}.file{display:flex;align-items:center;gap:12px;padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap}.file img,.thumb-missing{width:48px;height:48px;object-fit:contain;border-radius:6px;background:conic-gradient(var(--check-a) 25%,var(--check-b) 0 50%,var(--check-a) 0 75%,var(--check-b) 0) 0 0 / 12px 12px}.file-meta{display:grid;gap:2px;flex:1;min-width:160px}.file-meta strong{overflow-wrap:anywhere}.file-meta .mono{color:var(--muted)}.file.is-done{border-color:var(--ok)}.file-error{color:var(--err);font-size:13px}.file-error:before{content:"⚠︎ "}.file-actions{display:flex;gap:6px}.soon{display:grid;gap:14px;max-width:640px}.soon-note{padding:14px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);margin:0}.soon h2{margin-top:12px}@media (prefers-reduced-motion: reduce){*{transition:none!important}}.text-input,.select{width:100%;font:inherit;font-size:16px;padding:9px 11px;color:var(--ink);background:var(--paper);border:1px solid var(--line-strong);border-radius:8px}textarea.code{font-size:13px;line-height:1.5;-moz-tab-size:2;tab-size:2}.export{display:grid;gap:12px;padding-top:14px;border-top:1px solid var(--line)}.btn.is-on{background:var(--accent-soft);border-color:var(--accent)}.sliders{display:grid;gap:10px}.slider{display:grid;gap:2px}.slider label{display:flex;justify-content:space-between;font-size:13.5px;font-weight:600}.slider output{color:var(--muted);font-weight:400}.chip-swatch{width:30px;height:30px;padding:0;background:var(--sw)}.chip-swatch.is-on{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--accent)}.chip input[type=color]{width:18px;height:18px;border:0;padding:0;background:none;vertical-align:middle;margin-right:4px}.file-note{color:var(--ok);font-size:13px;font-weight:600}.posgrid{display:grid;grid-template-columns:repeat(3,34px);gap:4px;padding:6px;width:fit-content;border-radius:8px;background:var(--paper);border:1px solid var(--line)}.posgrid button{height:26px;border-radius:4px;border:1px solid var(--line-strong);background:var(--surface);cursor:pointer}.posgrid button.is-on{background:var(--accent);border-color:var(--accent)}.square-stage{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:12px;align-items:start}.result-thumb{padding:8px}.result-thumb canvas{display:block;width:100%;height:auto}@media (max-width: 600px){.square-stage{grid-template-columns:1fr}.result-thumb{max-width:170px}}.regionframe{position:relative;width:fit-content;max-width:100%;margin-inline:auto;touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair}.regionframe .preview-canvas{max-height:70vh}.region{position:absolute;border:2px dashed var(--crop);outline:1px solid rgba(0,0,0,.45);cursor:move}.region.is-ellipse{border-radius:50%}.region.is-selected{border-style:solid;border-color:var(--accent)}.region.is-drawing{border-color:var(--accent);background:#d7261e1f}.region-handle{position:absolute;right:-10px;bottom:-10px;width:20px;height:20px;border-radius:50%;background:var(--crop);border:1px solid #000;cursor:nwse-resize}@media (pointer: coarse){.region-handle{width:30px;height:30px;right:-15px;bottom:-15px}}.brushframe{cursor:cell}.mask-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.gridframe{position:relative;width:fit-content;max-width:100%;margin-inline:auto}.gridlines{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),1fr);pointer-events:none}.gridlines span{border:1px dashed rgba(255,255,255,.85);outline:1px solid rgba(0,0,0,.25);display:grid;place-items:center;color:#fff;font-size:13px;text-shadow:0 1px 3px rgba(0,0,0,.8)}.dragframe{width:fit-content;max-width:100%;margin-inline:auto;touch-action:none;cursor:move}.imglist{list-style:none;margin:0;padding:0;display:grid;gap:6px}.imglist li{display:flex;align-items:center;gap:10px;padding:6px;border:1px solid var(--line);border-radius:8px;background:var(--paper)}.imglist li.is-unused{opacity:.55}.imglist img{width:40px;height:40px;object-fit:cover;border-radius:5px}.imglist-name{flex:1;min-width:0;font-size:13.5px;overflow-wrap:anywhere}.imglist-name small{color:var(--muted)}.imglist-actions{display:flex}.imglist-actions .btn{min-height:32px;padding:4px 8px}.metatable{display:grid;gap:6px}.metatable details{border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:var(--paper)}.metatable summary{cursor:pointer;font-weight:600;display:flex;justify-content:space-between}.metatable summary .mono{color:var(--muted)}.metatable dl{margin:8px 0 0;display:grid;gap:4px}.metatable dl div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:8px;font-size:13px}.metatable dt{color:var(--muted);overflow-wrap:anywhere}.metatable dd{margin:0;overflow-wrap:anywhere}.datatable summary{cursor:pointer;color:var(--muted);font-size:14px}.table-scroll{overflow-x:auto;margin-top:8px}.datatable table{border-collapse:collapse;font-size:13.5px;min-width:100%}.datatable th,.datatable td{padding:6px 10px;border-bottom:1px solid var(--line);text-align:left}.datatable td{text-align:right}.html-stage{display:block;overflow:auto;max-height:75vh;place-items:unset}.html-host{width:fit-content}.ocr-out{font-family:var(--f-mono);font-size:14px;line-height:1.55}.translations{margin:0;padding:0;list-style:none;display:grid;gap:8px;max-height:50vh;overflow:auto}.translations li{display:grid;gap:2px;padding:8px 10px;border-radius:8px;background:var(--paper);border:1px solid var(--line)}.translations .orig{color:var(--muted);font-size:13px}.translations .trans{font-weight:600}.gen-placeholder{width:min(100%,520px);max-height:70vh;display:grid;place-items:center;border-radius:8px;border:1.5px dashed var(--line-strong);color:var(--muted);background:var(--surface)}.guide{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:28px;margin-top:48px;padding-top:28px;border-top:1px solid var(--line)}.guide h2{font-size:18px;margin-bottom:10px}.steps{margin:0;padding-left:1.3em;display:grid;gap:6px;max-width:60ch}.faq{margin:0;display:grid;gap:12px}.faq dt{font-weight:600}.faq dd{margin:2px 0 0;color:var(--muted);max-width:60ch}.related{list-style:none;margin:0;padding:0;display:grid;gap:6px}.footer{border-top:1px solid var(--line);padding-inline:16px;padding-block:20px 32px;color:var(--muted);font-size:13.5px;text-align:center}.footer a{color:inherit}.memeframe{position:relative;width:fit-content;max-width:100%;margin-inline:auto;touch-action:none;-webkit-user-select:none;user-select:none}.memebox{position:absolute;cursor:move;border-radius:4px;outline:1.5px dashed transparent;outline-offset:4px}.memeframe:hover .memebox{outline-color:#ffffffb3}.memebox.is-selected,.memebox:focus-visible{outline:2px solid var(--accent)}.memebox-handle{position:absolute;right:-14px;bottom:-14px;width:18px;height:18px;border-radius:50%;background:var(--accent);border:2px solid #fff;cursor:nwse-resize;display:none}.memebox.is-selected .memebox-handle{display:block}@media (pointer: coarse){.memebox-handle{width:28px;height:28px;right:-18px;bottom:-18px}}.textboxes{display:grid;gap:8px}.textbox{display:grid;gap:6px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--paper)}.textbox.is-selected{border-color:var(--accent)}.textbox-head{display:flex;align-items:center;gap:4px}.textbox-head label{flex:1;font-weight:600;font-size:13.5px}.textbox-head .btn{min-height:30px;padding:4px 8px}.textbox-style{display:grid;gap:10px;padding-top:6px;border-top:1px solid var(--line)}