/* WRKDOCS live counting UI, scoped to Object Counter. */
.live-video-stage{position:relative;width:100%;background:#0d1627}
.live-video-stage video{display:block;width:100%;height:auto;max-height:385px;object-fit:contain}
.live-counter-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.live-count-badge{position:absolute;top:8px;right:8px;max-width:56%;z-index:2;background:rgba(0,20,35,.85);border:1px solid rgba(112,255,198,.45);border-radius:9px;color:#d7ffe9;font-weight:800;font-size:12px;padding:7px 10px;line-height:1.25;pointer-events:none}
.live-counter-actions{display:flex;gap:9px;flex-wrap:wrap;padding:12px 12px 3px}
.live-counter-actions .btn.primary{background:#16693c;border-color:#16693c;font-size:15px;padding:12px 18px}
.live-counter-actions .btn.primary:hover{background:#0f5530}
.live-method{color:#d7e9fe;font-size:12px;padding:0 12px 12px;margin:6px 0 0}
.counter-advanced{border:1px solid #dce7f5;border-radius:12px;padding:10px 13px;margin:14px 0}
.counter-advanced summary{cursor:pointer;font-weight:750;font-size:13px;color:#26578d}
.counter-advanced[open] summary{margin-bottom:13px}
@media(max-width:580px){.live-count-badge{font-size:10px}.live-counter-actions .btn{flex:1 1 190px}.live-counter-actions .btn.primary{font-size:14px}}

/* Guided sample selection: touch/pen drags should draw, not scroll the page. */
#photoCanvas{touch-action:none;user-select:none;-webkit-user-select:none}
.preview-wrap.sample-active{outline:3px solid #fbb448;outline-offset:2px;touch-action:none}
#sampleHint{font-size:13px;min-height:65px}
#markSample{background:#1460b9;border-color:#1460b9}
#saveMarked.btn.primary{background:#16693c;border-color:#16693c}


/* Precision counter visual refinement — detection, gestures and markers unchanged */
body{background:radial-gradient(ellipse 850px 420px at 85% 0,#eaf5ff,transparent 73%),#fafdff}
.counter-stage,.camera-stage,.preview,.panel,.counter-panel{border-radius:17px;box-shadow:0 13px 32px #173b6111}
.counter-canvas,canvas{border-radius:12px}
button{border-radius:10px}
input[type=range]{accent-color:#0c9882}
.status,.hint{border-radius:10px}