*{box-sizing:border-box;padding:0;margin:0;font-family:sans-serif}html,body{height:100%}body{padding:16px 32px}body{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.camera-panels{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1rem 1.25rem;margin-top:1rem;width:100%;max-width:min(100%,1480px)}.camera-panel{display:flex;flex-direction:column;align-items:center;gap:.35rem}.camera-panel-title{font-size:.8rem;font-weight:600;color:#374151;letter-spacing:.02em}#controls{display:flex;padding:1rem;gap:1rem}#controls>div{text-align:center}h1,h4{text-align:center}h4{margin-top:.5rem}#container,#depth-container{position:relative;width:720px;height:405px;max-width:100%;max-height:100%;border:2px dashed #d1d5db;border-radius:.75rem;overflow:hidden;background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-color:#0f172a}#container video,#container canvas,#overlay,#calibration-layer{position:absolute;width:100%;height:100%}#calibration-layer{pointer-events:none;z-index:2}#calibration-layer.calibration-layer-active{pointer-events:auto;cursor:crosshair}#overlay{z-index:1}#depth-container canvas{display:block;width:100%;height:100%;object-fit:fill}#status{min-height:16px;margin:8px 0}.bounding-box{position:absolute;box-sizing:border-box;border:solid 2px}.bounding-box-center-dot{position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px #22c55ef2;pointer-events:none}.bounding-box-depth-label{position:absolute;left:50%;top:50%;transform:translate(-50%,12px);margin-top:2px;padding:2px 6px;font-size:11px;line-height:1.2;white-space:nowrap;color:#fff;background:#0f172ad9;border-radius:4px;pointer-events:none}.calibration-controls{max-width:min(100%,720px);margin:.75rem auto 0;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#f9fafb}.calibration-controls-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem}.calibration-actions{margin-top:.5rem}.calibration-toggle,.calibration-invert{font-size:.875rem;cursor:pointer;user-select:none}.calibration-invert{color:#4b5563}.calibration-hint{margin:.5rem 0 0;font-size:.8rem;line-height:1.45;color:#6b7280}.calibration-actions label{font-size:.875rem;display:inline-flex;align-items:center;gap:.35rem}.calibration-actions input[type=number]{width:4.5rem;padding:.25rem .35rem}.calibration-actions button{padding:.35rem .75rem;font-size:.875rem;cursor:pointer;border:1px solid #d1d5db;border-radius:.35rem;background:#fff}.calibration-actions button:hover:not(:disabled){background:#f3f4f6}.calibration-actions button:disabled{opacity:.5;cursor:not-allowed}.calibration-roi-draft,.calibration-roi-saved{position:absolute;box-sizing:border-box;border:2px dashed rgba(59,130,246,.95);background:#3b82f61f;pointer-events:none}.calibration-roi-saved{border-style:solid;border-color:#22c55ee6;background:#22c55e14}