*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0c1118;color:#edf4fb}.topbar{height:76px;border-bottom:1px solid #213042;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#0f1620}.topbar h1{margin:0;font-size:24px;line-height:1}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:800;color:#62c7ff;margin-bottom:6px}.badge,.status{font-size:11px;font-weight:800;letter-spacing:.12em;border:1px solid #2f89b8;border-radius:999px;padding:7px 10px;color:#8cd8ff;background:#102737}.shell{max-width:1180px;margin:0 auto;padding:36px 24px 60px}.hero{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;padding:28px 0 34px}.hero h2{font-size:42px;line-height:1.05;max-width:760px;margin:0 0 14px}.hero p{max-width:760px;color:#98a9ba;font-size:17px;line-height:1.6;margin:0}.grid{display:grid;grid-template-columns:1.35fr .85fr;gap:20px;margin-bottom:20px}.card{background:#111a25;border:1px solid #213042;border-radius:18px;padding:22px;box-shadow:0 12px 40px rgba(0,0,0,.18);margin-bottom:20px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.card h3{font-size:22px;margin:0 0 8px}.muted{color:#91a2b4}.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:22px 0}.metric{background:#0c141d;border:1px solid #1e2b3a;border-radius:12px;padding:16px}.metric span{display:block;color:#8fa0b3;font-size:12px;margin-bottom:8px}.metric strong{font-size:22px}.actions{display:flex;gap:10px;flex-wrap:wrap}.primary,.secondary,.ghost,.delete-photo{border-radius:10px;padding:11px 16px;font-weight:800;cursor:pointer}.primary{border:1px solid #62c7ff;background:#62c7ff;color:#071019}.secondary{border:1px solid #33506a;background:#1d3042;color:#eaf4fb}.ghost{border:1px solid #2a3949;background:transparent;color:#c5d2de}.upload-button{display:inline-flex;align-items:center;justify-content:center}.steps{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:12px}.steps li{display:flex;align-items:center;gap:12px;color:#c6d0db}.steps span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#173247;color:#8ddaff;font-weight:800}.analysis-state{margin:18px 0;background:#0d151e;border:1px dashed #2b4055;border-radius:12px;padding:16px;color:#9fb0c0}.photo-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.photo-tile{overflow:hidden;border:1px solid #26384a;border-radius:14px;background:#0c141d}.photo-tile img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#081017}.photo-meta{display:flex;justify-content:space-between;gap:10px;padding:10px 12px 8px;color:#a9b7c4;font-size:12px}.delete-photo{margin:0 12px 12px;width:calc(100% - 24px);padding:8px 10px;background:transparent;border:1px solid #4a3440;color:#d7a0ae}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px 12px;border-bottom:1px solid #223140}th{font-size:12px;color:#8fa2b4;text-transform:uppercase;letter-spacing:.08em}td{color:#dce7f0}@media(max-width:900px){.photo-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.grid{grid-template-columns:1fr}.hero{align-items:flex-start;flex-direction:column}.hero h2{font-size:34px}.metrics{grid-template-columns:1fr 1fr}.topbar{padding:0 18px}.shell{padding:24px 16px 50px}.card-head{flex-direction:column}.photo-gallery{grid-template-columns:1fr 1fr}}@media(max-width:520px){.photo-gallery{grid-template-columns:1fr}.metrics{grid-template-columns:1fr}}.view-label{display:block;padding:0 12px 10px;color:#8fa2b4;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.view-select{display:block;width:100%;margin-top:7px;border:1px solid #2b4055;border-radius:9px;background:#101b26;color:#e8f1f8;padding:9px 10px;font:inherit;text-transform:none;letter-spacing:0;font-weight:700}.view-select:focus{outline:2px solid #62c7ff;outline-offset:1px}.view-select:disabled{opacity:.55}
.analysis-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}
.analysis-photo{border:1px solid #26384a;border-radius:14px;overflow:hidden;background:#0c141d}
.overlay-wrap{position:relative;overflow:hidden;background:#071019}
.overlay-wrap img{display:block;width:100%;height:auto}
.detect-box{position:absolute;border:2px solid currentColor;background:transparent;padding:0;cursor:pointer;appearance:none}
.detect-box span{position:absolute;left:-1px;top:-22px;background:#071019;border:1px solid currentColor;border-radius:5px 5px 0 0;padding:2px 5px;font-size:10px;font-weight:800;white-space:nowrap}
.detect-window{color:#62c7ff}.detect-door{color:#ffd166}.detect-shutter{color:#c792ea}.detect-vent{color:#8bd17c}
.analysis-caption{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;font-size:12px;color:#9fb0c0}
.analysis-caption strong{text-transform:capitalize;color:#eef6fb}
button:disabled{opacity:.55;cursor:wait}
@media(max-width:800px){.analysis-gallery{grid-template-columns:1fr}.analysis-caption{flex-direction:column}}
.detect-box:hover{background:rgba(255,255,255,.08);box-shadow:0 0 0 2px rgba(255,255,255,.18) inset}.detect-box:disabled{opacity:.4;cursor:wait}
.verify-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px}
.verify-toolbar strong{text-transform:capitalize}
.verify-toolbar .secondary{padding:7px 10px;font-size:12px}
.verify-canvas.drawing{cursor:crosshair;touch-action:none}
.draw-box{position:absolute;border:2px dashed currentColor;background:rgba(255,255,255,.08);pointer-events:none}
.detect-box span{pointer-events:none}

.verify-actions{display:flex;gap:7px;flex-wrap:wrap}.zoom-modal{position:fixed;inset:0;z-index:9999;background:rgba(3,8,13,.94);display:grid;place-items:center;padding:18px}.zoom-panel{width:min(96vw,1500px);height:min(94vh,1000px);display:flex;flex-direction:column;background:#0c141d;border:1px solid #30465b;border-radius:14px;overflow:hidden}.zoom-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;background:#111a25}.zoom-controls{display:flex;gap:7px}.zoom-controls button{background:#1d3042;color:#eef6fb;border:1px solid #33506a;border-radius:8px;padding:7px 11px;cursor:pointer}.zoom-viewport{flex:1;overflow:hidden;position:relative;background:#05090d;cursor:grab;touch-action:none}.zoom-stage{position:absolute;left:0;top:0;width:100%;transform-origin:0 0}.zoom-stage img{display:block;width:100%;height:auto;user-select:none}.zoom-detect{position:absolute;border:3px solid currentColor;background:rgba(0,0,0,.08);font-size:11px;font-weight:800;cursor:pointer}.zoom-help{padding:9px 14px;color:#91a2b4;font-size:12px}.detect-outside_corner{color:#ff8c69}.detect-inside_corner{color:#f4a261}.detect-eave{color:#00d4ff}.detect-rake{color:#ff5ca8}.detect-gable{color:#f1fa8c}
.zoom-viewport.adding{cursor:crosshair}.zoom-stage .draw-box{z-index:50}

.geo-wrap,.geo-editor{position:relative;background:#071019}.geo-wrap img,.geo-editor img{display:block;width:100%;height:auto}.geo-wrap svg,.geo-editor svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.geo-shape{fill:rgba(98,199,255,.12);stroke:#62c7ff;stroke-width:2;cursor:pointer;pointer-events:stroke}.geo-gable{stroke:#f1fa8c}.geo-outside_corner{stroke:#ff8c69}.geo-inside_corner{stroke:#f4a261}.geo-eave{stroke:#00d4ff}.geo-rake{stroke:#ff5ca8}.geo-ridge{stroke:#8bd17c}.geo-valley{stroke:#c792ea}.geo-editor{position:relative;width:100%;height:auto;overflow:hidden;line-height:0}.geo-editor svg{cursor:crosshair}.geo-editor svg circle{fill:#fff;stroke:#071019;stroke-width:.25}.geo-editor svg polygon,.geo-editor svg polyline{fill:rgba(98,199,255,.12);stroke:#62c7ff;stroke-width:.45}

.geo-editor>img{display:block;width:100%;height:auto}.geo-editor>svg{position:absolute;inset:0;width:100%;height:100%}

.geo-editor>svg{right:auto;bottom:auto;pointer-events:none}.geo-editor{line-height:0}.geo-editor>img{margin:0;padding:0}