header{gap:16px;padding:0 20px}.brand{min-width:170px}header nav{gap:14px}.local{display:none}.role-switch{display:flex;gap:3px;padding:4px;background:#edf3f0;border-radius:9px;margin-left:auto}.role-switch button{border:0;background:transparent;color:#667c74;font-size:12px;padding:7px 11px}.role-switch button[aria-pressed="true"]{background:white;color:#146b5a;box-shadow:0 1px 5px #183e2520;font-weight:650}
#editor{grid-template-columns:310px minmax(340px,1fr) 310px;height:calc(100vh - 77px);min-height:0;overflow:hidden}.settings,.inspector{padding:16px;overflow:auto;overscroll-behavior:contain;min-width:0}.inspector{display:block;grid-column:auto}.workspace{padding:20px;overflow:auto;min-width:0}.workspace-group{border:1px solid #e1e8e4;background:white;border-radius:10px;padding:0;margin:0 0 10px;overflow:hidden}.workspace-group>summary{padding:13px 12px;margin:0;color:#35564a;background:#f5f8f6;font-size:12px}.workspace-group[open]>summary{border-bottom:1px solid #e1e8e4;margin-bottom:12px}.workspace-group>label,.workspace-group>.two,.workspace-group>.label-row,.workspace-group>#shapeParameters,.workspace-group>#source,.workspace-group>.hint,.workspace-group>details,.workspace-group>.empty-small,.workspace-group>#selection,.workspace-group>#groupSelection{margin-left:12px;margin-right:12px}.workspace-group>.full,.workspace-group>.upload{width:calc(100% - 24px);margin-left:12px;margin-right:12px}.workspace-group .upload{padding:9px 5px}.workspace-group .upload span{display:none}.workspace-group .upload small{font-size:10px}.workspace-group .group-toolbar,.workspace-group .hole-toolbar,.workspace-group .manual-dimension-tools{padding:12px;border:0;gap:9px}.workspace-group .group-toolbar{display:grid}.workspace-group .hole-toolbar{display:block;margin:0}.workspace-group .hole-toolbar label{display:block;margin:8px 0}.workspace-group .hole-toolbar select{width:100%;margin:4px 0}.workspace-group details.hole-toolbar:not([open])>label{display:none}.workspace-group .manual-dimension-tools{display:block}.workspace-group .manual-dimension-tools>*{margin-bottom:10px}.workspace-group .manual-dimension-tools>select{max-width:none;width:100%}.workspace-group .manual-dimension-tools>button{width:100%}.workspace-group .bottom-panel{margin:0;border-radius:0}.workspace-group .bottom-tabs{flex-wrap:wrap;gap:8px;padding:8px}.workspace-group .bottom-tabs button{font-size:10px;padding:4px}.workspace-group .bottom-tabs span{margin:0}.workspace-group #measurements{max-height:260px;overflow:auto}.workspace-group .manual-dimension-row{flex-wrap:wrap}.workspace-group .print-note{margin:12px}.drawing-options{padding:0 12px 8px}.visual-actions{display:flex;gap:10px;margin:12px 0}.visual-actions button{flex:1}.toolbar{border-radius:9px}.drawing-top{margin-bottom:12px}#canvasWrap{height:clamp(420px,65vh,780px);border-top:1px solid var(--line);border-radius:10px 10px 0 0}.operation-row{padding:13px 0;border-bottom:1px solid #e5ebe7;display:flex;gap:8px;align-items:center}.operation-toggle{display:flex;align-items:center;gap:10px;flex:1;margin:0;min-width:0}.operation-toggle input{flex-shrink:0;margin:0}.operation-toggle strong{font-size:12px;color:#314d42;display:block;font-weight:600}.operation-toggle small{font-size:10px;line-height:1.4;display:block;margin-top:4px;color:#7c8b82;font-weight:400}.operation-row button{font-size:10px;padding:6px 8px;background:#f7faf8;flex-shrink:0}#operationsPanel h2{font-size:19px;margin:5px 0 7px}#allProductSettings{margin:18px 0 0}.inspector>.section-label{margin-top:25px;padding-top:18px}.settings>.backup{margin:18px 5px;font-size:10px}#designPreview{height:clamp(420px,65vh,780px);border:1px solid #e0e7e2;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:24px;gap:18px}#designReference{width:100%;min-height:0;flex:1;object-fit:contain}#designPreview p{font-size:11px;color:#7e8b84;margin:0;text-align:center}.design-caption{font-size:10px;letter-spacing:1.4px;color:#87988c}body[data-workspace-role="designer"] .technical-only{display:none!important}body[data-workspace-role="designer"] .toolbar #zoomOut,body[data-workspace-role="designer"] .toolbar #zoomIn,body[data-workspace-role="designer"] #zoomLabel,body[data-workspace-role="designer"] #fit{display:none}body[data-workspace-role="designer"] .metrics>div:nth-child(n+3){display:none}body[data-workspace-role="designer"] .metrics{grid-template-columns:1fr 1fr}.metrics strong{white-space:normal}.metrics>div{padding:12px 8px}
@media(max-width:1150px){header{flex-wrap:wrap;height:auto;min-height:100px;padding:12px;gap:10px}header nav{height:36px}.brand{min-width:150px}.role-switch{margin-left:auto}#editor{height:calc(100vh - 110px);grid-template-columns:270px minmax(300px,1fr)}.inspector{grid-column:1/-1;max-height:none;overflow:visible}.workspace{grid-column:2;grid-row:1/3}.settings{grid-column:1;grid-row:1}.inspector{grid-column:1;grid-row:2}#editor{overflow:auto;height:auto}.settings,.workspace{overflow:visible}.workspace{position:sticky;top:0;align-self:start}.face{display:none}}
@media(max-width:760px){#editor{display:flex;flex-direction:column}.settings{order:1}.workspace{order:2;position:static}.inspector{order:3}.role-switch{margin-left:0}header nav{order:3;width:100%}.workspace{padding:12px}#canvasWrap,#designPreview{height:440px}.settings,.inspector{padding:12px}.workspace-group .group-toolbar{display:flex}.visual-actions{flex-wrap:wrap}.visual-actions button{min-width:140px}}