body{font-family:Lato,Arial,sans-serif}.planner-main{padding-top:22px;margin-top:80px}.planner-topline{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:23px}.planner-breadcrumb{display:flex;gap:11px;align-items:center;color:#6d8496;font-size:11px}.planner-breadcrumb a{color:#617d91;text-decoration:none}.planner-breadcrumb a:hover{color:#188ab8}.planner-breadcrumb>span:not(:last-child){color:#bbc9d4}.planner-topline .save-state{color:#40947e}.planner-topline .header-btn{background:#fff;border-color:#d6e1e9;color:#4a6d85;font-size:11px;line-height:1.4;margin:0}.planner-topline .header-btn:hover{background:#eaf4f9}.planner-topline .header-actions{gap:7px}.planner-main .page-heading{margin-bottom:25px}.planner-main .page-heading h1{font-size:30px;font-weight:900}.planner-main .eyebrow{color:#1689ba;letter-spacing:1.5px}.planner-main .primary{background:#178bbd}.planner-main .primary:hover{background:#0e729e}.scene-view-actions{display:flex;gap:7px;align-items:center}.fullscreen-button{background:#ffffffd9;border:1px solid #d8e4ec;color:#59768b;padding:9px 10px;font-size:10px;white-space:nowrap}.fullscreen-button:hover{background:#fff}.scene-wrap:fullscreen{width:100vw;height:100vh;border:0;border-radius:0;background:#edf4f8}.scene-wrap:fullscreen canvas{width:100%;height:100%}.scene-wrap:fullscreen .scene-toolbar{top:20px;left:24px;right:24px}.scene-wrap:fullscreen .scene-bottom{bottom:25px}.planner-guide{margin:8px 0 12px;padding:13px 16px;background:#fff;border:1px solid #dfe7ee;border-radius:7px;color:#698397;font-size:11px}.planner-guide summary{cursor:pointer;font-weight:700;color:#4b7089}.planner-guide ol{padding-left:18px;line-height:1.8;margin:12px 0 0}.planner-guide li{padding-left:4px;margin-bottom:7px}.footer{margin-top:25px}.footer .brand{white-space:normal}.footer .brand small{margin:5px 0 0;letter-spacing:.11em}.site-header .brand small{margin-top:5px}.site-header .brand-logo-shell img{max-width:100%}.scene-toolbar{gap:8px}
@media(max-width:1180px){.scene-toolbar{flex-wrap:wrap}.scene-tag{top:100px}.scene-view-actions{gap:5px}.fullscreen-button{padding:8px}.planner-main .page-heading h1{font-size:27px}}
@media(max-width:820px){.planner-main{margin-top:68px}.planner-topline{align-items:flex-start}.planner-topline .save-state{display:none}.planner-main .page-heading h1{font-size:25px}}
@media(max-width:760px){.planner-main{padding-top:19px}.planner-topline{margin-bottom:21px;gap:8px}.planner-breadcrumb{font-size:9px;gap:6px}.planner-topline .header-actions{gap:5px}.planner-topline .header-btn{padding:7px;font-size:9px}.planner-main .page-heading h1{font-size:23px}.scene-toolbar{align-items:flex-start;flex-wrap:wrap}.scene-tag{top:100px}.scene-wrap{height:440px}.scene-view-actions{gap:6px}.fullscreen-button{font-size:9px;padding:9px 8px}.planner-guide{font-size:10px}.footer{margin-top:15px}}
@media(max-width:420px){.planner-topline{flex-wrap:wrap;gap:12px}.planner-topline .header-actions{margin-left:0}.planner-main .eyebrow{font-size:9px}.planner-main .page-heading>button{font-size:9px}.scene-wrap{height:395px}.scene-toolbar .snap{font-size:9px}.scene-bottom{bottom:16px}.footer .brand-copy small{font-size:7px}}

/* Align the complete planner with the existing website header and footer. */
.planner-main{width:100%;max-width:none;margin-inline:0;padding-inline:var(--site-gutter)}
.planner-main .workspace>*,.planner-main .center-panel{min-width:0}

.planner-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.planner-actions button{min-height:40px;white-space:nowrap}
.planner-main .arrange-status{margin:-8px 0 24px;color:#52677a;font-size:13px;line-height:1.5;max-width:820px}
@media(max-width:600px){.planner-actions{width:100%}.planner-actions button{flex:1}.planner-main .arrange-status{margin-top:-8px}}

/* Export controls wrap without changing the shared page alignment. */
.planner-topline{flex-wrap:wrap}
.planner-topline .header-actions{display:flex;flex-wrap:wrap;align-items:center}
.planner-topline .header-btn{white-space:nowrap}
.planner-topline .header-btn:disabled{opacity:.6;cursor:wait}

.planner-main .rotation-option{display:flex;align-items:center;gap:9px;margin:16px 0 5px;cursor:pointer;color:#071523}
.planner-main .rotation-option input{width:17px;height:17px;flex:0 0 17px;margin:0;padding:0;accent-color:#178bbd}
.planner-main .rotation-help{margin:0 0 14px}

.planner-main .room-label,.planner-main #secondRoomFields legend{font-size:12px;font-weight:700;color:#52677a;margin:12px 0 8px}
.planner-main #secondRoomFields{border:0;margin:12px 0;padding:0;min-width:0}
.planner-main #secondRoomFields[hidden]{display:none}
.planner-main .scene-tag{max-width:calc(100% - 90px);font-size:9px}

/* Keep related commands together at the working area, below the site navigation. */
.planner-command-bar{position:sticky;top:88px;z-index:20;padding:12px 14px 10px;margin:0 0 14px;background:#f8fafc;border:1px solid #dce5ec;border-radius:9px;box-shadow:0 4px 14px #17334a08}
.planner-command-groups{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px}
.planner-command-group{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.planner-command-group+.planner-command-group{border-left:1px solid #d8e2e9;padding-left:16px}
.planner-command-bar button{min-height:38px;padding:8px 12px;font-size:12px;white-space:nowrap;margin:0}
.planner-command-bar [hidden]{display:none}
.planner-command-status{display:flex;align-items:baseline;justify-content:space-between;gap:8px 18px;margin-top:8px}
.planner-main .planner-command-bar .arrange-status{margin:0;max-width:none;font-size:11px;line-height:1.4}
.planner-command-bar .save-state{flex-shrink:0;color:#40947e;margin:0;font-size:11px}
@media(max-width:820px){.planner-command-bar{top:76px}.planner-command-status{flex-wrap:wrap}}
@media(max-width:600px){.planner-command-bar{padding:10px;position:static}.planner-command-groups{gap:8px}.planner-command-group+.planner-command-group{border-left:0;padding-left:0}.planner-command-group{width:100%}.planner-command-bar button{flex:1;min-height:40px}.planner-command-bar .save-state{font-size:10px}}
@media(max-height:650px){.planner-command-bar{position:static}}

.planner-command-groups{justify-content:space-between}
.planner-arrange-actions{margin-left:auto;justify-content:flex-end}
.planner-main .position-feedback{min-height:36px;margin:8px 0 0;color:#52677a}
.planner-main .position-feedback.is-error{color:#a34d42}
#positionForm input[aria-invalid=true]{border-color:#b85b50}
@media(max-width:600px){.planner-arrange-actions{border-top:1px solid #d8e2e9;padding-top:9px}.planner-arrange-actions button{flex:0 1 auto}}

/* Optional, browser-local plan storage; no page-wide consent wall. */
.planner-storage{margin:0 0 16px;padding:12px 16px;border:1px solid #dce3eb;background:#fff;border-radius:8px;font-size:14px;line-height:1.55}
.planner-storage summary{cursor:pointer;font-weight:700;color:#071523}
.planner-storage .rotation-option{margin-top:14px;display:flex;align-items:center;gap:10px}
.planner-storage input[type=checkbox]{width:18px;height:18px;flex:0 0 18px}
.planner-storage p{max-width:900px;margin:10px 0}
.planner-storage #storageFeedback:empty{display:none}
.storage-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px}
.storage-actions a{color:#315f94;text-decoration:underline}

.planner-main .planner-command-bar .arrange-status:empty{display:none}
.planner-command-status .save-state{margin-left:auto}