.drawing-sources,.drawing-tools,.drawing-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.drawing-sources button,.drawing-editor button{font:inherit;font-size:1rem;padding:10px 14px;min-height:44px;border:1px solid #b9b1a7;background:white;color:#221f1c;cursor:pointer}.drawing-sources button[aria-pressed=true]{background:#221f1c;color:#fff}.drawing-editor{border:1px solid #d9d5d0;padding:20px;background:#f8f7f6}.editor-heading{display:flex;justify-content:space-between;align-items:start;gap:15px}.drawing-editor h3{margin:0 0 8px;font-size:1.4rem}.drawing-editor p{font-size:.9rem;line-height:1.5}.editor-heading p{margin:0 0 20px}.drawing-tools button{cursor:grab}.drawing-tools button:hover{border-color:#9b761c;background:#f5ecd5}.drawing-workspace{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:18px}.drawing-surface{min-width:0}.canvas-settings{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.canvas-settings label{font-size:.875rem}.drawing-editor select,.drawing-editor input[type=number]{font:inherit;padding:9px;border:1px solid #b9b1a7;min-height:44px;min-width:0;max-width:100%;background:white;color:#221f1c}.drawing-editor svg{display:block;width:100%;height:auto;margin:12px 0;background:#fff;touch-action:none;user-select:none;border:1px solid #d9d5d0}.drawing-inputs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.shape-panel{border-left:1px solid #d9d5d0;padding-left:16px;min-width:0}.shape-panel label{display:grid;gap:5px;font-size:.875rem;margin-bottom:10px}.shape-panel button{width:100%;margin:5px 0 12px}.shape-panel details{border-block:1px solid #d9d5d0;padding:12px 0;margin-bottom:12px}.shape-panel summary{font-size:.9rem;font-weight:700;cursor:pointer;margin-bottom:12px}.draw-shape{fill:#d4a73533;stroke:#29261e;cursor:move;outline:none}.draw-shape.is-hole{fill:white;stroke:#8b431f;stroke-dasharray:4 2}.draw-shape.is-selected,.draw-shape:focus{stroke:#946608;fill:#e7c56b55}.draw-shape.is-hole.is-selected{fill:#fff5de}.draw-shape .line-hit{stroke:transparent;stroke-width:12;fill:none}.shape-number{pointer-events:none;fill:#4e4432;font-weight:700}.measure{pointer-events:none;fill:#755410}.measure path,.measure circle{stroke:#94701d;stroke-width:var(--measure-width,1);fill:#94701d}.measure text,.dimension-caption{paint-order:stroke;stroke:white;stroke-width:3px;fill:#644707;stroke-linejoin:round}.drawing-editor .drawing-primary{background:#d4a735;border-color:#d4a735;font-weight:700}.drawing-editor button:disabled{opacity:.5;cursor:not-allowed}.drawing-editor :focus-visible,.drawing-sources :focus-visible{outline:3px solid #986d08;outline-offset:3px}#drawError{color:#8b241b}#drawingApplied,#quoteSuccess{color:#365b3e}#quoteSuccess{background:#eaf4e8;padding:18px}#quoteServiceStatus{font-size:.9rem;color:#77521b}.drawing-actions{margin-bottom:0}.quote-trap{position:absolute;left:-10000px;opacity:0}[hidden]{display:none!important}.laser-layout.has-editor{grid-template-columns:1fr}.has-editor .laser-estimate{display:block}.has-editor .laser-estimate dl{grid-template-columns:1fr 1fr}.has-editor .laser-fields{max-width:800px}.has-editor .drawing-preview{display:none}.drawing-editor .drawing-help{font-size:.875rem;color:#625e55}@media(max-width:1000px){.drawing-workspace{grid-template-columns:1fr}.shape-panel{border-left:0;border-top:1px solid #d9d5d0;padding:16px 0 0}.drawing-editor{padding:12px}.drawing-tools{gap:6px}.drawing-tools button{flex:1 1 100px;font-size:.9rem;padding:8px}.drawing-actions button{width:100%}.drawing-sources button{flex:1}.has-editor .laser-estimate dl{grid-template-columns:1fr}}
.pick-edge{fill:none;stroke:#207a9660;cursor:crosshair;pointer-events:stroke}.pick-edge:hover,.pick-edge:focus,.pick-edge.picked{stroke:#007390;outline:none}.pick-point{fill:#fff;stroke:#007390;stroke-width:2;cursor:crosshair}.pick-point:hover,.pick-point:focus,.pick-point.picked{fill:#007390;outline:none}.drawing-price{background:#221f1c;color:white;padding:24px;margin:18px 0}.drawing-price>span{display:block;font-size:1rem}.drawing-price>strong{display:block;color:#e2b84d;font:2.5rem Georgia,serif}.drawing-price p{margin:8px 0}.drawing-price a{color:#f1cc68;text-decoration:underline}#measureMode[aria-pressed=true]{background:#176a82;color:white}#distancePanel{background:#edf5f8;padding:12px}#distancePanel input{width:100%}#dimensionList button{font-size:.875rem}.measure{pointer-events:none}.drawing-price:focus{outline:3px solid #d4a735}
.layer-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 14px;margin:0 0 14px;background:#efede9;border:1px solid #d9d5d0}.layer-bar>span{font-weight:800;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.layer-switch{display:flex;gap:6px}.layer-switch button{display:flex;align-items:center;gap:8px;margin:0;min-height:40px;padding:8px 12px}.layer-switch button i{display:block;width:12px;height:12px;border-radius:50%;background:#d4a735;border:2px solid #7c5e18}.layer-switch button[data-layer=mark] i{background:#2183a3;border-color:#155d74}.layer-switch button[aria-pressed=true]{background:#221f1c;color:#fff}.layer-bar p{margin:0 0 0 auto;color:#625e55}.draw-shape.is-mark{fill:#2183a322;stroke:#176f8b}.draw-shape.is-mark text{fill:#176f8b;stroke:none}.draw-shape.is-mark.is-selected,.draw-shape.is-mark:focus{fill:#2183a344;stroke:#07556e}.shape-number.is-mark{fill:#07556e}.selected-layer{margin:4px 0 12px!important;padding:7px 9px;border-left:4px solid #d4a735;background:#f6f0df;font-weight:700}.selected-layer.mark{border-color:#2183a3;background:#e8f4f8;color:#07556e}.input-wide{grid-column:1/-1}.drawing-editor input[type=text]{font:inherit;padding:9px;border:1px solid #b9b1a7;min-height:44px;min-width:0;max-width:100%;background:white;color:#221f1c}@media(max-width:700px){.layer-bar p{width:100%;margin-left:0}.layer-switch{width:100%}.layer-switch button{flex:1}}
.preview-3d{margin:18px 0 4px;background:#202529;color:#fff;border:1px solid #3b4348;box-shadow:0 18px 38px #10131526}.preview-3d-head{display:flex;justify-content:space-between;align-items:start;gap:20px;padding:18px 20px 10px}.preview-3d-head h4{margin:0 0 3px;font:400 1.5rem Georgia,serif}.preview-3d-head p{margin:0;color:#b9c0c4}.preview-3d-head button{margin:0;padding:2px 12px;min-height:38px;border-color:#626b70;background:transparent;color:#fff;font-size:1.6rem}.preview-3d-toolbar{display:flex;flex-wrap:wrap;gap:7px;padding:8px 20px 14px}.preview-3d-toolbar button{margin:0;min-height:40px;padding:7px 11px;border-color:#5f686d;background:#2e3539;color:#fff;font-size:.88rem}.preview-3d-toolbar button:hover,.preview-3d-toolbar button[aria-pressed=true]{border-color:#38b7df;background:#15596e}.preview-3d-modes{display:flex;gap:7px;margin-right:auto}.preview-3d canvas{display:block;width:100%;height:min(56vw,520px);min-height:330px;background:#15191c;touch-action:none;outline:none}.preview-3d canvas:focus-visible{box-shadow:inset 0 0 0 3px #d4a735}.preview-3d-foot{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:12px 20px;color:#cbd0d2}.preview-3d-foot div{display:flex;align-items:center;gap:7px;font-size:.85rem}.preview-3d-foot span{display:block;width:18px;height:5px;background:#a4abad}.preview-3d-foot .legend-mark{background:#38b7df}.preview-3d-foot p{margin:0 0 0 auto;max-width:560px;font-size:.82rem;color:#aeb6ba}.drawing-actions #open3dPreview{background:#fff}.drawing-actions #open3dPreview:not(:disabled):hover{border-color:#176f8b;color:#07556e}@media(max-width:700px){.preview-3d-head,.preview-3d-toolbar,.preview-3d-foot{padding-inline:12px}.preview-3d-toolbar button{flex:1}.preview-3d-modes{width:100%;margin:0}.preview-3d-modes button{flex:1}.preview-3d-foot p{width:100%;margin-left:0}.preview-3d canvas{height:380px}.drawing-actions{display:grid;grid-template-columns:1fr}.drawing-actions button{width:100%}}