.fp-view{grid-column:1/-1;width:100%;background:#f6faf8;border:1px solid #c8ddd2;border-radius:14px;padding:18px;margin-bottom:16px}.fp-bar{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap}.fp-bar h3{margin:0}.fp-canvas{overflow:auto;background:#f9fcfa;border:1px solid #b7cfc1;border-radius:5px;margin:12px 0}.fp-canvas>svg{display:block;width:100%;height:auto;max-height:75vh;touch-action:pan-x pan-y pinch-zoom}.fp-canvas [data-fp-unit]{cursor:pointer;outline:none}.fp-canvas [data-fp-unit]:focus>rect{stroke:#217e69;stroke-width:6}.fp-editor .fp-canvas [data-fp-unit]{touch-action:pinch-zoom;cursor:grab}.fp-editor{width:min(1500px,98vw);max-width:98vw;max-height:96dvh;padding:22px;color:#193c35;background:#f3f7f5;border:1px solid #d7e3dd}.fp-editor::backdrop,.fp-reader::backdrop{background:#123d3277}.fp-editor button,.fp-reader button{width:155px;min-height:44px;font-size:13px;padding:8px;white-space:normal;line-height:1.2}.fp-editor button.primary{background:#197660;color:white}.fp-editor h2{margin:0 0 14px}.fp-editor label{font-size:13px;color:#4c695e;display:grid;gap:5px}.fp-editor input{width:100%;min-width:0;background:white;font-size:16px;min-height:42px}.fp-store-fields{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin:14px 0}.fp-workspace{display:grid;grid-template-columns:175px minmax(260px,1fr) 280px;gap:15px;align-items:start}.fp-tools,.fp-inspector,.fp-map-panel{background:white;border:1px solid #d7e3dd;border-radius:10px;padding:12px;min-width:0}.fp-tools{display:grid;gap:8px}.fp-tools button{display:flex;align-items:center;gap:9px;width:100%;text-align:left;font-size:12px}.fp-tools svg{width:55px;height:40px;flex-shrink:0}.fp-tools button:disabled{opacity:.5}.fp-inspector h3{margin:4px 0 12px}.fp-inspector label{margin-bottom:10px}.fp-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fp-inspector button{width:100%;margin:4px 0}.fp-inspector .fp-icon{width:100%;height:90px;margin:10px 0}.fp-inspector .fp-icon svg{width:100%;height:100%}.fp-state{background:#fff4df;color:#95651f;border:1px solid #ead3a7;padding:10px;border-radius:7px;font-size:13px}.fp-error{color:#aa3124;font-weight:600;min-height:24px;font-size:14px}.fp-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:16px;flex-wrap:wrap}.fp-unit-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.fp-unit-list button{width:130px;font-size:12px}.fp-reader{width:min(1000px,96vw);max-width:96vw;padding:20px}.fp-caption{font-size:13px;color:#617a6d}.fp-help{font-size:12px;color:#617a6d;line-height:1.5}.fp-danger{color:#a1382b!important}.fp-editor [hidden],.fp-reader [hidden]{display:none!important}@media(max-width:850px){.fp-editor{padding:12px}.fp-workspace{grid-template-columns:1fr}.fp-tools{grid-template-columns:repeat(4,minmax(0,1fr));order:2}.fp-tools button{display:flex;flex-direction:column;font-size:10px;text-align:center;min-height:70px}.fp-inspector{order:3}.fp-map-panel{order:1}.fp-store-fields{grid-template-columns:1fr 1fr}.fp-store-fields>label:first-child{grid-column:1/-1}.fp-canvas>svg{max-height:none}.fp-bar{font-size:13px}.fp-editor button{width:145px}.fp-foot{position:sticky;bottom:0;background:#f3f7f5;padding:9px 0}.fp-view{padding:10px}}
/* Building levels share the same dimensions and controls on browser, Android and iOS. */
.fp-levels{display:flex;gap:8px;overflow-x:auto;padding:6px 0;max-width:100%;scrollbar-width:thin}.fp-levels button,.fp-editor .fp-levels button{flex:0 0 116px;width:116px;height:58px;min-height:58px;border:1px solid #c8ddd2;border-radius:10px;background:#fff;color:#285e51;font-weight:700;line-height:1.2;padding:8px}.fp-levels button small{display:block;font-size:10px;font-weight:400;margin-top:5px;white-space:nowrap}.fp-levels button[aria-pressed=true]{background:#278577;border-color:#278577;color:white;box-shadow:0 3px 8px #163e3020}.fp-level-controls{margin:14px 0}.fp-level-tabs{min-width:0}.fp-level-actions{display:flex;align-items:end;gap:8px;flex-wrap:wrap;margin-top:8px}.fp-level-actions label{width:155px;flex:0 0 155px}.fp-editor select{min-height:44px;width:100%;background:#fff;font-size:16px;border:1px solid #b7cfc1;border-radius:6px;padding:8px}.fp-level-actions button{height:44px;min-height:44px}.fp-view [data-fp-edit]{width:155px;height:44px}.fp-levels button:focus-visible{outline:3px solid #d59525;outline-offset:2px}@media(max-width:850px){.fp-levels button,.fp-editor .fp-levels button{width:106px;flex-basis:106px}.fp-level-actions{display:grid;grid-template-columns:1fr 1fr}.fp-level-actions label{grid-column:1/-1;width:100%;display:flex;align-items:center;justify-content:space-between}.fp-level-actions input{max-width:145px}.fp-level-actions button,.fp-editor .fp-level-actions button{width:100%}}

.fp-level-controls{display:grid;grid-template-columns:minmax(0,1fr) 378px;gap:8px;align-items:end}.fp-level-actions{margin-top:0;flex-wrap:nowrap;padding-bottom:6px}.fp-level-actions label{width:120px;flex-basis:120px}.fp-editor [data-add-level]{width:110px}.fp-editor [data-remove-level]{width:120px}@media(max-width:850px){.fp-level-controls{grid-template-columns:minmax(0,1fr)}.fp-level-actions{grid-template-columns:120px minmax(0,1fr);padding-bottom:0;align-items:end}.fp-level-actions label{grid-column:auto;display:grid;align-items:initial;width:100%}.fp-level-actions input{max-width:none}.fp-editor [data-add-level],.fp-editor [data-remove-level]{width:100%}.fp-level-actions [data-remove-level]{grid-column:1/-1}}

/* Approved building-level navigation: fixed controls, phone is view-only. */
.fp-level-number{display:none}.fp-levels button,.fp-editor .fp-levels button{height:44px;min-height:44px;flex-basis:118px;width:118px}.fp-level-label{display:block}.fp-view .fp-levels{margin:10px 0}.fp-editor .fp-map-panel,.fp-editor .fp-inspector{border-radius:16px}.fp-editor button.primary{background:#278577}.fp-editor .fp-canvas [data-fp-unit]>rect[stroke="#d59525"]{stroke:#ce4f36}
html[data-device=mobile] .fp-levels button{width:66px;flex-basis:66px;height:44px;min-height:44px}html[data-device=mobile] .fp-level-label{display:none}html[data-device=mobile] .fp-level-number{display:block}html[data-device=mobile] [data-fp-edit],html[data-device=mobile] #addStore,html[data-device=mobile] #editStore{display:none!important}
