.drawing-controls .button{width:100%;min-height:44px}.drawing-controls p{font-size:12px;line-height:1.6;color:#67796e}
.drawing-dialog{width:min(1440px,calc(100vw - 32px));max-width:none;height:calc(100dvh - 32px);max-height:none;box-sizing:border-box;padding:24px;border:1px solid #d7e0d8;border-radius:16px;color:var(--ink);background:#f6f8f4;overflow:auto}.drawing-dialog::backdrop{background:#18332785}.drawing-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.drawing-header h2{font-size:25px;margin:6px 0}.drawing-header p{font-size:13px;color:#63746a;margin:0;overflow-wrap:anywhere}.drawing-header .button{flex-shrink:0}.drawing-dialog .button{min-height:44px;height:auto;padding:10px 14px;line-height:1.4;font-size:13px}.drawing-part-picker{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0 16px}.drawing-part-picker label{font-size:13px;font-weight:600}.drawing-dialog select{height:44px;max-width:100%;min-width:0;padding:0 10px;background:#fff;color:var(--ink);border:1px solid #cbd8ce;border-radius:8px;font:inherit;font-size:14px}.drawing-part-picker select{flex:1;min-width:230px}.drawing-part-picker>span{font-size:13px;color:#566d5c}.drawing-toolbar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid #dce4da;padding-top:14px}.drawing-sides,.drawing-actions{display:flex;gap:8px;flex-wrap:wrap}.drawing-sides [aria-pressed=true]{color:white;background:#335d49;border-color:#335d49}.drawing-sides [aria-pressed=true]:hover{background:#284c3b}.drawing-orientation{font-size:12px;line-height:1.6;color:#5c7062;margin:14px 0}.drawing-content{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px}.drawing-paper-area{min-width:0}.drawing-paper{background:white;border:1px solid #dce4da;border-radius:12px;overflow:auto;max-height:64dvh;min-height:260px;overscroll-behavior:contain}.drawing-paper svg{display:block;width:100%;height:auto}.drawing-zoom{display:flex;align-items:center;gap:8px;margin-bottom:10px}.drawing-zoom>span{font-size:12px;color:#64796b}.drawing-caption{font-size:12px;line-height:1.6;color:#687b6c}.drawing-inspector{background:#fff;border:1px solid #dce4da;border-radius:12px;padding:16px;min-width:0;max-height:76dvh;overflow:auto}.drawing-inspector>label{display:block;margin-bottom:8px;font-size:13px;font-weight:600}.drawing-inspector>select{width:100%}.drawing-inspector>p{font-size:12px;color:#65796b}.drawing-operations{max-height:210px;overflow:auto;display:flex;flex-direction:column;gap:8px}.drawing-op{flex-shrink:0;display:block;min-height:52px;text-align:left;padding:10px;border:1px solid #dce4da;border-radius:8px;background:#fff;color:#304c3c;font:inherit;cursor:pointer}.drawing-op strong,.drawing-op span{display:block;line-height:1.45}.drawing-op strong{font-size:13px}.drawing-op span{font-size:12px;color:#728375;margin-top:3px}.drawing-op[aria-pressed=true]{background:#fff5e3;border-color:#c99a50}.drawing-operation{border-top:1px solid #e2e9df;margin-top:16px;padding-top:12px}.drawing-operation h3{font-size:14px;line-height:1.6;margin:0 0 12px;overflow-wrap:anywhere}.drawing-operation dl{margin:0}.drawing-operation dl>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #edf1e9;font-size:12px;line-height:1.5}.drawing-operation dt{color:#66776b}.drawing-operation dd{margin:0;text-align:right;max-width:60%;font-weight:600;overflow-wrap:anywhere}.drawing-operation>p,.drawing-empty{font-size:13px;line-height:1.6}.drawing-footer{margin-top:16px;font-size:12px;line-height:1.6;color:#657969}.drawing-warning{color:#805b24;background:#fff5e5;border-left:3px solid #c9a56a;padding:9px 12px;font-size:12px;line-height:1.6}.drawing-dialog :focus-visible{outline:2px solid #53866d;outline-offset:3px}
@media(max-width:900px){.drawing-content{grid-template-columns:minmax(0,1fr)}.drawing-inspector{max-height:none}.drawing-paper{max-height:65dvh}.drawing-operations{max-height:180px}.drawing-operation dl>div{font-size:14px}.drawing-op strong{font-size:14px}}
@media(max-width:760px){.drawing-controls{grid-column:1/-1;margin:12px 0 20px}.drawing-dialog{width:100vw;height:100dvh;border:0;border-radius:0;padding:16px;margin:0}.drawing-header h2{font-size:21px}.drawing-header p{font-size:12px}.drawing-part-picker{gap:8px}.drawing-part-picker select{width:100%;flex-basis:100%}.drawing-part-picker>span{font-size:12px}.drawing-sides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:8px}.drawing-sides .button{padding:10px 6px;font-size:12px}.drawing-actions{width:100%}.drawing-actions .button{flex:1}.drawing-paper{min-height:240px}.drawing-orientation{font-size:12px}.drawing-dialog .eyebrow{font-size:9px}}

.drawing-paper{max-height:none}.drawing-paper.zoomed{max-height:64dvh}.drawing-inspector{max-height:none;overflow:visible}.drawing-header{position:sticky;top:-24px;background:#f6f8f4;z-index:2;padding-bottom:10px}.drawing-paper svg{stroke:none;fill:none}@media(max-width:760px){.drawing-header{top:-16px}}

.drawing-paper{overscroll-behavior:auto;scroll-margin-top:115px}.drawing-paper.zoomed{overscroll-behavior:contain}
.drawing-xray-toggle{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;box-sizing:border-box;padding:0 14px;border:1px solid #cbd8ce;border-radius:8px;background:#fff;font-size:13px;cursor:pointer}.drawing-xray-toggle:has(input:checked){background:#dce8cf;border-color:#809b67}.drawing-xray-toggle input{width:18px;height:18px;margin:0;accent-color:#526946}.drawing-xray-hint{font-size:12px;line-height:1.6;color:#5c7062;margin:0 0 14px}.drawing-xray-hint[hidden]{display:none}.drawing-op.is-hidden-operation{border-style:dashed}.drawing-xray-toggle:has(input:disabled){opacity:.5;cursor:default}
@media(max-width:760px){.drawing-xray-toggle{width:100%;flex-basis:100%}}