/* AI tools */
.ai-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ai-sw{display:flex;gap:6px;flex-wrap:wrap}
.ai-sw button{width:28px;height:28px;border-radius:8px;border:1px solid var(--line);cursor:pointer;padding:0}
.ai-muted{color:var(--muted);font-weight:400;font-size:13.5px}
.ai-baw{margin:18px auto 0;max-width:720px}
.ai-ba{position:relative;width:100%;max-height:70vh;margin:0 auto;border-radius:12px;overflow:hidden;border:1px solid var(--line);
  background:repeating-conic-gradient(#0000001a 0 25%,#fff 0 50%) 0 0/20px 20px;user-select:none}
.ai-after,.ai-after canvas,.ai-before{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.ai-before{pointer-events:none}
.ai-handle{position:absolute;top:0;bottom:0;width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.25);pointer-events:none}
.ai-handle::after{content:"";position:absolute;top:50%;left:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.3);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='m9 7-5 5 5 5M15 7l5 5-5 5'/%3E%3C/svg%3E");background-size:20px;background-repeat:no-repeat;background-position:center}
.ai-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.ai-nocmp .ai-before,.ai-nocmp .ai-handle,.ai-nocmp .ai-range{display:none}
.ai-lbl{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);margin-top:6px}
.frow.ai-sel{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}
.frow{cursor:default}
/* OCR */
.ai-ocr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:16px}
.ai-ocr img{width:100%;border-radius:10px;border:1px solid var(--line);max-height:520px;object-fit:contain;background:var(--surface2)}
.ai-ocr textarea{width:100%;min-height:320px;height:100%;border:1px solid var(--line);border-radius:10px;padding:12px;font:15px/1.55 var(--font);background:var(--surface);color:var(--text);resize:vertical}
@media (max-width:760px){.ai-ocr{grid-template-columns:1fr}.ai-ocr textarea{min-height:240px}}
/* upscaler */
.ai-cmp{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.ai-cmp figure{margin:0;text-align:center}
.ai-cmp figcaption{font-size:13px;color:var(--muted);margin-top:4px}
.ai-cmp .zoom{width:100%;aspect-ratio:1;border-radius:10px;border:1px solid var(--line);overflow:hidden;background:var(--surface2)}
.ai-cmp .zoom canvas{width:100%;height:100%;image-rendering:auto;display:block}
.ai-cmp .zoom.px canvas{image-rendering:pixelated}
.opts .seg{align-self:flex-start}