.fp-choices{display:grid;gap:14px}.fp-choices button{display:grid;text-align:left;padding:22px;border:1px solid #dbe5ed;border-radius:16px;background:#fff;gap:8px}.fp-choices span{color:#617589}
#modal.fp-dialog{inset:0!important;margin:0!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;border:0!important;border-radius:0!important;padding:0!important;background:#fafcff;color:#243b53;overflow:hidden}
.fp-dialog>.modal-heading,.fp-dialog #modalBody>.modal-heading{display:none!important}.fp-dialog .modal-content{padding:0!important;max-height:none!important;height:100%;overflow:hidden!important}.fp-dialog #modalBody{height:100%;padding:0!important}
#floorplanEditor{height:100%;display:flex;flex-direction:column;font-family:Inter,Arial,sans-serif;font-size:13px}#floorplanEditor button{cursor:pointer;font:inherit;box-shadow:none;color:#40556d;white-space:nowrap;background:#fff;border:1px solid transparent;border-radius:7px;padding:8px 10px}#floorplanEditor button:hover{background:#edf8f6;border-color:#b7dfd9}#floorplanEditor button.active{background:#009b90;color:white}#floorplanEditor input,#floorplanEditor select{font:inherit;color:#243b53;background:#f5f8fc;border:1px solid #dce6ef;border-radius:6px;padding:8px;min-width:0}
.fp-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 15px;background:#fff;border-bottom:1px solid #dce5ee;z-index:3}.fp-title{display:flex;gap:8px;align-items:center}.fp-title input{width:150px!important;background:white!important}.fp-nav{display:flex;gap:2px;overflow:auto}.fp-nav button{border-radius:22px!important}.fp-views{display:flex;gap:3px;background:#f0f3f6;padding:3px;border-radius:8px}.fp-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:2px;padding:6px 12px;background:#f7f9fc;border-bottom:1px solid #dce5ee}.fp-tool-end{display:flex;gap:4px;margin-left:auto}.fp-presets{display:flex;align-items:center;gap:10px;width:100%;padding-top:6px;border-top:1px solid #e4ebf2}.fp-presets label{display:flex;align-items:center;gap:5px}.fp-presets input[type=number]{width:100px}.fp-presets input[type=checkbox]{width:15px}.fp-body{display:flex;flex:1;min-height:0;position:relative}.fp-body aside{position:absolute;top:14px;left:12px;bottom:auto;max-height:calc(100% - 55px);width:270px;box-sizing:border-box;padding:18px;overflow:auto;z-index:2;background:rgba(255,255,255,.97);border:1px solid #dce5ee;border-radius:13px;box-shadow:0 6px 18px #1a304414;scrollbar-width:thin}.fp-body h3{font-size:14px;margin:0 0 18px;padding-bottom:15px;border-bottom:1px solid #e1e8ef}.fp-body label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:11px 0;font-size:12px}.fp-body label input,.fp-body label select{width:110px}.fp-body p{font-size:12px;color:#7d91a8;line-height:1.6}.fp-body .danger{color:#dc364b!important;border:1px solid #ead9de!important;width:100%;margin-top:12px}.fp-body button{border:1px solid #dae5ef!important}.fp-canvas{flex:1;min-width:0;position:relative;background:#fbfdff}.fp-canvas svg{width:100%;height:100%;touch-action:none;user-select:none}.fp-canvas [data-id]{cursor:move}.fp-zoom{position:absolute;right:18px;bottom:40px;display:flex;border:1px solid #dce5ee;background:#fff;border-radius:8px;box-shadow:0 3px 9px #17354b14}#fpHint{position:absolute;bottom:8px;left:12px;right:12px;font-size:11px;color:#7d91a8;pointer-events:none}#fpSurfaceGrid{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:12px}#fpSurfaceGrid button{padding:3px!important;text-align:left;white-space:normal!important;font-size:10px!important;border-radius:5px!important}#fpSurfaceGrid img{width:100%;height:70px;object-fit:cover;border-radius:3px}#fpSurfaceGrid span{display:block;line-height:1.4;margin:4px}#fpSurfaceGrid button.active{background:#effbf8!important;color:#008e83!important;border-color:#009b90!important}#fpSurfaceBrand{width:100%}.fp-surface-size label{display:block}.fp-surface-size input{width:100%!important;margin-top:4px}
#mobileFloorPlan{display:none}#fpWorkspaceBar{position:absolute;z-index:9;left:10px;right:10px;top:5px;display:flex;gap:3px;padding:5px;background:#ffffffed;border:1px solid #d7e3ea;border-radius:12px;overflow:auto;backdrop-filter:blur(12px)}#fpWorkspaceBar button{font-size:12px;white-space:nowrap;background:transparent;border:0;color:#38546b;border-radius:7px;padding:8px}#fpWorkspaceBar button.active,#fpReturn2d{background:#008f85!important;color:white!important}#fpWorkspaceBar~.studio-top{top:60px}
@media(max-width:1100px){.fp-header{flex-wrap:wrap;padding:6px 10px}.fp-nav{order:3;width:100%}.fp-toolbar{flex-wrap:nowrap;overflow:auto;min-height:42px;flex-shrink:0}.fp-toolbar:has(.fp-presets){padding-bottom:46px;position:relative}.fp-presets{position:absolute;bottom:2px;left:10px;width:calc(100% - 20px);overflow:auto;white-space:nowrap}.fp-tool-end{margin-left:15px}.fp-presets input[type=number]{width:80px}}
@media(max-width:850px){#mobileFloorPlan{display:block;position:absolute;right:12px;top:65px;z-index:8;background:#fff;color:#007f78;border:1px solid #c5dcd9;border-radius:10px;padding:10px}#fpWorkspaceBar{top:4px;right:10px}.fp-body aside{top:auto;bottom:35px;left:8px;width:240px;max-height:32%;padding:12px;background:#ffffffed}.fp-body aside h3{margin-bottom:8px;padding-bottom:8px}.fp-body aside label{margin:7px 0}.fp-title input{width:130px!important}.fp-title button{padding:6px!important}.fp-views button{padding:6px!important}.fp-body .fp-canvas{min-height:250px}.fp-zoom{bottom:38px;right:10px}.fp-nav button{font-size:12px!important}.fp-presets{gap:5px;font-size:11px}#fpHint{font-size:10px;line-height:1.3}}
/* Keep the planner header independent from the main application's mobile header. */
#floorplanEditor>.fp-header{height:auto;min-height:60px;flex:0 0 auto}.fp-header .fp-nav{margin:0;background:transparent;border:0}.fp-header .fp-title{flex-shrink:0}.fp-header .fp-views{flex-shrink:0}.room-workspace .view-top{display:none}.room-workspace .studio-top{top:58px}.room-workspace .orientation{top:110px}
@media(max-width:850px){#floorplanEditor>.fp-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;padding:6px 8px;min-height:90px}.fp-header .fp-title{grid-column:1;grid-row:1;gap:3px;min-width:0}.fp-header .fp-title input{width:95px!important;font-size:11px}.fp-header .fp-title button{font-size:11px!important;padding:5px!important}.fp-header .fp-views{grid-column:2;grid-row:1;gap:0}.fp-header .fp-views button{font-size:10px!important;padding:7px 5px!important}.fp-header .fp-nav{grid-column:1/-1;grid-row:2;max-width:100%;min-width:0;order:initial}.fp-header .fp-nav button{flex-shrink:0}#floorplanEditor .fp-toolbar{min-height:44px}.fp-body aside{max-height:30%;width:230px}}

.fp-choices .fp-choice-wizard{border-color:#9fd6cc;background:linear-gradient(135deg,#f2fbf8,#fff)}.fp-choices .fp-choice-wizard b{color:#0a6e65}
