.nc-demo-phone{background:#171329;border:5px solid #222038;border-radius:2.4rem;width:min(100%,17rem);margin-inline:auto;position:relative;overflow:hidden;box-shadow:0 16px 30px #0c082a26}.nc-demo-camera{z-index:2;background:#080711;border-radius:0 0 10px 10px;width:24%;height:10px;position:absolute;top:5px;left:38%}.nc-demo-paper{color:#243042;background:#faf8f3;border-radius:10px;min-height:24rem;margin:0 9px;padding:16px;position:relative;overflow:hidden}.nc-demo-handwriting{background:repeating-linear-gradient(#0000 0 23px,#e2ded6 23px 24px);font-family:Georgia,serif}.nc-demo-scan{pointer-events:none;background:#f97316;height:2px;display:none;position:absolute;inset:0 0 auto;box-shadow:0 -12px 22px 9px #f973161c}.nc-demo-phone[data-scanning=true] .nc-demo-scan{animation:2.2s ease-in-out infinite alternate nc-scan;display:block}.nc-demo-corners{pointer-events:none;border:1px solid #7c3aed33;border-radius:8px;position:absolute;inset:7px}.nc-demo-result-stage{min-height:30rem;position:relative}.nc-demo-control{min-height:44px;color:var(--color-muted-foreground);border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;display:inline-flex}.nc-demo-control:hover{background:var(--color-surface);color:var(--color-foreground)}.nc-demo-control:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@keyframes nc-scan{0%{transform:translateY(14px)}to{transform:translateY(370px)}}@media (prefers-reduced-motion:reduce){.nc-demo-phone .nc-demo-scan{display:none!important}}