#facadeBuilderRoot{max-width:1600px;margin:auto;color:#203d31}#facadeBuilderRoot *{box-sizing:border-box}#facadeBuilderRoot h1{font-size:clamp(24px,3vw,36px);margin:6px 0 10px}#facadeBuilderRoot h3{margin:6px 0 14px}#facadeBuilderRoot p{line-height:1.5}#facadeBuilderRoot .fb-eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#677e72;margin:0}#facadeBuilderRoot .fb-header{display:flex;justify-content:space-between;align-items:center;gap:16px}#facadeBuilderRoot button{border:1px solid #cedcd4;background:white;color:#20503c;border-radius:8px;padding:10px 14px;font:inherit;font-size:13px;font-weight:650;cursor:pointer}#facadeBuilderRoot button:hover{background:#edf5ef}#facadeBuilderRoot button[type=submit]{background:#1b5540;color:white}#facadeBuilderRoot input,#facadeBuilderRoot select{font:inherit;font-size:13px;width:100%;min-width:0;border:1px solid #d0ddd5;background:white;border-radius:7px;padding:10px;color:#203d31}#facadeBuilderRoot label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:650}#facadeBuilderRoot .fb-notice{background:#fff8e7;border:1px solid #efdfb2;border-radius:10px;padding:13px 18px;font-size:13px;margin:18px 0}#facadeBuilderRoot .fb-toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:20px 0}#facadeBuilderRoot .fb-toolbar label:first-child{flex:1;min-width:180px}#facadeBuilderRoot .fb-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px}#facadeBuilderRoot .fb-workspace{min-width:0}#facadeBuilderRoot .fb-add{display:flex;flex-wrap:wrap;gap:12px;align-items:end;padding:16px;background:white;border:1px solid #dce5df;border-radius:12px 12px 0 0}#facadeBuilderRoot .fb-add input{width:70px}#facadeBuilderRoot .fb-add span{font-size:12px;margin:auto 0 auto auto;color:#6c8176}#facadeBuilderRoot .fb-canvas{width:100%;aspect-ratio:1100/760;position:relative;background-color:white;background-image:radial-gradient(#d6dfd8 1px,transparent 1px);background-size:20px 20px;border:1px solid #dce5df;overflow:hidden;border-radius:0 0 12px 12px}#facadeBuilderRoot .fb-element{position:absolute;cursor:grab;touch-action:none;user-select:none;border:1px solid transparent;border-radius:4px;padding:4px;display:flex;flex-direction:column;outline:none}#facadeBuilderRoot .fb-element.selected,#facadeBuilderRoot .fb-element:focus-visible{border-color:#2b8b62;background:#f2faf5b8;z-index:2;box-shadow:0 0 0 2px #76ad8c44}#facadeBuilderRoot .fb-element-label{font-size:clamp(7px,.75vw,11px);text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-weight:700}#facadeBuilderRoot .fb-drawing{flex:1;min-height:0}#facadeBuilderRoot .fb-drawing svg,#facadeBuilderRoot .fb-drawing img{width:100%;height:100%;display:block;object-fit:contain;pointer-events:none}#facadeBuilderRoot .fb-tags{position:absolute;left:5%;right:5%;top:48%;display:flex;flex-direction:column;gap:3px;pointer-events:none}#facadeBuilderRoot .fb-tags span{font-size:clamp(7px,.72vw,10px);padding:3px 5px;border-radius:4px;background:#edf9e9;color:#245137;border:1px solid #bed8b5;overflow-wrap:anywhere}#facadeBuilderRoot .fb-tags .association{background:#fff2d3;color:#765219;border-color:#e5ca8b}#facadeBuilderRoot .fb-resize{position:absolute;bottom:-1px;right:-1px;padding:2px 5px;border-radius:3px;font-size:15px;touch-action:none;cursor:nwse-resize}#facadeBuilderRoot .fb-inspector{padding:22px;border:1px solid #dce5df;border-radius:12px;background:white;align-self:start}#facadeBuilderRoot .fb-inspector label{margin-bottom:14px}#facadeBuilderRoot .fb-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}#facadeBuilderRoot .fb-help{font-size:12px;color:#6b8074}#facadeBuilderRoot .fb-actions{display:flex;gap:8px;margin:14px 0}#facadeBuilderRoot hr{border:0;border-top:1px solid #e1e9e3;margin:22px 0}#facadeBuilderRoot .fb-orders{border:1px solid #dce5df;background:white;border-radius:12px;padding:24px;margin-top:24px}#facadeBuilderRoot .fb-order-head{display:flex;justify-content:space-between;gap:20px}#facadeBuilderRoot .fb-order-head strong{font-size:14px}#facadeBuilderRoot .fb-order-list article{display:flex;gap:16px;align-items:center;border-top:1px solid #e1e9e3;padding:14px 0}#facadeBuilderRoot .fb-order-list article div{flex:1}#facadeBuilderRoot .fb-order-list p{font-size:12px;color:#6b8074;margin:5px 0}#facadeBuilderRoot [data-fb-status]{font-size:13px;min-height:22px}@media(max-width:1000px){#facadeBuilderRoot .fb-layout{grid-template-columns:1fr}#facadeBuilderRoot .fb-inspector{width:100%}}@media(max-width:600px){#facadeBuilderRoot .fb-order-head,#facadeBuilderRoot .fb-order-list article{flex-direction:column;align-items:start}#facadeBuilderRoot .fb-toolbar>*{flex:1 1 100%}#facadeBuilderRoot .fb-inspector,#facadeBuilderRoot .fb-orders{padding:16px}#facadeBuilderRoot .fb-header{align-items:start}#facadeBuilderRoot .fb-add span{width:100%}}

