.sdk-demo .subscriber-stage{height:720px}.sdk-demo .sdk-scene{flex-direction:column;justify-content:center;min-height:100%;display:flex}.sdk-demo .sdk-heading{margin-bottom:22px}.sdk-demo .sdk-heading p{color:var(--muted-foreground);margin-bottom:6px;font-size:13px}.sdk-demo .sdk-heading h2{font-size:22px;font-weight:700;line-height:1.35}.sdk-demo .sdk-circle{aspect-ratio:1;border:2px solid var(--border);background:var(--background);border-radius:50%;width:min(100%,260px);margin:0 auto;position:relative}.sdk-demo .sdk-circle-aligned{border-color:var(--primary)}.sdk-demo .sdk-face{object-fit:contain;width:76%;height:76%;transition:transform 2s;position:absolute;inset:12%}.sdk-demo .sdk-face-approaching{transform:translateY(14px)scale(.76)}.sdk-demo .sdk-arcs{object-fit:contain;opacity:.35;width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0}.sdk-demo .sdk-circle-aligned .sdk-arcs{opacity:1}.sdk-demo .sdk-status{text-align:center;justify-content:center;align-items:center;gap:8px;min-height:48px;margin-top:16px;font-size:14px;display:flex}.sdk-demo .sdk-thumbnails{justify-content:center;gap:24px;margin-top:20px;display:flex}.sdk-demo .sdk-thumbnail{text-align:center;width:116px;animation:.6s both subscriber-enter}.sdk-demo .sdk-thumbnail img{object-fit:contain;border:1px solid var(--border);background:var(--background);border-radius:8px;width:100%;height:100px;padding:8px}.sdk-demo .sdk-thumbnail p{margin-top:8px;font-size:12px;line-height:1.5}.sdk-demo .sdk-capture{border:2px solid var(--primary);background:var(--background);perspective:1000px;border-radius:8px;padding:12px;position:relative}.sdk-demo .sdk-document{min-height:202px;transform-style:preserve-3d;transition:transform 1.2s;position:relative}.sdk-demo .sdk-document-back{transform:rotateY(180deg)}.sdk-demo .sdk-document-side{border:1px solid var(--border);background:var(--primary-soft);backface-visibility:hidden;border-radius:6px;padding:12px;position:absolute;inset:0}.sdk-demo .sdk-document-reverse{transform:rotateY(180deg)}.sdk-demo .sdk-document-enter{animation:1.2s both sdk-document-enter}.sdk-demo .sdk-document-title{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;font-size:11px;font-weight:700;display:flex}.sdk-demo .sdk-document-title img{object-fit:contain;width:48px;height:20px}.sdk-demo .sdk-document-content{grid-template-columns:72px minmax(0,1fr);gap:10px;display:grid}.sdk-demo .sdk-document-photo{object-fit:contain;background:var(--background);border-radius:4px;width:72px;height:110px}.sdk-demo .sdk-photo-selected{outline:2px solid var(--primary)}.sdk-demo .sdk-document dl{gap:5px;font-size:12px;display:grid}.sdk-demo .sdk-document dt{color:var(--muted-foreground);font-size:11px}.sdk-demo .sdk-document dd{font-weight:600}.sdk-demo .sdk-field{border-radius:4px;padding:2px 4px}.sdk-demo .sdk-field-selected{background:var(--background);outline:1px solid var(--primary)}.sdk-demo .sdk-scan{background:var(--primary);inset-inline:0;height:2px;animation:2s ease-in-out infinite ocr-scan;position:absolute;top:0}.sdk-demo .sdk-extracted{margin-top:18px}.sdk-demo .subscriber-result-row{align-items:flex-start;min-height:38px;padding:8px 0}.sdk-demo .subscriber-result-row>span{min-width:0}.sdk-demo .sdk-extract-portrait{animation:.9s both sdk-extract}.sdk-demo .sdk-summary{border-top:1px solid var(--border);margin-top:12px;padding-top:10px;font-size:12px;line-height:1.7}.sdk-demo .sdk-score{text-align:center;margin-top:22px}.sdk-demo .sdk-score strong{color:var(--primary-strong);font-size:24px;display:block}.sdk-demo .sdk-score p{color:var(--muted-foreground);margin-top:6px;font-size:13px}.sdk-demo .sdk-success-mimo{object-fit:contain;width:120px;height:155px;margin-top:22px}.sdk-demo .sdk-confirmations{text-align:left;gap:12px;margin-top:22px;font-size:13px;display:grid}.sdk-demo .sdk-confirmations li{align-items:center;gap:8px;display:flex}.sdk-demo[data-playing=false] .sdk-scan,.sdk-demo[data-playing=false] .animate-spin{animation-play-state:paused!important}@keyframes sdk-document-enter{0%{opacity:0;transform:translateY(35px)rotate(-5deg)}to{opacity:1;transform:none}}@keyframes sdk-extract{0%{opacity:0;transform:translateY(-60px)scale(.7)}to{opacity:1;transform:none}}@media (width<=640px){.sdk-demo .sdk-heading h2{font-size:20px}.sdk-demo .sdk-document-side,.sdk-demo .sdk-capture{padding:8px}.sdk-demo .sdk-document-content{grid-template-columns:60px minmax(0,1fr);gap:6px}.sdk-demo .sdk-document-photo{width:60px}.sdk-demo .sdk-document-title{font-size:10px}.sdk-demo .sdk-document{min-height:206px}.sdk-demo .subscriber-result-row{font-size:12px}}@media (prefers-reduced-motion:reduce){.sdk-demo .sdk-face-approaching{transform:none}.sdk-demo .sdk-scan{display:none}}