.barcode-camera{width:min(94vw,540px);max-height:90dvh;overflow:auto;padding:22px;border:1px solid var(--line);border-radius:14px;background:#fff;color:#202326}.barcode-camera h2{font-size:20px;margin:0 0 16px}.barcode-camera::backdrop{background:#111b}.barcode-camera-preview{position:relative;background:#111;border-radius:10px;overflow:hidden}.barcode-camera video{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.barcode-camera-guide{position:absolute;left:10%;right:10%;top:30%;bottom:30%;border:2px solid #e77c61;border-radius:8px;pointer-events:none}.barcode-camera p{font-size:13px;line-height:1.6;min-height:42px}.barcode-camera>button{width:100%;min-height:44px}.camera-trigger{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;min-height:44px;padding:10px 13px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#59616d;font-size:12px;flex-shrink:0}.search-wrap>.camera-trigger{margin:0}.search-wrap{gap:8px}.search-wrap>input{min-width:0}html[data-theme=dark] .barcode-camera{background:#1c232d;color:#e1e7ef}@media(max-width:650px){.search-actions .camera-trigger{width:auto;flex:1}.search-wrap{flex-wrap:wrap}.search-wrap>.camera-trigger{margin-left:auto}.barcode-camera{padding:16px}}