.scene-heading{padding-left:0;padding-right:0}.scene-heading h1{font-size:24px;margin:0}.stage{margin:0;height:740px}.estimate-art{width:100%;max-width:1100px;aspect-ratio:1000/620;position:relative;margin:auto;overflow:hidden}.estimate-canvas{position:absolute;width:1000px;height:620px;transform:scale(var(--art-scale,1));transform-origin:top left;color:#071317}.backing{position:absolute;left:43px;top:48px;width:765px;height:501px;border-radius:22px;background:linear-gradient(140deg,#4dded0,#00b8b4 65%,#00a3a6);transform:rotate(-3deg);box-shadow:inset 0 2px #b5fff0,0 17px 30px #00707420}.website-window{position:absolute;left:60px;top:63px;width:745px;height:510px;border:1px solid #d2dcd7;border-radius:15px;background:#fff;box-shadow:0 4px 0 #dae1dc,0 17px 25px #0713171a;overflow:hidden}.chrome{height:30px;display:flex;align-items:center;gap:5px;padding:0 14px;background:linear-gradient(white,#eff1f1);border-bottom:1px solid #e0e5e2}.chrome i{width:7px;height:7px;border-radius:50%;background:#ff6758}.chrome i:nth-child(2){background:#ffbd31}.chrome i:nth-child(3){background:#65c953}.chrome small{font-size:9px;margin-left:16px}.site-nav{display:flex;align-items:center;gap:28px;height:46px;border-bottom:1px solid #e6e9e7;padding:0 36px;font-size:10px}.site-nav>b{font:23px Georgia,serif;margin-right:auto}.site-nav .nav-active{border-bottom:2px solid #00b8b4;padding:10px 0}.site-body{padding:14px 36px;display:flex;gap:24px}.customer-form{width:337px;flex-shrink:0}.breadcrumb{font-size:8px;color:#536d69}.customer-form h2{font:31px/.99 Georgia,serif;letter-spacing:-.03em;margin:8px 0}.customer-form>p{font-size:11px;color:#536d69;margin:0 0 10px}.customer-form label{display:block;font-size:8px;line-height:1.3;margin:0 0 7px}.fake-field{height:25px;display:flex;align-items:center;padding:0 8px;font-size:10px;border:1px solid #d0dbd6;border-radius:4px;background:#fff;margin-top:3px}.fake-field em{margin-left:auto;font-style:normal}.dimensions{display:flex;align-items:center;gap:10px}.dimensions label{width:95px}.area{background:#dcf9f5;font-size:9px;padding:13px 9px;border-radius:4px;white-space:nowrap;margin-top:1px}.photo-label{font-size:8px;display:block;margin:6px 0 4px}.customer-photos,.record-photos{display:flex;gap:10px}.photo{position:relative;aspect-ratio:251/150;background-image:url('../systems-ai-estimate-stills/01-dimensioned-photos.webp');background-repeat:no-repeat;background-size:612% auto;border-radius:4px;overflow:hidden;background-color:#e2dbc9}.angle-a{background-position:11.67% 76.66%}.angle-b{background-position:32.68% 76.66%}.customer-photos .photo{width:calc((100% - 10px)/2)}.supplied{display:block;font-size:7px;color:#526760;margin:4px 0 6px}.submit-example{display:inline-flex;align-items:center;min-width:181px;height:29px;padding:0 12px;font-size:10px;border-radius:4px;background:linear-gradient(135deg,#00b8b4,#009da4);color:#fff}.site-feature{width:270px;margin-top:21px}.site-feature>.photo{width:270px;box-shadow:0 4px 10px #0713170c}.feature-caption{padding:19px 13px;background:#f5f4ee;border-radius:0 0 5px 5px}.feature-caption>b{font:20px Georgia,serif}.feature-caption>p{font-size:10px;line-height:1.6;color:#526760}.feature-caption>span{font-size:9px;color:#007074}.transfer-line{position:absolute;inset:0;width:1000px;height:620px;pointer-events:none;z-index:2}.transfer-line path{fill:none;stroke:#00b8b4;stroke-width:2;stroke-linecap:round;stroke-dasharray:580;stroke-dashoffset:580}.transfer-chip{position:absolute;left:0;top:0;padding:6px 10px;border:1px solid #00b8b4;border-radius:16px;background:#fff;font-size:10px;color:#007074;z-index:3;opacity:0}.crm-window{position:absolute;left:620px;top:292px;width:365px;height:267px;border:1.5px solid #ffa126;border-radius:12px;background:white;box-shadow:0 4px 0 #eddbba,0 15px 23px #0713171a;overflow:hidden;z-index:4}.crm-window .chrome{height:28px;padding:0 10px}.crm-window .chrome small{font-size:8px;margin-left:9px}.crm-viewport{position:absolute;top:28px;left:0;right:0;bottom:0;overflow:hidden}.inbox-camera{display:flex;position:absolute;inset:0;transform-origin:0 0;will-change:transform;overflow:hidden}.inbox-camera aside{width:87px;flex-shrink:0;border-right:1px solid #e7ebe9;padding:15px 6px}.inbox-camera aside>span{display:flex;align-items:center;gap:8px;padding:8px 4px;font-size:15px;color:#385651;border-radius:4px}.inbox-camera aside small{font-size:8px}.inbox-camera aside .active{background:#ddf8f4;color:#007074}.inbox{flex:1;padding:16px 12px}.inbox h3{font-size:18px;letter-spacing:-.025em;margin:0 0 15px;display:flex;justify-content:space-between;align-items:center}.inbox h3 small{font-weight:400;font-size:9px}.request-row{display:flex;align-items:center;gap:7px;border:1px solid #e1e7e3;border-radius:5px;height:45px;padding:7px;margin-bottom:8px;background:#fff;font-size:9px}.request-row span{flex:1}.request-row small{display:block;font-size:8px;color:#526760;margin-top:4px}.request-row b,.screen-content em{background:#ffe3b0;color:#60440a;font-size:8px;font-weight:400;border-radius:9px;padding:4px 7px;font-style:normal;white-space:nowrap}.request-row em{font-style:normal;font-size:17px;color:#007074}.incoming{background:#e5faf6;border-color:#9adfd5}.waiting{font-size:8px;color:#526760}.crm-screen{position:absolute;inset:0;display:flex;opacity:0;background:#fff;pointer-events:none}.icon-rail{width:43px;border-right:1px solid #e6ece8;flex-shrink:0;padding-top:15px}.icon-rail span{display:block;margin:0 7px 12px;padding:3px;text-align:center;font-size:17px;color:#385651}.icon-rail span:first-child{color:#007074;background:#ddf8f4;border-radius:4px}.screen-content{padding:13px 12px;flex:1;min-width:0}.screen-content>small{font-size:8px;color:#526760;display:block}.screen-content h3{font-size:15px;line-height:1.2;letter-spacing:-.03em;margin:8px 0;display:flex;align-items:center;justify-content:space-between;gap:4px}.summary{font-size:9px;color:#536d69;margin:0 0 10px}.record-photos{gap:8px}.record-photos .photo{width:calc((100% - 8px)/2)}.screen-content>.source-label{font-size:7px;margin:4px 0 9px}.agent-status{display:flex;align-items:center;gap:12px;background:#dff9f5;padding:7px 10px;border-radius:5px;font-size:9px}.agent-status>b{font-size:20px;color:#007074}.agent-status strong{display:block;margin-top:3px;font-size:10px;color:#007074}.review-grid{display:grid;grid-template-columns:135px 1fr;gap:10px;margin:10px 0}.scan-photo{position:relative;overflow:hidden;border-radius:4px}.scan-photo>.photo{height:81px;width:135px}.scan-photo>b{display:block;font-size:10px;text-align:center;background:#dff9f5;padding:4px}.blue-scan{position:absolute;top:0;left:0;width:31px;height:108px;background:linear-gradient(90deg,transparent,#36b7ff66);border-right:2px solid #6cddff;box-shadow:4px 0 9px #39acff77;pointer-events:none}.finding,.review-warning{display:flex;gap:5px;align-items:flex-start;font-size:8px;margin-bottom:7px}.finding i,.review-warning i{display:grid;place-items:center;width:15px;height:15px;border-radius:50%;font-size:11px;font-style:normal;background:#e4eeea;color:#526760;flex-shrink:0}.finding.done i{background:#007c79;color:#fff}.finding small,.review-warning small{display:block;color:#536d69;font-size:7px;margin-top:2px;line-height:1.2}.review-warning i{background:#ffa126;color:#071317}.scan-screen .agent-status{margin-top:4px}.estimate-heading{display:flex;align-items:center;justify-content:space-between;gap:3px;margin:0 0 9px}.estimate-heading h3{font-size:13px;letter-spacing:-.025em;margin:0;white-space:nowrap}.estimate-heading em{font-size:7px;padding:4px}.estimate-table>div{display:flex;align-items:center;gap:5px;padding:10px 0;border-top:1px solid #e0e7e2;font-size:10px}.estimate-table small{font-size:8px;margin-left:auto;color:#536d69}.estimate-table b{min-width:50px;text-align:right}.estimate-table .total{font-size:12px}.total b{margin-left:auto}.estimate-note{font-size:7px!important;margin:0 0 9px}.not-sent{display:block;font-size:8px;color:#80500a;margin:10px 0}.review-send{display:flex;align-items:center;justify-content:center;height:28px;font-size:10px;color:#fff;background:#007c79;border-radius:4px}.site-cursor,.crm-cursor{position:absolute;left:0;top:0;width:30px;height:35px;z-index:6;pointer-events:none;filter:drop-shadow(1px 3px 2px #07131735)}.site-cursor svg,.crm-cursor svg{width:100%;height:100%;overflow:visible}.site-cursor path,.crm-cursor path{fill:#071317;stroke:#4dded0;stroke-width:3;stroke-linejoin:round}.site-cursor i,.crm-cursor i{position:absolute;left:-5px;top:-5px;width:22px;height:22px;border:2px solid #00b8b4;border-radius:50%;opacity:0}.art-footer{position:absolute;left:60px;right:18px;bottom:15px;display:flex;justify-content:space-between;font-size:9px;color:#526760}.step-count{color:#007074;letter-spacing:.025em;font-weight:500}.inspection-row.mobile-inspection{display:flex;align-items:center;justify-content:space-between;max-width:1100px;margin:0 auto;gap:16px}.inspection-row .inspect{position:static;border:0;background:none;min-height:44px;padding:8px 0}.phase-label{font-size:11px;color:#526760;text-align:center;margin:0}.standalone-controls{display:flex;gap:12px;margin:15px 0 30px}.standalone-controls button,#close-dialog,#estimate-form button{min-height:44px;border:1px solid #b7c9bd;border-radius:8px;background:white;padding:8px 16px;color:#007074}.view-controls button{padding:8px 14px}.dialog-scroll{font-size:16px;line-height:1.6;background:#fcfbf7}.explanation li{margin-bottom:14px}.estimate-inspector{max-width:550px;margin:auto}.estimate-inspector h3{font:30px Georgia,serif}.edit-dimensions{display:flex;gap:16px;margin:20px 0}.edit-dimensions label{flex:1;min-width:0;font-size:14px}.edit-dimensions input{display:block;width:100%;min-height:44px;padding:10px;font:inherit;border:1px solid #819c90;border-radius:6px;background:white;color:#071317}.estimate-inspector dl>div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #d1dfd5}.estimate-inspector dd{margin:0;font-weight:600}.inspector-foot{font-size:12px;color:#526760}html[data-connected] .standalone-controls{display:none}.explanation[hidden],.estimate-inspector[hidden]{display:none}@media(max-width:767px){.stage{height:auto;min-height:0}.scene-heading{padding:8px 0 12px;display:flex;justify-content:flex-end}.view-controls{margin:0;max-width:100%}.view-controls button{padding:8px 10px;font-size:11px}.scene-name{display:none}.inspection-row .inspect{font-size:11px}.phase-label{font-size:10px}.dialog-scroll{padding:14px}.estimate-inspector h3{font-size:25px}}
/* Keep the miniature interfaces independent of the page's reading line-height. */
.estimate-canvas{font-size:12px;line-height:1.3}.estimate-table>div{padding:8px 0}.site-feature{margin-top:-6px}.site-feature>.photo{width:240px}.feature-caption{width:123px;padding:14px 9px;background:transparent}.feature-caption>b{font-size:17px}.feature-caption>p{font-size:9px}.scan-screen .agent-status{padding:6px 10px}

/* The click ring is centered on the SVG hotspot, which is the pointer tip. */
.site-cursor i,.crm-cursor i{left:-11px;top:-11px;transform-origin:center}
