:root{--bg: #f4f4f6;--surface: #ffffff;--ink: #16181d;--muted: #6b7280;--line: #d9dbe1;--accent: #10184f;--accent-ink: #ffffff;--field: rgba(56, 96, 255, .12);--field-line: #3860ff;--filled: rgba(34, 160, 96, .14);--filled-line: #22a060;--danger: #b3261e;--safe-bottom: env(safe-area-inset-bottom, 0px)}@media(prefers-color-scheme:dark){:root{--bg: #14151a;--surface: #1e2027;--ink: #f2f3f5;--muted: #9aa1ad;--line: #2f323b;--accent: #8fa4ff;--accent-ink: #10142c;--field: rgba(143, 164, 255, .16);--field-line: #8fa4ff;--filled: rgba(60, 190, 120, .18);--filled-line: #3cbe78;--danger: #f2b8b5}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;-webkit-text-size-adjust:100%}#app{display:flex;flex-direction:column;min-height:100dvh}.header{position:sticky;top:0;z-index:5;padding:14px 18px;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.title{margin:0;font-size:17px;font-weight:650;letter-spacing:-.01em}.subtitle{margin:2px 0 0;font-size:13px;color:var(--muted)}.viewer{flex:1;padding:16px 12px 8px;display:flex;flex-direction:column;align-items:center;gap:16px}.page{position:relative;background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000002e,0 8px 24px #00000014;overflow:hidden}.page canvas{display:block}.field{position:absolute;margin:0;padding:0;display:flex;align-items:center;justify-content:center;font:inherit;font-size:12px;color:var(--field-line);background:var(--field);border:1.5px dashed var(--field-line);border-radius:4px;cursor:pointer;transition:background .12s ease,border-color .12s ease}.field:focus-visible{outline:3px solid var(--field-line);outline-offset:2px}.field:after{content:"";position:absolute;top:50%;left:50%;translate:-50% -50%;width:100%;height:100%;min-width:44px;min-height:44px;pointer-events:none}.field.is-filled{background:var(--filled);border-style:solid;border-color:var(--filled-line)}.field img{width:100%;height:100%;object-fit:contain}.field-hint{padding:0 6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.field-input{width:100%;height:100%;padding:0 6px;font:inherit;font-size:13px;font-weight:500;color:#080c24!important;caret-color:#2563eb!important;background:#ffffffeb;border:1px solid var(--field-line);border-radius:4px;outline:none;cursor:text;box-sizing:border-box}.field-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb4d}.field-input::placeholder{color:#94a3b8;font-weight:400}.footer{position:sticky;bottom:0;z-index:5;display:flex;flex-direction:column;gap:10px;padding:14px 18px calc(14px + var(--safe-bottom));background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(12px);border-top:1px solid var(--line)}.progress{margin:0;font-size:13px;color:var(--muted)}.consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.4;color:var(--ink);cursor:pointer}.consent input{flex:none;width:22px;height:22px;margin:0;accent-color:var(--field-line)}.submit,.primary,.ghost{appearance:none;padding:14px 18px;font:inherit;font-weight:600;border-radius:12px;border:1px solid transparent;cursor:pointer;text-align:center;text-decoration:none}.submit,.primary{background:var(--accent);color:var(--accent-ink)}.submit:disabled,.primary:disabled{opacity:.4;cursor:not-allowed}.ghost{background:transparent;color:var(--ink);border-color:var(--line)}.row{display:flex;gap:10px}.row>*{flex:1}.state{flex:1;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;padding:40px 24px;text-align:center}.state .title{font-size:22px}.tick{display:grid;place-items:center;width:64px;height:64px;font-size:32px;color:var(--filled-line);border:2px solid var(--filled-line);border-radius:50%}.spinner{width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--field-line);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}.error-inline{margin:0;font-size:13px;color:var(--danger)}.sheet{position:fixed;inset:0;z-index:20;display:flex;align-items:flex-end;background:#00000073}.sheet-panel{width:100%;display:flex;flex-direction:column;gap:12px;padding:18px 18px calc(18px + var(--safe-bottom));background:var(--surface);border-radius:20px 20px 0 0}.sheet-title{margin:0;font-size:16px;font-weight:650}.sheet-hint{margin:0;font-size:13px;color:var(--muted);text-align:center}.pad{width:100%;height:40dvh;min-height:200px;background:#fff;border:1px solid var(--line);border-radius:12px;background-image:linear-gradient(var(--line),var(--line));background-size:calc(100% - 48px) 1px;background-position:24px 72%;background-repeat:no-repeat;touch-action:none}