/* Structural markings stay behind windows; only their strokes catch a drag. */
#facadeBuilderRoot .fb-element:not(.fb-shape){z-index:2}
#facadeBuilderRoot .fb-element:not(.fb-shape).selected{z-index:3}
#facadeBuilderRoot .fb-shape,#facadeBuilderRoot .fb-shape.selected,#facadeBuilderRoot .fb-shape:focus-visible{z-index:0;padding:0;background:transparent;box-shadow:none;border:0;pointer-events:none;overflow:visible}
#facadeBuilderRoot .fb-shape svg{position:absolute;inset:0;overflow:visible;pointer-events:none}
#facadeBuilderRoot .fb-shape rect,#facadeBuilderRoot .fb-shape line{fill:none;stroke:#26372e;stroke-width:3;pointer-events:stroke;vector-effect:non-scaling-stroke}
#facadeBuilderRoot .fb-shape.selected rect,#facadeBuilderRoot .fb-shape.selected line{stroke:#368768}
#facadeBuilderRoot .fb-shape .fb-element-label{position:absolute;top:5px;left:8px;width:max-content;max-width:200px;background:#ffffffed;border-radius:4px;padding:3px 6px;pointer-events:auto;z-index:1}
#facadeBuilderRoot .fb-corner .fb-element-label{left:16px}
#facadeBuilderRoot .fb-shape .fb-resize{pointer-events:auto;z-index:1;min-width:24px;min-height:24px}
#facadeBuilderRoot .fb-shape.locked{cursor:default}
#facadeBuilderRoot .fb-shape-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 16px;background:#f0f5f1;border:1px solid #dce5df;border-top:0}
#facadeBuilderRoot .fb-shape-tools label{margin-left:auto;min-width:190px}
#facadeBuilderRoot #fb-shape-form fieldset{border:0;margin:0;padding:0;min-width:0}
#facadeBuilderRoot button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:600px){#facadeBuilderRoot .fb-shape-tools label{width:100%;margin-left:0}}

/* The camera is independent of the stored centimetre coordinates. */
#facadeBuilderRoot .fb-view-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px 16px;background:white;border:1px solid #dce5df;border-top:0}
#facadeBuilderRoot #fb-zoom{min-width:54px;text-align:center;font-size:12px;font-variant-numeric:tabular-nums}
#facadeBuilderRoot .fb-view-tools [aria-pressed=true]{background:#1b5540;color:white}
#facadeBuilderRoot .fb-viewport{position:relative;width:100%;height:clamp(380px,65vh,720px);overflow:hidden;border:1px solid #dce5df;border-radius:0 0 12px 12px;touch-action:none;background:#edf2ef;cursor:grab}
#facadeBuilderRoot .fb-canvas{position:absolute;left:0;top:0;aspect-ratio:auto;transform-origin:0 0;border:0;border-radius:0;overflow:visible}
#facadeBuilderRoot .fb-element:not(.fb-shape){padding:0}
#facadeBuilderRoot .fb-element:not(.fb-shape)>.fb-element-label{position:absolute;bottom:100%;left:0;width:100%;font-size:11px}
#facadeBuilderRoot .fb-viewport.panning .fb-element,#facadeBuilderRoot .fb-viewport.panning .fb-resize{cursor:grab}
@media(max-width:600px){#facadeBuilderRoot .fb-viewport{height:420px}#facadeBuilderRoot .fb-view-tools{padding:10px;gap:6px}}

#facadeBuilderRoot .fb-drawing svg{pointer-events:auto}
#facadeBuilderRoot .fb-drawing [data-pane] rect{pointer-events:all;cursor:pointer}
#facadeBuilderRoot .fb-window-controls{border-top:1px solid #e1e9e3;border-bottom:1px solid #e1e9e3;padding:12px 0;margin:18px 0}

#facadeBuilderRoot .fb-text,#facadeBuilderRoot .fb-text.selected{z-index:4;pointer-events:auto}
#facadeBuilderRoot .fb-text.selected{outline:1px dashed #368768}
#facadeBuilderRoot .fb-text svg{width:100%;height:100%}
#facadeBuilderRoot .fb-horizontal .fb-element-label{top:-24px;left:8px}

#facadeBuilderRoot .fb-element:not(.selected) .fb-resize{display:none}