/* Drawing calculator only. Keep the simple sketch form untouched. */
.sk-drawing-editor{--sk-ink:#253c30;--sk-green:#16823b;--sk-line:#d7e2d8;--sk-muted:#657467;padding:18px;background:#fafbf8;color:var(--sk-ink);font:14px/1.5 Arial,Helvetica,sans-serif;container-type:inline-size}
.sk-drawing-editor *{box-sizing:border-box}.sk-drawing-editor .sk-intro{max-width:80ch;margin:0 0 16px;color:var(--sk-muted)}.sk-drawing-editor button{cursor:pointer;font-family:inherit}.sk-drawing-editor button:disabled{cursor:default;opacity:.45}.sk-drawing-editor button:focus-visible,.sk-drawing-editor input:focus-visible,.sk-drawing-editor select:focus-visible,.sk-drawing-editor svg:focus-visible{outline:3px solid #1cb653;outline-offset:2px}
.sk-drawing-editor .sk-nav{display:flex;gap:7px;flex-wrap:wrap;border-bottom:1px solid var(--sk-line);padding:0 0 16px}.sk-drawing-editor .sk-button,.sk-drawing-editor .sk-plan-tab{min-height:40px;border:1px solid #bdcfbf;border-radius:7px;background:#fff;color:#2a5d3b;padding:8px 12px;font-size:13px;line-height:1.3}.sk-drawing-editor .sk-nav [aria-pressed=true]{background:#28543b;color:#fff;border-color:#28543b}.sk-drawing-editor .sk-plan-tab{margin-left:auto}
.sk-drawing-editor .sk-work{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:20px;margin:18px 0;padding:0;align-items:start}.sk-drawing-editor .sk-canvas-box{min-width:0;border:1px solid var(--sk-line);border-radius:10px;overflow:hidden;background:#fff}.sk-drawing-editor .sk-tools{display:flex;gap:3px;flex-wrap:wrap;padding:8px;border-bottom:1px solid var(--sk-line);background:#fff}.sk-drawing-editor .sk-tool{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:58px;min-width:55px;padding:6px 7px;border:1px solid transparent;background:#fff;border-radius:6px;color:#365943;font-size:10px;font-weight:400}.sk-drawing-editor .sk-tool svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}.sk-drawing-editor .sk-tool[aria-pressed=true]{background:#e8f3e8;border-color:#8bb699;color:#126c31}.sk-drawing-editor .sk-tool:hover{background:#f0f6ef}.sk-drawing-editor .sk-fit,.sk-drawing-editor .sk-close-contour{align-self:center;padding:8px;font-size:11px;min-height:35px;border:1px solid #b9cdbe;background:#fff;color:#28543b;border-radius:6px}.sk-drawing-editor .sk-close-contour{background:#16823b;color:#fff}.sk-drawing-editor .sk-tool-help{font-size:12px;line-height:1.45;color:#526c59;padding:9px 14px;margin:0;min-height:53px;background:#f6f9f5;border-bottom:1px solid var(--sk-line)}
.sk-drawing-editor .sk-canvas{background:#fff;overflow:hidden}.sk-drawing-editor .sk-canvas>svg{display:block;width:100%;height:auto;aspect-ratio:14/9;min-height:260px;touch-action:none;user-select:none;cursor:crosshair}.sk-drawing-editor .sk-grid-line{stroke:#e9eee8;stroke-width:.7}.sk-drawing-editor .sk-ground-line{stroke:#cedbcf;stroke-width:1.6;stroke-dasharray:6 5}.sk-drawing-editor .sk-face{fill:#edf4ed;stroke:none}.sk-drawing-editor .sk-face-base{fill:#c6daca}.sk-drawing-editor .sk-face-gable{fill:#e6dac6}.sk-drawing-editor .sk-zone-text{fill:#41624b;font-size:16px;font-weight:600;text-anchor:middle;pointer-events:none}.sk-drawing-editor .sk-edge{stroke:#2d503b;stroke-width:2.5;fill:none}.sk-drawing-editor .sk-edge.is-selected{stroke:#15a64a;stroke-width:4}.sk-drawing-editor .sk-edge-hit{stroke:transparent;stroke-width:20;cursor:pointer}.sk-drawing-editor .sk-edge-label{font-size:14px;fill:#244a32;text-anchor:middle;paint-order:stroke;stroke:#fff;stroke-width:4;stroke-linejoin:round;pointer-events:none}.sk-drawing-editor .sk-vertex{fill:#fff;stroke:#297c42;stroke-width:2;cursor:inherit}.sk-drawing-editor .sk-opening-shape{cursor:inherit}.sk-drawing-editor .sk-opening-shape rect{fill:#fff;stroke:#738eaa;stroke-width:2}.sk-drawing-editor .sk-opening-shape.is-selected rect{stroke:#179b43;stroke-width:3}.sk-drawing-editor .sk-opening-shape text{font-size:13px;text-anchor:middle;fill:#657e93;pointer-events:none}.sk-drawing-editor .sk-line-start{fill:#2aaf4f33;stroke:#189b43;stroke-width:2}.sk-drawing-editor .sk-empty-title{fill:#698171;font-size:20px;text-anchor:middle;pointer-events:none}.sk-drawing-editor .sk-empty-hint{fill:#8a998d;font-size:14px;text-anchor:middle;pointer-events:none}
.sk-drawing-editor .sk-inspector{display:flex;flex-direction:column;gap:12px;min-width:0}.sk-drawing-editor h3{font-size:18px;line-height:1.3;margin:0}.sk-drawing-editor h4{font-size:14px;margin:4px 0 8px}.sk-drawing-editor .sk-note{font-size:12px;line-height:1.45;color:var(--sk-muted);margin:0}.sk-drawing-editor .sk-field{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#405948}.sk-drawing-editor .sk-field input,.sk-drawing-editor .sk-field select,.sk-drawing-editor .sk-segment-row select,.sk-drawing-editor textarea{min-height:40px;width:100%;min-width:0;border:1px solid #c1d1c4;border-radius:6px;background:#fff;color:#243d2d;padding:8px 9px;font:14px Arial,Helvetica,sans-serif;resize:vertical}.sk-drawing-editor .sk-segments{display:grid;gap:8px;max-height:520px;overflow:auto;scrollbar-gutter:stable;padding:1px 4px 4px 1px}.sk-drawing-editor .sk-segment-row{display:flex;gap:7px;align-items:end}.sk-drawing-editor .sk-segment-row label{flex:1;min-width:0}.sk-drawing-editor .sk-segment-row select{flex:1;max-width:130px}.sk-drawing-editor .sk-distances{display:grid;grid-template-columns:1fr 1fr;gap:4px;font-size:12px;padding:12px;background:#edf4ed;border-radius:6px}.sk-drawing-editor .sk-distances strong{grid-column:1/-1;margin-bottom:3px}.sk-drawing-editor .sk-measure-result{font-size:20px;font-weight:600;color:#166f31;padding:12px;background:#e7f4e8;border-radius:6px;margin:0}.sk-drawing-editor .sk-rectangle{padding:12px;border:1px solid var(--sk-line);border-radius:7px}.sk-drawing-editor .sk-rectangle summary{cursor:pointer;font-size:12px}.sk-drawing-editor .sk-rectangle label{margin:10px 0}.sk-drawing-editor .sk-check{display:flex;flex-direction:row;gap:8px;align-items:start;font-size:12px;line-height:1.5}.sk-drawing-editor .sk-check input{width:18px;min-height:18px;flex:none;margin:0;accent-color:#16823b}
.sk-drawing-editor .sk-warnings{color:#8a5224;background:#fff5e7;border-left:3px solid #d99c54;padding:10px 14px;margin:16px 0;font-size:13px;line-height:1.5}.sk-drawing-editor .sk-warnings:empty{display:none}.sk-drawing-editor .sk-warnings p{margin:2px 0}.sk-drawing-editor .sk-accessories{padding:18px 0;border-top:1px solid var(--sk-line)}.sk-drawing-editor .sk-accessory-row{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:12px}.sk-drawing-editor .sk-accessory-box{display:flex;flex-direction:column;gap:10px}.sk-drawing-editor .sk-accessory-box button{align-self:start}.sk-drawing-editor .sk-comment{display:flex;flex-direction:column;gap:7px;border-top:1px solid var(--sk-line);padding-top:16px;font-size:13px}.sk-drawing-editor .sk-summary{display:grid;gap:5px;padding:15px 18px;margin:18px 0;background:#eaf3e9;border-left:3px solid #4e8c59;font-size:13px}.sk-drawing-editor .sk-summary strong{font-size:21px}.sk-drawing-editor .sk-feedback{color:#24663c;font-size:13px;margin:10px 0}.sk-drawing-editor .sk-feedback.is-error{color:#9d3425}.sk-drawing-editor .sk-remove{border:0;background:transparent;color:#9d4939;text-align:left;padding:7px 0;font-size:12px}.sk-drawing-editor .sk-footer{display:flex;gap:18px;position:static;justify-content:flex-end;align-items:center;border-top:1px solid var(--sk-line);padding:15px 0 0;background:transparent}.sk-drawing-editor .sk-send{background:#16823b;border:1px solid #16823b;color:#fff;border-radius:7px;padding:13px 20px;font:600 14px Arial,Helvetica,sans-serif;min-height:46px}.sk-drawing-editor .sk-upload{border:0;padding:8px 0;font-size:12px;text-decoration:underline;background:none;color:#426c4d}
@container(max-width:850px){.sk-drawing-editor .sk-work{grid-template-columns:1fr}.sk-drawing-editor .sk-inspector{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sk-drawing-editor .sk-inspector>h3,.sk-drawing-editor .sk-inspector>.sk-note,.sk-drawing-editor .sk-inspector>.sk-check{grid-column:1/-1}.sk-drawing-editor .sk-segments{max-height:250px}.sk-drawing-editor .sk-inspector .sk-field:last-of-type{grid-column:1/-1}}
@container(max-width:500px){.sk-drawing-editor .sk-tools{padding:5px;gap:2px}.sk-drawing-editor .sk-tool{min-width:45px;padding:5px;font-size:9px;min-height:53px}.sk-drawing-editor .sk-tool svg{width:20px;height:20px}.sk-drawing-editor .sk-work{gap:15px}.sk-drawing-editor .sk-canvas>svg{min-height:240px}.sk-drawing-editor .sk-inspector{display:flex}.sk-drawing-editor .sk-nav button{font-size:12px;padding:7px 9px}.sk-drawing-editor .sk-accessory-row{grid-template-columns:1fr;gap:18px}.sk-drawing-editor .sk-footer{flex-direction:column-reverse;align-items:stretch}.sk-drawing-editor .sk-field input,.sk-drawing-editor .sk-field select,.sk-drawing-editor textarea{font-size:16px}.sk-drawing-editor .sk-tool-help{font-size:11px}.sk-drawing-editor .sk-edge-label{font-size:17px}.sk-drawing-editor .sk-empty-title{font-size:25px}.sk-drawing-editor .sk-empty-hint{font-size:17px}}

.sk-drawing-editor .sk-zoom{align-self:center;padding:5px;min-width:32px;min-height:35px;border:1px solid #b9cdbe;background:#fff;color:#28543b;border-radius:6px;font-size:19px}
@container(max-width:500px){.sk-drawing-editor .sk-edge-label{font-size:28px}.sk-drawing-editor .sk-zone-text{font-size:30px}.sk-drawing-editor .sk-opening-shape text{font-size:23px}.sk-drawing-editor .sk-vertex{r:12px}}

.sk-drawing-editor .sk-ruler-overlay{pointer-events:none}.sk-drawing-editor .sk-ruler-line{fill:none;stroke:#087b92;stroke-width:2;stroke-linecap:round}.sk-drawing-editor .sk-ruler-dot{fill:#087b92}.sk-drawing-editor .sk-ruler-badge{fill:#fff;stroke:#087b92;stroke-width:1.5}.sk-drawing-editor .sk-ruler-label{font:600 16px Arial,Helvetica,sans-serif;fill:#075667;text-anchor:middle;dominant-baseline:middle}

/* The cursor follows the active tool even over existing endpoints and openings. */
.sk-drawing-editor:has(.sk-tool[aria-label="Отрезок"][aria-pressed="true"]) .sk-canvas>svg,.sk-drawing-editor:has(.sk-tool[aria-label="Отрезок"][aria-pressed="true"]) .sk-canvas>svg *{cursor:crosshair}
.sk-drawing-editor:has(.sk-tool[aria-label="Передвинуть"][aria-pressed="true"]) .sk-vertex,.sk-drawing-editor:has(.sk-tool[aria-label="Передвинуть"][aria-pressed="true"]) .sk-opening-shape{cursor:move}

.sk-drawing-editor .sk-opening-measure-edge{stroke:#738eaa;stroke-width:2;pointer-events:none}.sk-drawing-editor .sk-opening-measure-edge.is-selected{stroke:#15a64a;stroke-width:4}.sk-drawing-editor .sk-opening-measure-hit{stroke:transparent;stroke-width:18;pointer-events:stroke;cursor:crosshair;fill:none}.sk-drawing-editor .sk-opening-measure-hit:hover,.sk-drawing-editor .sk-opening-measure-hit:focus-visible{stroke:#087b9240;outline:none}

/* Align the final drawing inputs and calculation action as one clear sequence. */
.sk-drawing-editor>.sk-accessories{padding:22px;margin:20px 0;border:1px solid var(--sk-line);border-radius:12px;background:#fff}
.sk-drawing-editor .sk-accessories h3{margin:0 0 16px;font-size:18px}
.sk-drawing-editor .sk-accessory-row{margin:0;gap:24px;align-items:start}
.sk-drawing-editor .sk-accessory-box{min-width:0;gap:12px}
.sk-drawing-editor .sk-accessories .sk-field{margin:0;gap:8px;font-size:13px}
.sk-drawing-editor .sk-accessories select,.sk-drawing-editor .sk-accessories input{min-height:46px;padding:11px 12px;border-radius:8px}
.sk-drawing-editor>.sk-comment{border:0;padding:0;margin:22px 0 18px;gap:9px;font-size:14px}
.sk-drawing-editor>.sk-comment textarea{min-height:88px;padding:12px 14px;border-radius:8px;line-height:1.5}
.sk-drawing-editor .sk-completion{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 24px;align-items:center;padding:20px;background:#edf5ee;border:1px solid #d4e3d6;border-radius:12px}
.sk-drawing-editor .sk-completion .sk-summary{grid-column:1;grid-row:1;margin:0;padding:0;border:0;background:transparent;line-height:1.55}
.sk-drawing-editor .sk-completion .sk-summary strong{font-size:22px}
.sk-drawing-editor .sk-completion .sk-footer{grid-column:2;grid-row:1;margin:0;padding:0;border:0;background:transparent}
.sk-drawing-editor .sk-completion .sk-send{min-height:48px;padding:14px 22px;white-space:nowrap}
.sk-drawing-editor .sk-completion .sk-feedback{grid-column:1/-1;margin:0}.sk-drawing-editor .sk-completion .sk-feedback:empty{display:none}
.sk-drawing-editor .sk-warnings{border-radius:0 8px 8px 0;padding:12px 16px}
@container(max-width:650px){.sk-drawing-editor>.sk-accessories{padding:16px}.sk-drawing-editor .sk-accessory-row{grid-template-columns:1fr;gap:18px}.sk-drawing-editor .sk-completion{grid-template-columns:1fr;padding:16px;gap:16px}.sk-drawing-editor .sk-completion .sk-footer{grid-column:1;grid-row:auto;display:flex;align-items:stretch}.sk-drawing-editor .sk-completion .sk-send{width:100%;white-space:normal}.sk-drawing-editor .sk-completion .sk-feedback{grid-row:2}}