.drawing-import{width:min(1440px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);height:min(980px,calc(100dvh - 32px));margin:auto;padding:0;border:1px solid #d2ddd3;border-radius:22px;background:#f6f8f2;color:#28433b;box-shadow:0 30px 100px #18382c55;overflow:hidden;font-family:inherit}
.drawing-import::backdrop{background:#112b2580;backdrop-filter:blur(5px)}
.drawing-import[open]{display:flex;flex-direction:column}.drawing-import [hidden]{display:none!important}
.drawing-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 28px 20px;border-bottom:1px solid #dce4d8;background:#fcfdf8}
.drawing-header span{font-size:10px;letter-spacing:2px;color:#74857a}.drawing-header h2{margin:7px 0;font-size:26px;letter-spacing:-.8px;font-weight:650}.drawing-header p{margin:0;color:#748176;font-size:12px;line-height:1.6}
.drawing-import button{font:inherit;cursor:pointer;border:1px solid #d6e0d1;border-radius:9px;padding:10px 13px;background:#fffef8;color:#355b4a;font-size:12px;transition:background .15s}.drawing-import button:hover:not(:disabled){background:#e4eddd}.drawing-import button:focus-visible,.drawing-import input:focus-visible,.drawing-import select:focus-visible,.drawing-drop:focus-visible{outline:3px solid #90b89d;outline-offset:2px}.drawing-import button:disabled{opacity:.45;cursor:not-allowed}.drawing-header .drawing-close{font-size:25px;border:0;background:transparent;padding:0 6px;line-height:1.4}
.drawing-body{overflow:auto;min-height:0;flex:1;padding:24px 28px;overscroll-behavior:contain}.drawing-intake{display:grid;grid-template-columns:1fr 1fr;gap:20px}.drawing-drop{min-height:190px;border:1.5px dashed #9fb299;border-radius:14px;background:#edf2e7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:20px;text-align:center;cursor:pointer}.drawing-drop:hover,.drawing-drop.dragging{border-color:#3e7259;background:#e0edd7}.drawing-drop strong{font-size:17px;font-weight:600}.drawing-drop span:not(.drawing-file-icon){font-size:12px;color:#778670}.drawing-drop small{font-size:11px;color:#7a8778}.drawing-file-icon{font-size:30px;font-weight:300}
.drawing-known{display:flex;align-items:center;gap:20px;border:1px solid #d9e2d2;padding:16px 20px;border-radius:14px;background:#fffef8}.drawing-known img{width:125px;height:165px;object-fit:contain;mix-blend-mode:multiply}.drawing-known small{font-size:10px;color:#7f8b78;letter-spacing:.8px}.drawing-known h3{font-size:17px;margin:8px 0}.drawing-known p{font-size:12px;color:#7b8675;line-height:1.6;max-width:230px}.drawing-known .drawing-known-use{background:#355e49;color:#fff;border-color:#355e49}.drawing-known .drawing-known-use:hover{background:#264d3a}.drawing-intake.compact{grid-template-columns:1fr 1.2fr;gap:14px}.drawing-intake.compact .drawing-drop{min-height:90px;padding:12px}.drawing-intake.compact .drawing-file-icon{display:none}.drawing-intake.compact .drawing-known{padding:12px;gap:12px}.drawing-intake.compact .drawing-known img{width:60px;height:90px}.drawing-intake.compact .drawing-known h3{font-size:14px;margin:4px 0}.drawing-intake.compact .drawing-known p{display:none}.drawing-intake.compact .drawing-known button{padding:7px 10px;margin-top:5px}
.drawing-file-summary{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:16px 0 0;font-size:12px;overflow-wrap:anywhere}.drawing-file-summary>span{color:#7e8879}.drawing-file-summary .drawing-matched{color:#477452;background:#e5efdc;border-radius:6px;padding:6px 9px}.drawing-steps{display:flex;gap:0;margin:22px 0 18px;justify-content:space-between;border-bottom:1px solid #dce4d5;padding-bottom:13px;font-size:13px;color:#49634f}.drawing-columns{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px}.drawing-board{min-width:0}.drawing-board-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.drawing-board-tools button{padding:8px 10px;background:#f7f9f1}.drawing-board-tools button.active{background:#dfead4;border-color:#95af8c;color:#254c35}.drawing-pages{display:flex;align-items:center;gap:7px;margin-right:4px;font-size:12px}.drawing-pages input{width:47px;padding:6px;background:#fff;border:1px solid #d3ddcb;border-radius:6px;color:inherit;font:inherit}.drawing-pages label{display:flex;align-items:center;gap:5px}.drawing-mode-hint{font-size:11px;color:#7d8976;line-height:1.6;min-height:18px;margin:10px 0}.drawing-canvas-wrap{height:480px;border:1px solid #d3dfca;border-radius:12px;overflow:hidden;background:#fff;position:relative}.drawing-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.drawing-candidate{fill:#b9c7a30a;stroke:#73976a65;stroke-width:1;cursor:pointer}.drawing-candidate:hover{stroke:#345c31;fill:#9fbf7045;stroke-width:2}.drawing-chosen{fill:#80b55633;stroke:#2e6538;stroke-width:2.5;pointer-events:none}.drawing-staged{fill:#4b897844;stroke:#34736a;stroke-width:1.5;pointer-events:none}.drawing-scale-line{fill:none;stroke:#cf5b40;stroke-width:2.5;pointer-events:none}.drawing-scale-point{fill:#cf5b40;stroke:#fff;stroke-width:1;pointer-events:none}.drawing-point-label{fill:#b33d2b;font-weight:700;paint-order:stroke;stroke:#fff;stroke-width:1;pointer-events:none}.drawing-anchor{fill:#5c6fb9;stroke:white;stroke-width:1;pointer-events:none}.drawing-trace{fill:#e2a74322;stroke:#b77e26;stroke-width:2;pointer-events:none}.drawing-trace-point{fill:#b77e26;pointer-events:none}.drawing-trace-tools{display:flex;gap:7px;margin:10px 0}.drawing-candidate-row{display:flex;align-items:center;gap:10px;justify-content:space-between;margin:12px 0;font-size:11px;color:#7c8775}.drawing-candidate-row label{display:flex;align-items:center;gap:7px;min-width:0;flex:1}.drawing-candidate-select{min-width:0;max-width:80%;padding:8px;border:1px solid #d7dfce;border-radius:8px;color:#49634e;background:#fffef8;font:inherit}.drawing-warnings{font-size:11px;color:#7d8875;line-height:1.7}.drawing-warnings summary{cursor:pointer}.drawing-warnings ul{padding-left:20px;max-height:140px;overflow:auto}
.drawing-config{display:flex;flex-direction:column;gap:18px}.drawing-config section{padding:16px;border:1px solid #d9e1d1;border-radius:12px;background:#fcfdf7}.drawing-config h3,.drawing-composition h3{font-size:14px;margin:0 0 13px}.drawing-cal-fields,.drawing-part-fields,.drawing-control-points>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.drawing-cal-fields>.drawing-field:nth-child(-n+4){grid-column:1/-1}.drawing-field{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#6c7b64;min-width:0;line-height:1.5}.drawing-field input,.drawing-field select{width:100%;box-sizing:border-box;min-width:0;border:1px solid #d4ddcb;border-radius:7px;background:#fff;padding:9px 10px;color:#35573f;font:inherit;font-size:12px;line-height:1.4}.drawing-part-fields>.drawing-field:first-child{grid-column:1/-1}.drawing-note{grid-column:1/-1;font-size:10px;line-height:1.65;color:#8a927f;margin:0}.drawing-cal-status,.drawing-selected-info{font-size:11px;line-height:1.65;color:#648055;overflow-wrap:anywhere}.drawing-cal-apply,.drawing-add-part{width:100%;margin-top:10px}.drawing-control-points{font-size:10px;margin-top:12px;color:#7f8a76}.drawing-control-points summary{cursor:pointer}.drawing-control-points>div{margin-top:10px}.drawing-control-points button{grid-column:1/-1}.drawing-composition{margin-top:24px;border-top:1px solid #d9e2d1;padding-top:20px}.drawing-composition>div:first-child>p{font-size:11px;color:#818c78;margin:0 0 15px}.drawing-segment-list{display:grid;gap:8px;grid-template-columns:1fr 1fr}.drawing-segment-list article{display:grid;grid-template-columns:1fr auto;gap:6px 12px;background:#edf3e5;border:1px solid #d6e1cc;padding:13px;border-radius:10px;align-items:center}.drawing-segment-list strong{font-size:12px;overflow-wrap:anywhere}.drawing-segment-list span{font-size:11px;color:#798a6c;grid-column:1}.drawing-segment-list button{grid-column:2;grid-row:1/3;padding:7px 10px}.drawing-empty{font-size:12px;color:#88927b;grid-column:1/-1}.drawing-result-options{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin:20px 0}.drawing-confirm{display:flex;align-items:center;gap:8px;grid-column:1/-1;font-size:12px;color:#4f7048}.drawing-confirm input{accent-color:#477346}.drawing-conflict{color:#9d6531}.drawing-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.drawing-preview-grid>div{border:1px solid #d9e2d1;border-radius:10px;padding:13px;min-height:50px;background:#f0f4e9}.drawing-preview-grid strong{font-size:11px;color:#718069;font-weight:500}.drawing-preview-grid svg{width:100%;height:250px;display:block}.drawing-preview-boundary{fill:none;stroke:#bd655b;stroke-width:1.4;stroke-dasharray:5 4}.drawing-preview-roof{fill:#86a698;stroke:#365e50;stroke-width:1}.drawing-preview-side{fill:#659080;stroke:#426b5c;stroke-width:.7}.drawing-preview-roof.podium{fill:#c7b890}.drawing-preview-side.podium{fill:#a99a72}.drawing-preview-roof.office{fill:#97adbf}.drawing-preview-side.office{fill:#748fa5}.drawing-preview-roof.terrace{fill:#abc399}.drawing-validation{font-size:12px;line-height:1.8;color:#7b866e;padding:14px 0;overflow-wrap:anywhere}.drawing-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 28px;background:#fcfdf7;border-top:1px solid #dce4d5}.drawing-status{font-size:12px;color:#6c7e64;line-height:1.6;overflow-wrap:anywhere}.drawing-status.error{color:#a04b3d}.drawing-footer .drawing-generate{background:#355e49;color:white;border-color:#355e49;padding:13px 22px;white-space:nowrap}.drawing-footer .drawing-generate:hover:not(:disabled){background:#264c39}.drawing-import.is-loading .drawing-canvas-wrap{opacity:.5}
@media(max-width:980px){.drawing-columns{grid-template-columns:minmax(0,1fr) 280px;gap:14px}.drawing-body{padding:18px}.drawing-header{padding:20px}.drawing-known{gap:10px;padding:14px}.drawing-known img{width:85px;height:130px}.drawing-canvas-wrap{height:400px}.drawing-segment-list{grid-template-columns:1fr}.drawing-footer{padding:14px 18px}}
@media(max-width:720px){.drawing-import{width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);border-radius:14px}.drawing-header{padding:16px}.drawing-header h2{font-size:22px}.drawing-header p{font-size:11px}.drawing-body{padding:14px}.drawing-intake,.drawing-intake.compact{grid-template-columns:1fr;gap:10px}.drawing-drop{min-height:135px}.drawing-known{gap:12px}.drawing-known img{width:68px;height:96px}.drawing-known h3{font-size:15px}.drawing-known p{margin:5px 0}.drawing-steps{font-size:10px;gap:8px;line-height:1.6;margin-top:18px}.drawing-columns{grid-template-columns:1fr}.drawing-canvas-wrap{height:340px}.drawing-config{display:grid;grid-template-columns:1fr}.drawing-cal-fields{grid-template-columns:1fr 1fr}.drawing-cal-fields>.drawing-field:nth-child(-n+4){grid-column:auto}.drawing-config section{padding:14px}.drawing-preview-grid{grid-template-columns:1fr}.drawing-preview-grid svg{height:230px}.drawing-result-options{grid-template-columns:1fr}.drawing-footer{flex-direction:column;align-items:stretch;gap:9px;padding:12px 14px}.drawing-footer .drawing-generate{width:100%;padding:11px}.drawing-status{font-size:11px;max-height:52px;overflow:auto}.drawing-candidate-row{align-items:flex-start;flex-direction:column}.drawing-candidate-row label{width:100%}.drawing-candidate-select{flex:1}.drawing-board-tools{gap:5px}.drawing-board-tools button{font-size:11px;padding:8px}.drawing-pages{width:100%;margin-bottom:3px}}