dialog.takeoff-dialog{width:min(1500px,96vw);max-width:96vw;max-height:94dvh;padding:28px}#takeoff .dialog-head{align-items:start}#takeoff h3{font-size:17px;margin:0 0 12px}.takeoff-source,.takeoff-page,.takeoff-toolbar,.takeoff-modes,.takeoff-draft{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.takeoff-source>label{flex:1;min-width:200px}.takeoff-page label{max-width:220px}.takeoff-page input{max-width:110px}.takeoff-page>span{align-self:center;font-size:13px}.takeoff-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;margin-top:20px}.takeoff-drawing{min-width:0;position:sticky;top:0;align-self:start}.takeoff-viewport{overflow:auto;max-height:64dvh;border:1px solid #d5d9dc;border-radius:14px;background:#e9edef;overscroll-behavior:contain;direction:ltr}#takeoff-canvas{min-width:50%;margin:auto}#takeoff-canvas svg{width:100%;height:auto;display:block;touch-action:pan-x pan-y;cursor:crosshair}.takeoff-empty{padding:100px 30px;text-align:center}.takeoff-shape{fill:#60717b24;stroke:#455761;stroke-width:var(--takeoff-stroke);cursor:pointer}.takeoff-shape polyline{fill:none}.takeoff-shape.is-selected{fill:#45576138;stroke:#172c3a}.takeoff-shape circle{fill:white;touch-action:none;cursor:move}.takeoff-shape text,.takeoff-scale-line text{fill:#182a35;stroke:white;stroke-width:calc(var(--takeoff-stroke)*.4);paint-order:stroke;font-family:inherit;pointer-events:none}.takeoff-scale-line{stroke:#576a78;stroke-width:var(--takeoff-stroke);stroke-dasharray:8 5;pointer-events:none}.takeoff-draft-shape{fill:white;stroke:#253e4c;stroke-width:var(--takeoff-stroke);pointer-events:none}.takeoff-draft-shape polyline{fill:none;stroke-dasharray:8 5}.takeoff-controls>section{padding:18px 0;border-bottom:1px solid #d8dde0}.takeoff-controls>section:first-child{padding-top:0}.takeoff-controls label{display:block;margin:12px 0}.takeoff-controls p,.takeoff-instruction{font-size:13px;line-height:1.55}.takeoff-controls .takeoff-check{display:flex;align-items:start;gap:9px}.takeoff-check input{width:auto;flex:none;margin-top:5px}.takeoff-item{width:100%;display:flex;justify-content:space-between;gap:12px;text-align:start;padding:12px;border:1px solid #dde1e4;background:#fff;border-radius:9px;margin:7px 0;overflow-wrap:anywhere}.takeoff-item.is-selected{border-color:#526573;background:#f0f3f4}.takeoff-item bdi{white-space:nowrap;font-size:13px}.takeoff-toolbar{align-items:center;margin-bottom:10px}.takeoff-saved{color:#425b4e}.takeoff-draft[hidden]{display:none}#takeoff-error{position:sticky;top:0;z-index:2;background:#fff4ef;padding:10px;border-radius:8px}#takeoff-scale{display:flex;gap:10px;align-items:end;flex-wrap:wrap}#takeoff-scale label{flex:1;min-width:90px}.takeoff-modes button[aria-pressed=true]{background:#e7ecef}.takeoff-instruction{min-height:40px}#takeoff-detail{border-top:1px solid #ddd;margin-top:16px;padding-top:12px}@media(max-width:850px){dialog.takeoff-dialog{padding:16px;width:98vw;max-width:98vw}.takeoff-layout{display:flex;flex-direction:column}.takeoff-drawing{position:static}.takeoff-viewport{max-height:55dvh}.takeoff-controls{width:100%}.takeoff-source{align-items:stretch}.takeoff-page{gap:8px}}@media print{.takeoff-dialog{display:none}}
#takeoff .takeoff-source label{margin:6px 0}.takeoff-upload input{display:block;max-width:100%;font-size:13px}#takeoff .takeoff-source+p{font-size:12px;margin:10px 0}.takeoff-page label{margin:4px 0}.takeoff-layout{margin-top:12px}.takeoff-viewport{height:52dvh}.takeoff-viewport svg{height:calc(52dvh * var(--to-zoom,1));min-height:240px}#takeoff .dialog-head{margin-bottom:10px}#takeoff .dialog-head p{margin:4px 0}.takeoff-drawing{top:12px}@media(max-width:700px){.masthead [data-takeoff]{display:none}.takeoff-viewport{height:42dvh}.takeoff-viewport svg{height:calc(42dvh * var(--to-zoom,1))}}

#takeoff-canvas svg{height:calc(52dvh * var(--to-zoom,1));min-height:240px}@media(max-width:700px){#takeoff-canvas svg{height:calc(42dvh * var(--to-zoom,1));min-height:180px}}

