:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#253b35;background:#f5f6f3;font-synthesis:none;font-size:13px;font-weight:400;--green: #245f4f;--deep: #184c40;--muted: #8a9590;--line: #e4e8e2}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;border:1px solid transparent;background:transparent;color:inherit;border-radius:5px;white-space:nowrap;transition:background .13s,color .13s}button:hover{background:#edf1ec}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #4d947c;outline-offset:2px}button:disabled{opacity:.33;cursor:not-allowed}button:disabled:hover{background:transparent}input,select{width:100%;border:1px solid #dfe5dc;border-radius:5px;background:#fff;color:#30463e;padding:9px 10px;min-width:0}input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}select{cursor:pointer}.app{height:100dvh;min-height:570px;min-width:940px;display:flex;flex-direction:column;overflow:hidden}.app-header{height:77px;flex-shrink:0;padding:0 28px;display:flex;align-items:center;gap:30px;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0;font-size:25px;font-weight:650;letter-spacing:-1px;line-height:1.1}.brand>div>span{display:block;font-size:8px;font-weight:600;letter-spacing:2.2px;margin-top:5px;color:#829087}.brand-icon{width:37px;height:39px;position:relative;display:grid;place-items:center;color:var(--deep);transform:rotate(-5deg)}.brand-icon svg{width:36px;height:36px;stroke-width:1.6}.brand-icon>span{position:absolute;left:12px;top:12px;width:13px;height:15px;border-left:1px solid #50856e;border-bottom:1px solid #50856e;transform:rotate(5deg)}.brand .version{font-size:8px;font-weight:600;letter-spacing:1px;color:#7e8c81;border:1px solid #dde6da;border-radius:3px;padding:4px 5px;margin:3px 0 0 8px}.document-name{display:flex;align-items:center;gap:9px;flex:1;color:#7a8880;min-width:0;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-dot{width:6px;height:6px;border-radius:50%;background:#689981;flex-shrink:0}.save-status{font-size:10px;color:#9a9e91;margin-left:8px}.help-button{font-size:11px;gap:8px;color:#708177;padding:8px}.toolbar{height:63px;flex-shrink:0;display:flex;align-items:center;padding:0 20px;background:#fff;border-bottom:1px solid #dfe5dc;gap:12px;box-shadow:0 2px 4px #263e2903;z-index:2}.toolbar-group{display:flex;gap:3px;align-items:center;border-right:1px solid var(--line);padding-right:12px}.toolbar-group button{height:34px;padding:0 9px;font-size:11px;font-weight:500;gap:6px}.toolbar-group button svg{width:16px;height:16px;stroke-width:1.7}.toolbar-group button.active{color:var(--deep);background:#e9f1e9;border:1px solid #d4e3d1}.toolbar-group kbd{background:#e9ede7;color:#6a806d;margin-left:3px}.toolbar-spacer{flex:1}.toolbar .export-tools{border:0;padding:0;gap:8px}.toolbar .export-pdf{background:var(--deep);color:#fff;padding:0 12px}.toolbar .export-pdf:hover{background:#286450}.toolbar .history-tools{gap:0}.toolbar .history-tools button{padding:0 7px}kbd{font-family:inherit;font-size:9px;border-radius:3px;padding:2px 4px;border:1px solid #dbe1d7;background:#f8f9f6;color:#68776b}main{display:flex;flex:1;min-height:0}.viewer-section{flex:1;min-width:0;display:flex;flex-direction:column;position:relative;background:#eef0eb}.viewer-top{height:43px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #e0e5dc;background:#f6f7f3;gap:15px}.breadcrumb{font-size:9px;font-weight:600;letter-spacing:1.1px;color:#929c92;white-space:nowrap}.breadcrumb span{margin:0 10px;color:#c6ccc1}.local-chip{font-size:9px;color:#899884;display:flex;align-items:center;gap:6px;white-space:nowrap}.local-chip i{width:5px;height:5px;background:#88a178;border-radius:50%}.snap-bar{height:35px;flex-shrink:0;display:flex;align-items:center;gap:16px;padding:0 24px;background:#fbfcf9;border-bottom:1px solid #e0e5dc;font-size:10px;color:#748773}.snap-title{display:inline-flex;align-items:center;gap:6px;color:#516e58;font-weight:550}.snap-bar label{display:inline-flex;align-items:center;gap:5px;cursor:pointer;white-space:nowrap}.snap-bar input{width:12px;height:12px;margin:0;padding:0;accent-color:#245f4f;cursor:pointer}.snap-description{font-size:9px;color:#8e9b85;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:auto}.canvas-scroll{overflow:auto;flex:1;min-height:0;position:relative;background-image:radial-gradient(#cbd2c7 .65px,transparent .65px);background-size:16px 16px;overscroll-behavior:contain}.page-stage{display:flex;padding:50px;align-items:center;justify-content:center;width:max-content;min-width:100%}.pdf-paper{position:relative;background:#fff;box-shadow:0 3px 14px #31442c24;flex-shrink:0}.pdf-paper canvas{display:block}.pdf-paper svg{position:absolute;left:0;top:0;touch-action:none}.tool-length .pdf-paper,.tool-measure .pdf-paper,.tool-calibrate .pdf-paper{cursor:crosshair}.tool-pan{cursor:grab}.tool-pan:active{cursor:grabbing}.selectable{cursor:pointer}.vertex{cursor:move}.area-label,.length-label{pointer-events:none}.length-label text{font-family:Inter,Segoe UI,Arial,sans-serif;font-size:12px;font-weight:650}.length-label .label-name{font-size:10px;font-weight:500;fill:#516358}.length-style{border:0;border-top:1px solid #dfe7d9;margin:2px 0 0;padding:9px 0 0;display:grid;gap:7px;min-width:0}.length-style legend{font-size:10px;color:#788b71;padding:0 5px 0 0}.line-color-controls{display:flex;gap:7px;align-items:center}.measurement-editor .line-color-controls input[type=color]{width:38px;height:30px;padding:3px;cursor:pointer;flex-shrink:0}.line-color-controls input[type=text],.line-color-controls input:not([type]){flex:1;min-width:0;font-family:Consolas,monospace}.reset-line-color{justify-content:flex-start;font-size:9px;color:#567c5a;padding:1px 0}.area-label rect{fill:#fffffff0;stroke:#e0e7dc;stroke-width:.7;filter:drop-shadow(0 2px 3px #0000000e)}.area-label text{font-family:Inter,Segoe UI,Arial,sans-serif;font-size:12px;font-weight:650}.area-label .label-name{font-size:10px;font-weight:500;fill:#516358}.viewer-bottom{height:49px;flex-shrink:0;background:#fbfcf9;border-top:1px solid #dfe4da;display:flex;align-items:center;justify-content:space-between;padding:0 21px;font-size:10px}.page-nav{display:flex;align-items:center;gap:11px}.page-nav button{padding:5px}.page-nav input{width:30px;text-align:center;padding:4px;background:#fff;font-size:10px;height:25px}.zoom-controls{display:flex;align-items:center;gap:5px}.zoom-controls>span{min-width:41px;text-align:center;font-size:10px}.zoom-controls button{padding:5px 7px;font-size:10px}.zoom-controls i{height:15px;width:1px;background:#dbe1d6;margin:0 7px}.muted{color:#929c93}.empty-view{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;padding:40px;text-align:center;background:radial-gradient(ellipse at center,#f5f6f1d9,#f5f6f100 65%)}.empty-paper{width:113px;height:135px;background:#fffef9;border:1px solid #d4decc;border-radius:3px;box-shadow:8px 8px #e2e8dc,0 8px 20px #304c3310;transform:rotate(-7deg);position:relative;margin-bottom:37px;padding:20px 16px}.plan-mark{height:58px;position:relative}.plan-mark span{position:absolute;border:1.5px solid #829d73}.plan-mark span:nth-child(1){left:0;top:2px;width:52px;height:42px;border-top:3px solid #63865d;border-left:3px solid #63865d}.plan-mark span:nth-child(2){left:29px;top:2px;width:43px;height:26px;background:#dce8d44d}.plan-mark span:nth-child(3){left:29px;top:27px;width:27px;height:17px;border-top:0}.paper-line{display:block;width:52px;background:#d9dfd0;height:2px;margin-top:6px}.paper-line.short{width:32px}.paper-stamp{position:absolute;right:10px;bottom:12px;font-size:11px;font-weight:700;color:#709364}.eyebrow{font-size:9px;letter-spacing:1.5px;font-weight:600;color:#8a9788}.empty-view>.eyebrow{font-size:8px;color:#809574;letter-spacing:2px}.empty-view h1{font-size:39px;line-height:1.2;font-weight:480;letter-spacing:-1.6px;margin:14px 0 13px;color:#294f3e}.empty-view p{font-size:12px;line-height:1.9;color:#83917f;margin:0 0 23px}.primary{background:var(--deep);color:#fff;border-color:var(--deep);font-weight:500;padding:10px 15px}.primary:hover{background:#2d6852}.primary.large{height:40px;font-size:11px;box-shadow:0 3px 6px #194c4010;padding:0 18px}.empty-note{font-size:9px;color:#9aa490;margin-top:17px}.sidebar{width:328px;background:#fff;display:flex;flex-direction:column;flex-shrink:0;border-left:1px solid #dfe5dc;min-height:0}.sidebar-title{height:57px;border-bottom:1px solid var(--line);padding:0 22px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.sidebar-title>div{display:flex;align-items:center;gap:9px}.sidebar-title svg{color:#66806c;stroke-width:1.6}.sidebar-title h2{font-size:13px;font-weight:600;margin:0}.count-badge{display:grid;place-items:center;min-width:22px;height:21px;background:#eff3eb;font-size:10px;border-radius:4px;color:#75906b}.project-info{padding:21px 22px 18px;border-bottom:1px solid var(--line);flex-shrink:0}.project-info>input{border-color:transparent;font-weight:550;font-size:14px;padding:8px 0;margin:1px 0 11px;background:transparent}.project-info>input:hover{border-bottom-color:#c9d5c3}.calibration-status{display:flex;justify-content:space-between;align-items:center;background:#f7f5ed;border:1px solid #eee9d9;padding:8px 9px;border-radius:4px;font-size:10px;color:#9f8b59;gap:5px}.calibration-status>span{display:flex;align-items:center;gap:6px}.calibration-status i{width:5px;height:5px;border-radius:50%;background:#bfa96c}.calibration-status button{font-size:9px;gap:3px;padding:2px;color:#9a8248}.calibration-status.calibrated{background:#edf5ee;border-color:#ddebdc;color:#5c8866}.calibration-status.calibrated i{background:#5d9a6f}.calibration-status.calibrated button{color:#4f7e5a}.calibration-detail{display:block;color:#879783;font-size:9px;margin-top:7px}.measurement-heading{display:flex;align-items:center;justify-content:space-between;padding:14px 22px 9px;flex-shrink:0}.add-category-button{font-size:10px;color:#567c5a;margin-top:9px;padding:4px 0}.length-summary{border-top:1px solid #e0e7da;margin-top:15px;padding-top:14px}.length-total{display:flex;justify-content:space-between;font-size:11px;color:#446d58;margin-top:12px}.edge-context-menu{position:fixed;z-index:25;background:#fff;border:1px solid #d6e2d2;border-radius:6px;box-shadow:0 5px 20px #19362828;padding:5px;min-width:162px}.edge-context-menu button{width:100%;justify-content:flex-start;padding:8px 10px;font-size:12px}.edge-context-menu small{display:block;padding:2px 10px 6px;color:#93a08a;font-size:9px}.measurement-heading button{padding:3px;color:#7d907b}.measurements-list{flex:1;min-height:90px;overflow:auto;padding:0 13px 15px}.empty-list{text-align:center;padding:29px 0 20px;color:#87987e}.empty-list>div:first-child{display:inline-flex;align-items:center;position:relative;width:44px;height:44px;justify-content:center;background:#f3f6ef;border-radius:10px;color:#92a385}.empty-list>div:first-child>svg:last-child{position:absolute;bottom:7px;right:6px;background:#f3f6ef}.empty-list h3{font-size:12px;font-weight:500;margin:15px 0 8px;color:#6d8168}.empty-list p{font-size:11px;line-height:1.8;margin:0}.mini-steps{margin:26px auto 0;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:9px;color:#a4b09b}.mini-steps span{display:flex;gap:13px;align-items:center}.mini-steps b{font-weight:400;color:#8a9b80}.mini-steps svg{color:#cad3c2}.measurement-item{border:1px solid transparent;border-radius:6px;margin:4px 0;overflow:hidden}.measurement-item.selected{border-color:#c8dcca;background:#f7faf5}.measurement-row{padding:11px 9px;width:100%;gap:10px;align-items:center;text-align:left;border-radius:0}.measurement-row:hover{background:#f4f7f0}.category-swatch{height:12px;width:12px;border-radius:3px;flex-shrink:0;opacity:.85}.measurement-copy{display:flex;flex:1;flex-direction:column;gap:5px;min-width:0}.measurement-copy strong{font-size:11px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.measurement-copy small{font-size:9px;color:#96a08f}.measurement-copy small span{padding:0 4px}.measurement-area{font-size:12px;text-align:right;font-weight:550;flex-shrink:0}.measurement-area small{font-size:9px;display:block;color:#8e9c87;font-weight:400;margin-top:3px}.measurement-editor{padding:4px 12px 12px;display:grid;gap:10px}.measurement-editor label,.new-measure label{font-size:10px;color:#788b71;display:block}.measurement-editor input,.measurement-editor select,.new-measure select{font-size:11px;padding:7px 8px;margin-top:5px}.measurement-editor small{font-size:9px;display:block;line-height:1.5;margin-top:5px;color:#98a18f}.delete-measure{font-size:10px;color:#a16f61;padding:7px 12px;margin-bottom:5px}.roof-row{display:flex;justify-content:space-between;font-size:9px;padding:0 10px 10px 32px;color:#a48162}.new-measure{padding:0 22px 12px;flex-shrink:0}.draft-actions{display:flex;align-items:center;gap:6px;margin-top:10px}.draft-actions>span{flex:1;font-size:10px;color:#85967c}.draft-actions button{padding:5px;font-size:10px}.draft-actions .primary{padding:6px 10px}.summary{border-top:1px solid var(--line);padding:18px 22px 12px;background:#fafbf7;flex-shrink:0;max-height:38%;overflow:auto}.summary-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.summary-title>span:last-child{font-size:8px;color:#a0aa96;letter-spacing:.7px}.category-total{display:flex;justify-content:space-between;font-size:10px;margin:9px 0;color:#6e8165}.category-total>span{display:flex;gap:7px;align-items:center}.category-total i{width:6px;height:6px;border-radius:2px}.category-total b{font-weight:500}.category-total small{font-size:8px;color:#96a08b;font-weight:400}.main-total{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e0e7da;padding-top:13px;margin-top:10px}.main-total>span{font-size:11px;color:#6f8465}.main-total strong{font-size:27px;font-weight:500;letter-spacing:-1px;color:#27593f}.main-total strong small{font-size:11px;letter-spacing:0;color:#93a18b;margin-left:6px;font-weight:400}.summary>p{font-size:8px;line-height:1.8;color:#9aa68f;margin:10px 0 0}.roof-totals{display:flex;flex-direction:column;gap:8px;margin-top:12px;font-size:10px;color:#9f7d61}.roof-totals span{display:flex;justify-content:space-between}.roof-totals b{font-weight:500}.sidebar-footer{border-top:1px solid var(--line);height:35px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:8px;color:#a1ac98;flex-shrink:0}.status-bar{height:30px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dce3d6;padding:0 22px;background:#fff;font-size:9px;color:#91a086;gap:15px}.status-bar>div{display:flex;align-items:center;gap:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-indicator{width:5px;height:5px;border-radius:50%;background:#80a575;flex-shrink:0}.status-bar>span{display:flex;align-items:center;gap:7px;font-size:8px;white-space:nowrap}.status-bar i{width:1px;height:9px;background:#dce3d7;margin:0 3px}.toast{position:fixed;bottom:48px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:11px;max-width:640px;min-width:280px;background:#fff;border:1px solid #cddfca;box-shadow:0 7px 28px #213c2626;padding:13px 15px;border-radius:7px;z-index:50;font-size:12px;line-height:1.6;color:#3e7652}.toast>svg{flex-shrink:0}.toast.error{border-color:#e6d1bd;color:#976d49}.toast>button{margin-left:auto;padding:4px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#19362855;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:30}.modal{position:relative;width:435px;background:#fffefb;border:1px solid #e0e5d9;border-radius:12px;padding:30px;box-shadow:0 20px 80px #15342138}.modal-symbol{width:49px;height:49px;display:grid;place-items:center;border-radius:10px;background:#edf4e9;color:#527e56;margin-bottom:18px}.modal h2{font-weight:550;font-size:22px;letter-spacing:-.5px;margin:7px 0 10px;color:#2d523b}.modal>p{font-size:12px;line-height:1.8;color:#89967f;margin:0 0 21px}.modal>label{font-size:11px;font-weight:500;color:#657d5c}.modal>.category-name-field{display:flex;flex-direction:column;gap:8px}.category-name-field input:focus-visible{outline:1px solid #4d947c;outline-offset:-1px}.input-unit{position:relative;margin-top:8px}.input-unit input{padding:13px 50px 13px 12px;font-size:16px}.input-unit>span{position:absolute;right:14px;top:15px;font-size:12px;color:#8c9c81}.info-note{display:flex;align-items:flex-start;gap:9px;background:#f4f5ee;border-radius:5px;margin:17px 0 23px;padding:12px;font-size:10px;color:#8c957c;line-height:1.7}.info-note svg{flex-shrink:0;margin-top:1px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #e7eadf;padding-top:19px}.modal-actions>button{padding:9px 13px;font-size:11px}.help-modal{width:490px;padding:34px}.help-modal ol{padding-left:18px;font-size:11px;line-height:1.9;color:#7a8d71}.help-modal li{padding:5px 0 5px 5px}.help-modal b{color:#496e46;font-weight:550}.close-modal{position:absolute;right:15px;top:15px;padding:4px;color:#8f9f83}.shortcut-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 23px;border-top:1px solid #e0e7d8;border-bottom:1px solid #e0e7d8;padding:17px 0;margin:20px 0;font-size:10px;color:#7a8d6e}.shortcut-grid>span{display:flex;align-items:center;justify-content:space-between}.help-modal .help-footnote{font-size:10px;margin-bottom:20px}.help-modal>.primary{margin-left:auto;display:flex;font-size:11px}.busy-overlay{z-index:60}.busy-box{background:#fff;border-radius:10px;padding:32px 55px;text-align:center;box-shadow:0 10px 40px #19352233}.busy-box svg{display:block;margin:0 auto 15px;color:#54805c}.busy-box strong{font-size:13px;font-weight:500}.busy-box p{font-size:10px;color:#96a18c;margin-top:10px}.loading{min-height:100%;display:flex;align-items:center;justify-content:center;gap:10px;color:#7e9471}.rendering{position:fixed;bottom:95px;left:42px;display:flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid #dae2d4;background:#fffffff0;border-radius:4px;color:#8b9d7c;font-size:9px}.spin{animation:spin 1.1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1200px){.toolbar{gap:7px;padding:0 12px}.toolbar-group{padding-right:7px}.toolbar-group button{padding:0 6px;font-size:10px}.toolbar-group.tools button{gap:5px}.sidebar{width:300px}.status-bar>span{display:none}.app-header{padding:0 22px}.document-name{font-size:10px}.save-status,.local-chip{display:none}.empty-view h1{font-size:34px}}@media(max-height:780px){.empty-paper{width:87px;height:104px;margin-bottom:25px;padding:15px 10px}.plan-mark{transform:scale(.8);transform-origin:top left;height:48px}.paper-stamp{font-size:9px}.empty-view h1{font-size:32px}.empty-view{padding:20px}.empty-view p{font-size:11px;margin-bottom:17px}.mini-steps{margin-top:16px;gap:5px}.empty-list{padding-top:15px}.project-info{padding-top:15px;padding-bottom:13px}.sidebar-title{height:48px}.summary{padding-top:13px}.empty-list p{font-size:10px}}