:root{color:#213547;background-color:#f7f7f8;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}body{justify-content:center;min-height:100vh;margin:0;display:flex}#root{width:100%;max-width:860px;padding:2rem 1rem}h1{font-size:1.5rem}.dropzone{text-align:center;cursor:pointer;background:#fff;border:2px dashed #9ca3af;border-radius:12px;padding:2rem;transition:border-color .15s}.dropzone.dragover{background:#eff6ff;border-color:#2563eb}.dropzone.disabled{opacity:.5;cursor:wait}.error{color:#b91c1c}.error-box{background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;margin-top:1rem;padding:1rem}.status{color:#6b7280}.checklist{padding:0;list-style:none}.checklist-item{background:#fff;border-bottom:1px solid #e5e7eb;gap:.75rem;padding:.5rem .75rem;display:flex}.checklist-item.pass .checklist-icon{color:#16a34a}.checklist-item.fail .checklist-icon{color:#dc2626}.checklist-item.skipped{opacity:.55}.checklist-icon{width:1.25rem;font-weight:700}.checklist-details,.checklist-skipped{color:#6b7280;font-size:.85rem}.checklist-message{color:#b91c1c;font-size:.9rem}.crop-preview-frame{max-width:320px;display:inline-block;position:relative;overflow:hidden}.crop-preview-frame img{width:100%;display:block}.crop-preview-box{border:3px solid #2563eb;position:absolute;box-shadow:0 0 0 9999px #00000059}.export-panel{background:#f0fdf4;border:1px solid #86efac;border-radius:8px;margin-top:1.5rem;padding:1rem}.export-row{align-items:flex-start;gap:1rem;display:flex}.export-row img{border:1px solid #d1d5db}.button,button{color:#fff;cursor:pointer;background:#2563eb;border:1px solid #2563eb;border-radius:6px;padding:.5rem 1rem;font-size:.9rem;text-decoration:none;display:inline-block}button:disabled{cursor:default;background:#93c5fd;border-color:#93c5fd}pre{background:#f3f4f6;border-radius:6px;padding:.75rem;font-size:.8rem;overflow-x:auto}.camera-cta{text-align:center;color:#6b7280}.camera-frame{max-width:480px;position:relative}.camera-frame video{border-radius:12px;width:100%;display:block;transform:scaleX(-1)}.camera-oval{pointer-events:none;border:3px dashed #fffc;border-radius:50%;position:absolute;inset:6% 22%}.camera-oval.ok{border-style:solid;border-color:#16a34a}.camera-hint{font-weight:600}.camera-hint.ok{color:#16a34a}.camera-hint.no-face,.camera-hint.too-small,.camera-hint.many-faces{color:#b45309}.before-after{gap:1rem;display:flex}.before-after figure{text-align:center;margin:0}.before-after figcaption{color:#6b7280;font-size:.8rem}