#takeoff-item-form button{margin-block:6px;margin-inline-end:12px}#takeoff-reviews{margin-top:24px}.takeoff-check{display:flex;align-items:start;gap:8px}

.takeoff-precision{border:1px solid #d9dddf;border-radius:9px;padding:10px 14px;margin-block:10px}.takeoff-precision summary{cursor:pointer;font-size:14px;font-weight:500}.takeoff-precision label{display:inline-flex;align-items:center;gap:8px;margin-block:12px 4px;margin-inline-end:18px;font-size:13px}.takeoff-precision input[type=checkbox]{width:18px;height:18px;margin:0;flex:none}.takeoff-precision p{font-size:12px;line-height:1.5;margin-block:10px 0}.takeoff-point-editor{border-block:1px solid #d9dddf;padding-block:14px;margin-block:16px}.takeoff-point-editor summary{cursor:pointer;font-weight:500;margin-block-end:12px}.takeoff-point-editor details{margin-block:14px}.takeoff-point-editor input,.takeoff-point-editor select{width:100%;box-sizing:border-box;min-width:0}.takeoff-point-editor input{direction:ltr;text-align:start}.takeoff-point-actions{display:flex;gap:10px;flex-wrap:wrap;margin-block:12px}.takeoff-point-actions button{min-height:44px;text-align:start}.takeoff-segments{width:100%;font-size:12px;border-collapse:collapse;margin-block:16px}.takeoff-segments td,.takeoff-segments th{padding:8px 5px;text-align:start;border-block-end:1px solid #e0e2e3;overflow-wrap:anywhere}.takeoff-segments bdi{white-space:nowrap}.takeoff-dimensions{pointer-events:none;fill:#222;stroke:#fff;stroke-width:calc(var(--takeoff-stroke)*1.4);paint-order:stroke;stroke-linejoin:round;font-family:inherit;font-weight:600}.takeoff-shape circle.takeoff-point-active{fill:#26333a;stroke:#fff}.takeoff-point-editor button:focus-visible,.takeoff-precision summary:focus-visible{outline:2px solid #444;outline-offset:3px}@media(max-width:850px){.takeoff-precision label{display:flex}.takeoff-point-actions{display:grid;grid-template-columns:1fr}.takeoff-point-actions button{width:100%}}

#takeoff-compound{min-width:0}#takeoff-compound label:not(.takeoff-check){display:grid;gap:8px}#takeoff-compound input:not([type=checkbox]),#takeoff-compound select{width:100%;min-width:0;box-sizing:border-box}#takeoff-compound input[type=checkbox]{width:20px;height:20px;flex:none}.takeoff-compound-source{border:1px solid #d8dcdf;border-radius:9px;padding:12px;margin-block:12px;overflow-wrap:anywhere}.takeoff-compound-source small,.takeoff-compound-formula small{display:block;color:#656b70;line-height:1.5;margin-top:4px}.takeoff-compound-formula{border-block:1px solid #d9dddf;margin-block:16px;padding-block:14px;overflow-wrap:anywhere}.takeoff-compound-formula h4{margin-block:0 12px}.takeoff-compound-formula ol{list-style:none;padding:0;margin:0}.takeoff-compound-formula li{display:grid;grid-template-columns:minmax(80px,auto) minmax(0,1fr);gap:12px;padding-block:10px;border-block-end:1px solid #e7e9ea;align-items:start}.takeoff-compound-formula bdi{white-space:nowrap}.takeoff-compound-total{font-weight:600;font-size:17px!important}.takeoff-compound-list{margin-block:16px}.takeoff-shape.is-compound-add polygon,.takeoff-shape.is-compound-add polyline{stroke:#222;fill:#36434e26;stroke-width:calc(var(--takeoff-stroke)*1.5)}.takeoff-shape.is-compound-subtract polygon,.takeoff-shape.is-compound-subtract polyline{stroke:#222;fill:#ffffffb8;stroke-dasharray:10 6;stroke-width:calc(var(--takeoff-stroke)*1.6)}.takeoff-shape.is-compound-add polyline,.takeoff-shape.is-compound-subtract polyline{fill:none}#takeoff-compound .estimate-warning{padding:12px;border-inline-start:3px solid #5b6064;background:#f3f4f5}#takeoff-compound .primary{width:100%;white-space:normal}@media(max-width:850px){.takeoff-compound-sources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.takeoff-compound-source{margin:0}.takeoff-compound-formula li{grid-template-columns:110px minmax(0,1fr)}}@media(max-width:520px){.takeoff-compound-sources{grid-template-columns:minmax(0,1fr)}.takeoff-compound-formula li{grid-template-columns:minmax(0,1fr);gap:5px}}
.compound-frozen-formula{margin-block:14px;padding-block:12px;border-block:1px solid #d9dddf}.compound-frozen-formula p{white-space:pre-line;overflow-wrap:anywhere;line-height:1.6}