.scansession-demo{position:absolute;inset:0;-webkit-mask-image:linear-gradient(rgb(0 0 0) 62%,transparent 98%);mask-image:linear-gradient(rgb(0 0 0) 62%,transparent 98%);--ssd-bg: #ffffff;--ssd-surface: #f4f4f5;--ssd-border: #e4e4e7;--ssd-default: #f4f4f5;--ssd-muted: #71717a;--ssd-fg: #18181b;--ssd-accent: #000000;--ssd-success: #05a357;--ssd-danger: #de1135;--ssd-info: #2f8ccc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--ssd-fg)}.ssd-tags{position:absolute;inset:0;overflow:hidden}.ssd-tag{position:absolute;top:46%;left:100%;width:260px;height:390px;opacity:0;translate:0 -50%;filter:drop-shadow(0 10px 18px rgba(0,0,0,.12))}.ssd-tag img{width:100%;height:100%;object-fit:contain}.ssd-tag.ssd-drift{animation:ssd-drift 3.4s cubic-bezier(.25,.1,.25,1) both}@keyframes ssd-drift{0%{translate:0 -50%;rotate:6deg;opacity:1}to{translate:calc(-1 * var(--ssd-travel, 1500px)) -50%;rotate:-6deg;opacity:1}}.ssd-thumbs{display:none}.ssd-tag:after{content:"";position:absolute;left:28px;top:50%;translate:0 -50%;width:34px;height:34px;border-radius:50%;box-shadow:0 2px 6px #0000002e;background:center / 17px no-repeat;opacity:0;scale:.6;transition:opacity .15s ease,scale .15s ease}.ssd-tag.ssd-read-ok:after,.ssd-tag.ssd-read-unknown:after{opacity:1;scale:1}.ssd-tag.ssd-read-ok:after{background-color:#05a357;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 5.2 4.1 7.3 8 3.2'/%3E%3C/svg%3E")}.ssd-tag.ssd-read-unknown:after{background-color:#de1135;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M5 2.2v3.4M5 7.6v.2'/%3E%3C/svg%3E")}.ssd-field{position:absolute;left:50%;top:48%;width:0;height:0;pointer-events:none;z-index:1}.ssd-field i{position:absolute;left:-120px;top:-120px;width:240px;height:240px;border-radius:50%;border:2px solid #05a357;opacity:0}.ssd-field.is-reading i{animation:ssd-read 1s cubic-bezier(.25,.1,.25,1) both}.ssd-field.is-reading i:nth-child(2){animation-delay:.22s}@keyframes ssd-read{0%{scale:1;opacity:.6}to{scale:2.6;opacity:0}}.ssd-phone{position:absolute;left:50%;top:max(24px,calc(100% - 580px));width:328px;height:700px;transform:translate(-50%);border-radius:38px;background:#1c1c1e;padding:9px;box-shadow:0 0 0 1px #00000059,0 24px 48px #00000038;z-index:2}.ssd-screen{position:relative;height:100%;display:flex;flex-direction:column;border-radius:30px;background:var(--ssd-bg);overflow:hidden;font-size:12px;line-height:1.35}.ssd-statusbar{padding:8px 20px 0;font-size:11px;font-weight:600;color:var(--ssd-fg)}.ssd-header{position:relative;display:flex;justify-content:center;padding:10px 14px 6px}.ssd-close{position:absolute;right:16px;top:10px;font-size:12px;color:var(--ssd-muted)}.ssd-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;font-size:11px;font-weight:500;background:color-mix(in oklab,var(--ssd-success) 15%,transparent);color:var(--ssd-success)}.ssd-dot{width:7px;height:7px;border-radius:50%;background:var(--ssd-success)}.ssd-live .ssd-pill[data-status=scanning] .ssd-dot{animation:ssd-pulse 1.2s ease-in-out infinite}@keyframes ssd-pulse{50%{opacity:.25}}.ssd-count{padding:0 14px 6px;text-align:center;font-size:10px;color:var(--ssd-muted)}.ssd-trigger{margin:0 12px 8px;padding:8px 0;border-radius:6px;text-align:center;font-size:12px;font-weight:500;background:var(--ssd-default);color:var(--ssd-fg)}.ssd-list{flex:1;min-height:0;overflow:hidden;border-top:1px solid var(--ssd-border)}.ssd-row{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--ssd-border)}.ssd-live .ssd-row-in{animation:ssd-row-in .4s cubic-bezier(.25,.1,.25,1) both}@keyframes ssd-row-in{0%{opacity:0;translate:0 -6px}}.ssd-check{flex-shrink:0;width:15px;height:15px;border-radius:3px;background:var(--ssd-fg) center / 10px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 5.2 4.1 7.3 8 3.2'/%3E%3C/svg%3E")}.ssd-spinner{flex-shrink:0;width:15px;height:15px;border-radius:50%;border:2px solid var(--ssd-border);border-top-color:var(--ssd-muted);animation:ssd-spin .8s linear infinite}@keyframes ssd-spin{to{rotate:360deg}}.ssd-alert,.ssd-x{flex-shrink:0;width:15px;text-align:center;font-size:13px;line-height:1}.ssd-alert{color:var(--ssd-danger)}.ssd-x{color:var(--ssd-muted)}.ssd-thumb,.ssd-tile,.ssd-tile-alert{flex-shrink:0;width:34px;height:34px;border-radius:8px;overflow:hidden;background:var(--ssd-surface)}.ssd-thumb img{width:100%;height:100%;object-fit:cover}.ssd-tile-alert{display:grid;place-items:center;background:color-mix(in oklab,var(--ssd-danger) 15%,transparent);color:var(--ssd-danger);font-size:14px}.ssd-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.ssd-title{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ssd-sub{font-size:10px;color:var(--ssd-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ssd-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.ssd-muted{color:var(--ssd-muted);font-weight:500}.ssd-danger{color:var(--ssd-danger);font-weight:500}.ssd-chip{flex-shrink:0;padding:2px 7px;border-radius:999px;font-size:10px;font-weight:500;background:var(--ssd-default);color:var(--ssd-muted)}.ssd-chip-success{background:color-mix(in oklab,var(--ssd-success) 15%,transparent);color:var(--ssd-success)}.ssd-chip-info{background:color-mix(in oklab,var(--ssd-info) 15%,transparent);color:var(--ssd-info)}.ssd-bar{border-top:1px solid var(--ssd-border);background:var(--ssd-surface);padding:8px 10px 10px}.ssd-bar-label{padding-left:2px;margin-bottom:6px;font-size:10px;color:var(--ssd-muted)}.ssd-bar-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.ssd-action{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 8px;border-radius:6px;border:1px solid var(--ssd-border);font-size:10px;font-weight:500;white-space:nowrap}.ssd-n{padding:1px 6px;border-radius:999px;font-size:9px;font-weight:500;background:var(--ssd-default);color:var(--ssd-muted)}.ssd-n-success{background:color-mix(in oklab,var(--ssd-success) 15%,transparent);color:var(--ssd-success)}@media(prefers-reduced-motion:reduce){.ssd-dot,.ssd-spinner,.ssd-tag,.ssd-row-in,.ssd-field i{animation:none}}