.sn-camera-tools{display:flex;align-items:center;gap:10px;margin:7px 0;flex-wrap:wrap}.sn-camera-tools small{font-size:var(--xs);font-weight:400;color:var(--muted)}
.sn-camera-dialog{padding:0;border:1px solid var(--border);border-radius:10px;color:var(--text);background:var(--surface);width:min(600px,calc(100% - 24px));max-width:100vw;max-height:calc(100dvh - 24px);overflow:hidden}
.sn-camera-dialog[open]{display:flex;flex-direction:column}.scan-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:13px 17px;border-bottom:1px solid var(--border);flex-shrink:0}.scan-header h2{font-size:var(--lg);line-height:1.5}.scan-header p{font-size:var(--xs);color:var(--muted);margin-top:3px;overflow-wrap:anywhere}.scan-header .icon-button{font-size:24px}
.scan-body{padding:12px 17px;overflow:auto;min-height:0;overscroll-behavior:contain}.scan-stage{height:clamp(180px,30dvh,300px);position:relative;background:#142136;border-radius:7px;overflow:hidden}.scan-stage video{width:100%;height:100%;object-fit:cover;display:block}.scan-frame{position:absolute;inset:20% 8%;border:2px solid #8dc4ff;border-radius:7px;box-shadow:0 0 0 100vmax #06172d50;pointer-events:none}.scan-stage>span{position:absolute;bottom:7px;left:0;right:0;text-align:center;font-size:12px;color:#fff;pointer-events:none}.scan-status{font-size:var(--sm);line-height:1.6;min-height:42px;padding:7px 0;overflow-wrap:anywhere}.scan-error{color:#a14030}.scan-controls{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.scan-controls>label{display:flex;align-items:center;gap:6px;font-size:var(--xs);color:var(--muted);min-width:0}.scan-controls input[type=range]{max-width:160px;padding:0;accent-color:var(--primary)}.scan-controls select{max-width:250px;font-size:var(--xs)}.scan-formats{margin:10px 0;font-size:var(--xs);color:var(--muted)}.scan-formats summary{cursor:pointer;padding:5px 0}.scan-formats>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:9px 0}.scan-formats label{display:flex;align-items:center;gap:5px;min-width:0}.scan-formats small{font-size:var(--xs);line-height:1.6}.scan-queue-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:var(--sm)}.scan-queue{list-style:none;margin:5px 0;padding:0;max-height:180px;overflow:auto}.scan-queue li{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border);padding:5px 0;font-size:var(--sm)}.scan-queue li span{flex:1;overflow-wrap:anywhere;min-width:0}.scan-queue li button{font-size:var(--xs);color:var(--primary);padding:4px}.scan-privacy{font-size:var(--xs);color:var(--muted);line-height:1.6;margin-top:9px}.scan-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 17px;border-top:1px solid var(--border);flex-shrink:0}
@media(max-width:760px){.sn-camera-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px)}.scan-header,.scan-body,.scan-footer{padding-left:12px;padding-right:12px}.scan-controls .button,.scan-footer .button,.sn-camera-tools .button,.scan-queue li button{min-height:40px}.scan-formats>div{grid-template-columns:1fr 1fr}.scan-formats label{min-height:32px}.scan-footer .button{font-size:var(--sm);padding-left:10px;padding-right:10px}.scan-controls select{max-width:225px}.scan-controls input[type=range]{height:40px}}