.vision-preview{margin-top:22px;padding:27px}.vision-preview .panel-head{margin-bottom:23px}.vision-preview .panel-head p{max-width:600px;line-height:1.7}.vision-preview .camera-layout,.vision-view .camera-layout{grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);align-items:start;gap:24px}.vision-view [data-v-scene]{padding:18px}.vision-view [data-v-events]{padding:0;border:0;background:none}.vision-preview .v-image-source{font-size:9px;line-height:1.7;color:#9a8aa5;margin-top:13px}
.camera-stage.scene-frame{aspect-ratio:1.45;border-radius:12px;isolation:isolate;background:#171d20;overflow:hidden}.scene-frame .scene-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1;filter:brightness(.83) saturate(.7)}.scene-frame.scene-frio .scene-photo{object-position:48% center}.scene-vignette{position:absolute;inset:0;background:linear-gradient(180deg,#0d1522a0,transparent 26%,transparent 65%,#0b151bb8),linear-gradient(90deg,#0b132533,transparent 30%);z-index:1}.scene-top{position:absolute;z-index:8;left:17px;right:17px;top:17px;display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.scene-camera-id{display:flex;align-items:center;gap:6px;font:9px monospace;color:#e6ede8;white-space:nowrap;background:#0a151b8c;padding:7px 9px;border-radius:5px;backdrop-filter:blur(8px)}.scene-camera-id b{font-size:8px;letter-spacing:.6px;font-weight:400;color:#c8d1d2;margin-left:6px}.scene-camera-id>i{width:5px;height:5px;border-radius:50%;background:#b3e476;box-shadow:0 0 10px #b3e47655}.scene-demo-label{font:7px monospace;color:#e0e5dc;letter-spacing:.8px;background:#0a151b8c;border:1px solid #d8e7ce2b;border-radius:4px;padding:7px 8px;white-space:nowrap}.scene-floor{position:absolute;width:100%;height:100%;inset:0;z-index:2;overflow:visible}.scene-floor path{stroke:#c7ec9477;stroke-width:1;fill:none;stroke-dasharray:4 7}.scene-floor .scene-zone{fill:#badc781b;stroke:#c7ec9488;stroke-width:1.3;stroke-dasharray:6 5}.scene-floor text{fill:#c5e6a0;font:600 22px Inter,sans-serif;letter-spacing:2px;opacity:.7}.scene-calibration{position:absolute;left:7%;right:7%;top:18%;bottom:15%;color:#d3e9b657;pointer-events:none;z-index:2}.scene-calibration span{position:absolute;font:18px monospace}.scene-calibration span:nth-child(1){top:0;left:0}.scene-calibration span:nth-child(2){top:0;right:0}.scene-calibration span:nth-child(3){bottom:0;left:0}.scene-calibration span:nth-child(4){bottom:0;right:0}
.scene-object{position:absolute;left:20%;top:27%;width:66%;aspect-ratio:760/560;z-index:4;transform-origin:50% 90%;transition:transform 1s ease-in-out}.scene-object .scene-bin-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 15px 12px #06110e40);display:block}.scene-object-recepcion{left:21%;top:28%;width:65%}.scene-object-clasificacion{left:22%;top:27%;width:62%}.scene-object-bound{position:absolute;left:12.5%;top:14.6%;width:77.9%;height:74%;border:1px solid #b7ed79;opacity:0;box-shadow:0 0 25px #b4e57712 inset;transition:opacity .4s}.scene-object-bound.visible{opacity:1}.scene-object-bound>i{position:absolute;width:14px;height:14px;border:3px solid #c5f18c}.scene-object-bound>i:nth-child(1){left:-2px;top:-2px;border-width:3px 0 0 3px}.scene-object-bound>i:nth-child(2){right:-2px;top:-2px;border-width:3px 3px 0 0}.scene-object-bound>i:nth-child(3){left:-2px;bottom:-2px;border-width:0 0 3px 3px}.scene-object-bound>i:nth-child(4){right:-2px;bottom:-2px;border-width:0 3px 3px 0}.scene-object-label{position:absolute;top:-26px;left:-1px;padding:4px 8px;background:#c1eb88;color:#203019;font:600 10px monospace;white-space:nowrap;border-radius:3px 3px 0 0;display:flex;align-items:center;gap:17px;box-shadow:0 2px 8px #081b1330}.scene-object-label b{font-size:9px;border-left:1px solid #69873b66;padding-left:10px}.scene-id-lock{position:absolute;left:20%;top:59%;background:#0b1e12c9;border:1px solid #c2f48c;border-radius:3px;color:#d7ffb8;font:9px monospace;padding:3px 6px;box-shadow:0 0 25px #bde99055}.scene-object-scan{position:absolute;inset:0 auto auto 0;width:100%;height:2px;background:#d7ffb6;box-shadow:0 0 24px 5px #b9f57755;opacity:0}.scene-detecting .scene-object-scan{animation:objectScan 1.1s linear infinite}.scene-frame.phase-0 .scene-object{transform:translate(-22%,-1%) scale(.9)}.scene-frame.phase-1 .scene-object{transform:translate(-10%,0) scale(.96)}.scene-frame.phase-2 .scene-object{transform:translate(-3%,0) scale(.99)}.scene-frame.phase-3 .scene-object,.scene-frame.phase-4 .scene-object{transform:none}.scene-frame.phase-0 .scene-target,.scene-frame.phase-1 .scene-target,.scene-frame.phase-2 .scene-target{opacity:0;transform:translateY(5px)}.scene-target{position:absolute;left:22px;top:19%;z-index:6;color:#d7edbf;font:8px monospace;letter-spacing:1px;background:#0f1c20a6;backdrop-filter:blur(10px);padding:10px 12px 10px 17px;border:1px solid #cae4af3d;border-left:2px solid #afd570;border-radius:3px;opacity:0;transition:.5s}.scene-target.visible{opacity:1}.scene-target b{display:block;margin-top:5px;letter-spacing:.5px;font-size:9px;font-weight:400;color:#f5faee}.scene-target>i{position:absolute;width:4px;height:4px;border-radius:50%;background:#bddb8b;left:7px;top:13px}.scene-footer{position:absolute;left:18px;right:18px;bottom:16px;z-index:8;display:flex;align-items:center;justify-content:space-between;color:#d8e5de;font:8px monospace;letter-spacing:.5px}.scene-footer>span:first-child{padding:6px 8px;background:#0e1b1d94;border-radius:4px}.scene-footer b{font-weight:400;margin-left:8px;color:white}.scene-status{font-size:7px;color:#d3eca9;display:flex;align-items:center;gap:5px}.scene-status>i{width:5px;height:5px;border-radius:50%;background:#a4d65e}.scene-detecting .scene-status>i{animation:objectPulse .9s infinite}
.scene-phases{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-top:16px;padding:0 2px}.scene-phases>div{font-size:9px;color:#aa9ab4;display:flex;align-items:center;gap:6px;position:relative;white-space:nowrap}.scene-phases>div:not(:last-child):after{content:'';flex:1;height:1px;background:#e5dceb;margin:0 8px 0 2px}.scene-phases>div>span{height:19px;width:19px;display:grid;place-items:center;font-size:8px;border-radius:50%;border:1px solid #ddd4e4;flex-shrink:0;background:#faf8fc}.scene-phases>div.complete{color:#6b577b}.scene-phases>div.complete>span{background:#edf4e4;border-color:#d8e6c5;color:#678542}.scene-phases>div.current>span{background:#581c87;border-color:#581c87;color:white}.scene-progress-label{font-size:8px;color:#9a86aa}.scene-chain-control{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #ebe5f0;margin-top:17px;padding-top:15px}.scene-chain-control>span{font-size:9px;color:#a18aad}.scene-thumb-photo{position:relative;overflow:hidden;background:#1f2624}.scene-thumb-photo>img:first-child{opacity:.8}.scene-thumb-photo>.scene-thumb-bin{position:absolute;width:65%;height:auto;left:20%;top:23%;filter:none;object-fit:contain}.scene-thumb-cross{position:absolute;left:55%;top:38%;font-size:25px;color:#dbf4bb}.vision-view .camera-thumb>span{padding:9px 7px}.vision-view .camera-thumb .scene-thumb-photo{height:74px}.vision-view .camera-thumb .scene-thumb-photo>img:first-child{height:100%;width:100%;object-fit:cover}.vision-view .camera-toolbar{margin-top:19px}.vision-view .v-camera-description{margin-top:18px}.vision-view .replay-progress{font-size:9px;margin-top:8px;min-height:16px}.vision-view .v-image-source{margin-top:12px}.vision-view .review-bin-art{position:absolute;left:14%;top:28%;width:76%;height:auto;object-fit:contain;opacity:1!important;filter:drop-shadow(0 14px 12px #0004)}
.capture-card{background:white;border:1px solid #e4deea;border-radius:14px;padding:25px 25px 18px;box-shadow:0 9px 28px #2a103b04;overflow:hidden;position:relative;min-width:0}.capture-heading{display:flex;justify-content:space-between;align-items:center;gap:7px}.capture-heading .eyebrow{font-size:8px;letter-spacing:1.6px;margin:0}.capture-state{font-size:8px;color:#56803c;background:#edf5e7;border:1px solid #e0eccc;padding:5px 7px;border-radius:5px;white-space:nowrap}.capture-symbol{width:37px;height:37px;display:grid;place-items:center;background:#eff6e8;border:1px solid #e1eccf;border-radius:50%;color:#759b4a;font-size:19px;margin:23px 0 11px}.capture-card h3{font-size:22px;line-height:1.2;letter-spacing:-.7px;max-width:280px}.capture-intro{font-size:10px;line-height:1.8;margin-top:9px;max-width:300px;color:#9988a3}.capture-identity{display:flex;align-items:center;gap:11px;border:1px solid #eee8f2;background:#faf8fc;border-radius:9px;margin-top:20px;padding:9px 12px 9px 4px;overflow:hidden}.capture-bin-thumb{width:73px;flex-shrink:0}.capture-bin-thumb img{width:100%;height:62px;object-fit:contain}.capture-identity small{display:block;font-size:6px;letter-spacing:1px;color:#a590b3}.capture-identity strong{display:block;font-size:17px;font-weight:600;letter-spacing:-.3px;margin:2px 0}.capture-identity>div>span{font-size:8px;font-family:monospace;letter-spacing:.5px;color:#9c8aa9}.capture-check{margin-left:auto;color:#8bad60;border:1px solid #d9e4cc;width:19px;height:19px;display:grid;place-items:center;border-radius:50%;font-size:9px;flex-shrink:0}.capture-fields{margin:18px 0 15px}.capture-fields>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;align-items:start;border-bottom:1px solid #f0eaf4;padding:9px 0}.capture-fields>div:last-child{border-bottom:0}.capture-fields dt{font-size:9px;color:#a18cad}.capture-fields dd{font-size:9px;line-height:1.7;color:#5a4567;font-weight:500;margin:0;text-align:right;overflow-wrap:anywhere}.capture-confidence{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:7px;font-size:9px;color:#9c88a8}.capture-confidence strong{color:#709348;font-size:11px}.capture-confidence>div{width:100%;height:4px;border-radius:6px;background:#eff2e9;overflow:hidden}.capture-confidence>div>i{height:100%;display:block;background:#b0d47f;border-radius:6px;transition:width .8s}.capture-proof{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:15px 0 11px;margin-top:14px;border-top:1px solid #eee8f2}.capture-proof>div{display:flex;gap:8px;align-items:center}.capture-proof-icon{width:26px;height:26px;display:grid;place-items:center;font-size:19px;color:#ac96ba;background:#f5f1f8;border:1px solid #e8e0ee;border-radius:5px}.capture-proof strong{font-size:9px;font-weight:500;display:block;color:#836d93}.capture-proof small{font-size:7px;display:block;margin-top:2px;color:#ad9aba}.capture-proof>span{color:#92b363;font-size:11px}.capture-receipt-id{font:8px monospace;letter-spacing:1.4px;color:#ac99b8;border-top:1px dashed #e2d9ea;padding-top:12px}.capture-footnote{font-size:8px;line-height:1.6;margin-top:8px;color:#a895b4}.capture-card.is-processing .capture-symbol{background:#f0e8f8;border-color:#e1d5ec;color:#9164ad}.capture-card.is-processing .capture-state{background:#f2eaf8;color:#9264b0;border-color:#e7dcee}.capture-card.is-created .capture-symbol{animation:createdPop .45s ease-out}.scene-history{margin-top:15px;padding:15px 18px}.scene-history summary{font-size:11px}.scene-history .event-list{margin-top:10px}.scene-history .event-item p{font-size:9px}.scene-history .event-item strong{font-size:10px}
.scene-fruit-box{position:absolute;z-index:3;border:1.5px solid #c5ec8b;border-radius:45%;box-shadow:0 0 20px #c5ec8b20 inset}.scene-fruit-box>span{position:absolute;left:6px;top:-17px;background:#c5ec8b;color:#304321;font:7px monospace;padding:3px 5px;white-space:nowrap}.fruit-a{left:8%;top:34%;width:25%;height:28%}.fruit-b{left:59%;top:24%;width:26%;height:30%}.fruit-c{left:67%;top:54%;width:26%;height:27%;border-color:#f2c183}.fruit-c>span{background:#f2c183;color:#6b4823}.scene-fruit-path{position:absolute;inset:0;width:100%;height:100%;z-index:4}.scene-fruit-path path{fill:none;stroke:#ffd59b;stroke-width:2;stroke-dasharray:5 4}.scene-fruit-path path:last-child{stroke-dasharray:none}.scene-frame.phase-0 .scene-fruit-box,.scene-frame.phase-0 .scene-fruit-path{opacity:0}.scene-frame.phase-1 .scene-fruit-box{animation:objectPulse 1s infinite}
@keyframes objectScan{0%{top:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{top:98%;opacity:0}}@keyframes objectPulse{0%,100%{opacity:.4}50%{opacity:1}}@keyframes createdPop{0%{transform:scale(.65);opacity:.4}100%{transform:scale(1);opacity:1}}
@media(max-width:1150px){.vision-preview .camera-layout,.vision-view .camera-layout{grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:18px}.capture-card{padding:20px}.scene-camera-id b{font-size:7px}.scene-demo-label{font-size:6px;padding:6px}.scene-camera-id{font-size:8px;padding:6px}.scene-top{left:12px;right:12px;top:12px}.scene-target{top:19%;left:17px;font-size:7px;padding:8px 10px 8px 15px}.scene-target b{font-size:8px}.scene-phases>div{font-size:8px;gap:4px}.scene-phases>div:not(:last-child):after{margin:0 4px 0 0}.scene-phases>div>span{height:17px;width:17px}.scene-object-label{font-size:9px;top:-23px}.scene-footer{left:12px;right:12px;font-size:7px}.scene-status{font-size:6px}}
@media(max-width:950px){.vision-preview .camera-layout,.vision-view .camera-layout{grid-template-columns:minmax(0,1.25fr) minmax(270px,1fr);gap:16px}.vision-view [data-v-scene]{padding:13px}.capture-card{padding:18px}.capture-card h3{font-size:20px}.capture-identity{gap:7px}.capture-bin-thumb{width:57px}.capture-fields>div{grid-template-columns:75px minmax(0,1fr);gap:8px}.scene-progress-label{display:none}.scene-top .scene-demo-label{letter-spacing:0;font-size:5px}.scene-camera-id b{display:none}.vision-preview{padding:21px}.scene-chain-control{flex-wrap:wrap}}
@media(max-width:760px){.vision-preview .camera-layout,.vision-view .camera-layout{grid-template-columns:1fr;gap:18px}.vision-view [data-v-events]{display:flex;flex-direction:column}.camera-stage.scene-frame{aspect-ratio:1.3}.capture-card{padding:23px}.capture-card h3{font-size:24px;max-width:none}.capture-identity strong{font-size:19px}.capture-bin-thumb{width:75px}.capture-fields>div{grid-template-columns:105px 1fr}.capture-fields dt,.capture-fields dd{font-size:10px}.capture-heading .eyebrow{font-size:8px}.scene-phases>div{font-size:8px}.scene-camera-id b{display:inline}.scene-top .scene-demo-label{font-size:6px}.scene-target{top:18%}.scene-object{top:29%;width:72%;left:16%}.scene-object-clasificacion{width:70%;left:18%;top:30%}.scene-object-recepcion{width:72%;left:17%;top:30%}.scene-object-label{font-size:8px;gap:9px}.scene-target b{font-size:8px}.scene-footer{font-size:6px}.scene-footer b{margin-left:4px}.scene-status{font-size:5px}.vision-preview{padding:17px}.vision-preview>.panel-head h2{font-size:21px}.vision-preview .button-row .btn{padding:11px;font-size:9px}.scene-chain-control .btn{font-size:9px}.vision-view .v-review-grid{grid-template-columns:1fr}.scene-history .event-list{display:block}}
@media(prefers-reduced-motion:reduce){.scene-object,.capture-confidence>div>i{transition:none}.scene-detecting .scene-object-scan,.scene-detecting .scene-status>i,.capture-card.is-created .capture-symbol{animation:none}}

.scene-frame.phase-1 .scene-object{animation:binApproachOne 1.1s ease-out forwards}.scene-frame.phase-2 .scene-object{animation:binApproachTwo 1.1s ease-out forwards}.scene-frame.phase-3 .scene-object{animation:binApproachThree 1.1s ease-out forwards}@keyframes binApproachOne{from{transform:translate(-22%,-1%) scale(.9)}to{transform:translate(-10%,0) scale(.96)}}@keyframes binApproachTwo{from{transform:translate(-10%,0) scale(.96)}to{transform:translate(-3%,0) scale(.99)}}@keyframes binApproachThree{from{transform:translate(-3%,0) scale(.99)}to{transform:none}}@media(prefers-reduced-motion:reduce){.scene-frame .scene-object{animation:none!important}}

.capture-measure{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:7px;font-size:9px;color:#9c88a8;padding:11px;background:#f8f5fa;border-radius:8px}.capture-measure strong{font-size:17px;color:#6b4481;font-weight:600}.capture-measure small{font-size:8px;width:100%;color:#aa96b6}