.maqueta-stage>#maqueta-detections{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.maqueta-vision-tools{position:absolute;z-index:4;top:calc(76px + env(safe-area-inset-top));left:14px;right:14px;display:flex;align-items:end;gap:8px;flex-wrap:wrap;max-width:760px;margin:auto}
.maqueta-vision-tools label{display:grid;gap:4px;color:#fff;font-size:11px;text-shadow:0 1px 4px #000;flex:1;min-width:100px}
.maqueta-vision-tools select,.maqueta-vision-tools button{min-height:44px;padding:8px 10px;border:1px solid #ffffff66;border-radius:8px;background:#14234de8;color:#fff;font:600 12px/1.4 system-ui,sans-serif}
.maqueta-vision-tools select{width:100%}.maqueta-vision-tools option{background:#14234d;color:#fff}
.maqueta-vision-tools button{flex:1;min-width:120px}.maqueta-vision-tools :focus-visible{outline:3px solid #e5c16a;outline-offset:2px}
.maqueta-scan-status{position:absolute;z-index:4;left:16px;right:16px;bottom:calc(152px + env(safe-area-inset-bottom));margin:auto;max-width:680px;padding:10px 13px;border-radius:10px;background:#14234de8;color:white;text-align:center;font-size:12px;line-height:1.5;pointer-events:none}
.maqueta-stage .maqueta-stage-controls{z-index:3;min-height:128px}
.maqueta-stage .maqueta-placement p{max-width:min(460px,calc(100vw - 42px))}
.maqueta-stage[data-mode=auto] .maqueta-overlay{transition:opacity .15s;will-change:left,top,transform}
.maqueta-stage[data-mode=auto] .maqueta-stage-controls>p{max-width:62ch}
.maqueta-stage[data-mode=manual] #maqueta-detections{display:none}
.maqueta-stage .maqueta-stage-controls button:disabled{opacity:.45;cursor:default}
.maqueta-vision-note{margin:15px 0 0;font-size:13px;color:var(--muted);line-height:1.7}
@media(max-width:480px){.maqueta-vision-tools{left:10px;right:10px;gap:7px}.maqueta-vision-tools label:first-child{flex:2}.maqueta-vision-tools button{flex-basis:100%;min-height:40px}.maqueta-vision-tools select{font-size:12px}.maqueta-scan-status{bottom:calc(152px + env(safe-area-inset-bottom));font-size:11px;padding:8px 11px}.maqueta-stage .maqueta-placement p{font-size:12px}}
@media(max-height:520px){.maqueta-vision-tools{top:64px;max-width:none}.maqueta-vision-tools button{flex-basis:auto}.maqueta-scan-status{bottom:100px;padding:7px 10px}.maqueta-stage .maqueta-stage-controls{min-height:85px;padding-top:12px;padding-bottom:12px}.maqueta-stage .maqueta-stage-controls>p{display:none}}

.maqueta-auto-start{margin:14px 0 22px;min-height:48px}
.maqueta-color-label{display:flex;align-items:center;gap:7px}
.maqueta-color-dot{display:inline-block;width:15px;height:15px;border-radius:50%;border:1px solid #526178;flex-shrink:0}
.maqueta-color-dot.orange{background:#f98c15}.maqueta-color-dot.green{background:#39af62}.maqueta-color-dot.white{background:#fff}