/* GitHub Pages build of the UI. Copied styles from user interface/ocr.css */
:root{--bg:#0f172a;--panel:#111827;--panel-2:#0b1220;--text:#e5e7eb;--muted:#94a3b8;--accent:#6366f1;--accent-2:#22d3ee;--success:#22c55e;--danger:#ef4444;--card:#0b1220}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:linear-gradient(180deg,#0b1020 0%,#0a0f1e 60%,#0a0e1b 100%)}#canvas{position:fixed;inset:0;width:100vw;height:100vh;display:block;background:radial-gradient(1000px 1000px at 50% 50%,rgba(255,255,255,.05),rgba(255,255,255,0) 60%),repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 2px,transparent 2px,transparent 28px),repeating-linear-gradient(90deg,rgba(255,255,255,.02) 0,rgba(255,255,255,.02) 2px,transparent 2px,transparent 28px),#0f172a;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),inset 0 0 80px rgba(0,0,0,.45);touch-action:none}.brand{position:fixed;top:16px;right:16px}.brand-btn{appearance:none;border:1px solid rgba(99,102,241,.55);background:linear-gradient(180deg,rgba(2,6,23,.92),rgba(2,6,23,.76));color:#fff;padding:10px 14px;border-radius:12px;cursor:pointer;font-weight:900;letter-spacing:.3px;text-shadow:0 1px 1px rgba(0,0,0,.6);box-shadow:0 0 0 1px rgba(99,102,241,.35) inset,0 10px 30px rgba(0,0,0,.55)}.brand-btn:hover{border-color:rgba(99,102,241,.85);box-shadow:0 0 0 1px rgba(99,102,241,.5) inset,0 12px 34px rgba(0,0,0,.6)}.brand-btn[aria-expanded=true]{box-shadow:0 0 0 1px rgba(99,102,241,.5) inset,0 12px 36px rgba(0,0,0,.6)}.brand-btn:focus-visible{outline:none;border-color:rgba(34,211,238,.9);box-shadow:0 0 0 2px rgba(34,211,238,.35),0 12px 36px rgba(0,0,0,.6)}.dropdown{position:absolute;right:0;margin-top:8px;min-width:320px;padding:12px}.card{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0)),var(--card);border:1px solid rgba(255,255,255,.06);border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.04);padding:16px}.controls{display:flex;flex-direction:column;gap:16px}.toolbar{display:flex;flex-wrap:wrap;gap:14px}.dropdown .toolbar+.toolbar{margin-top:10px}button{appearance:none;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));color:var(--text);padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:600;transition:transform 120ms ease,background 160ms ease,border-color 160ms ease,box-shadow 160ms ease}button:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.2)}button:active{transform:translateY(0)}.btn-primary{border-color:rgba(99,102,241,.5);box-shadow:0 0 0 2px rgba(99,102,241,.15) inset}.btn-success{border-color:rgba(34,197,94,.45);box-shadow:0 0 0 2px rgba(34,197,94,.15) inset}.btn-ghost{background:transparent;border-color:rgba(255,255,255,.08)}label{color:var(--muted);font-size:13px}input[type=number]{background:rgba(255,255,255,.06);color:var(--text);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:8px 10px;width:80px;-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.status{color:var(--muted);min-height:1.2em}.result{font-weight:700;font-size:16px}@media (max-width:520px){.brand{top:8px;right:8px}.dropdown{min-width:calc(100vw - 24px);left:12px;right:12px}}