:root{font-family:Arial,sans-serif;color:#293d36;background:#f3f3ee}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer;color:inherit;background:#fff;border:1px solid #d7dfd7;border-radius:8px;padding:10px 14px}button:hover{background:#edf3ed}button:focus-visible,a:focus-visible{outline:3px solid #c58c48;outline-offset:3px}[hidden]{display:none!important}header{height:88px;display:flex;align-items:center;padding:0 36px;border-bottom:1px solid #dde2d9;background:#fafbf6;gap:64px}.brand{font-size:26px;font-weight:700;letter-spacing:-1px;color:#253d31;text-decoration:none}.brand small{display:block;letter-spacing:2px;font-size:8px;margin-top:5px}.breadcrumb{font-size:13px;color:#79847d}.breadcrumb span{margin:0 18px}header>button{margin-left:auto;background:transparent;font-size:12px}main{position:relative;height:calc(100dvh - 88px);min-height:540px;overflow:hidden}#viewport{position:absolute;inset:0 310px 0 0}canvas{display:block;width:100%;height:100%;touch-action:none}.intro{position:absolute;top:32px;left:36px;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:bold;color:#879180}h1{font-size:44px;line-height:1.06;letter-spacing:-2px;font-weight:500;margin:14px 0}p{font-size:13px;line-height:1.7;color:#7a8378}.intro p{font-size:12px}aside{position:absolute;right:0;top:0;bottom:0;width:310px;background:#fafbf6;border-left:1px solid #dde2d9;padding:34px 24px;overflow-y:auto}h2{font-size:23px;font-weight:500;letter-spacing:-.6px;margin:12px 0 24px}.room-card{display:block;text-align:left;width:100%;padding:16px 13px;margin:8px 0;background:transparent;border-color:#e0e5db;border-radius:10px}.room-card strong{display:block;font-size:14px;font-weight:500}.room-card small{display:block;margin-top:7px;font-size:10px;color:#7e887a}.room-card[data-room="bedroom-2"]{border-color:#91aa8d;background:#edf2e7}.room-card.selected{box-shadow:inset 3px 0 #487956}.detail{margin-top:28px;padding-top:24px;border-top:1px solid #dfe4d9}.detail>span{font-size:9px;letter-spacing:1.5px;color:#82907d}h3{font-weight:500;font-size:20px;margin:12px 0}.detail p{font-size:12px}.detail button{width:100%;background:#2e5441;color:white;border:0}.note{font-size:10px;line-height:1.6;margin-top:25px;color:#959d90}.view-controls{position:absolute;bottom:65px;left:calc((100% - 310px)/2);transform:translateX(-50%);display:flex;align-items:center;gap:3px;padding:5px;border:1px solid #d9dfd4;background:#fafcf7ed;border-radius:12px;white-space:nowrap;box-shadow:0 5px 24px #34412d09}.view-controls button{border:0;background:transparent;font-size:11px;padding:10px 13px}.view-controls .active{background:#2e5441;color:white}.view-controls span{height:20px;width:1px;background:#dfe5d8;margin:0 5px}footer{position:absolute;bottom:20px;left:36px;right:340px;display:flex;align-items:center;gap:8px;font-size:10px;color:#88917f;pointer-events:none}footer i{width:6px;height:6px;background:#6d9566;border-radius:50%}.scale{margin-left:auto}#labels{position:absolute;inset:0 310px 0 0;pointer-events:none;overflow:hidden}.room-label{position:absolute;transform:translate(-50%,-50%);font-size:10px;letter-spacing:.2px;padding:7px 10px;background:#fafcf1e8;border:1px solid #d5ddcc;box-shadow:0 2px 8px #30432312;pointer-events:auto;white-space:nowrap}.room-label.ready{background:#315c46;color:white;border-color:#315c46}.room-label small{display:block;font-size:8px;margin-top:4px;opacity:.7}#room-detail{position:fixed;inset:88px 0 0;background:#f6f4ef;z-index:5}.detail-toolbar{height:62px;display:flex;align-items:center;gap:30px;padding:0 26px;border-bottom:1px solid #ddd8cc}.detail-toolbar span{font-size:12px;letter-spacing:1px}.detail-toolbar small{font-size:11px;color:#857d70;letter-spacing:0;margin-left:20px}iframe{display:block;width:100%;height:calc(100% - 62px);border:0}#room-loading{position:absolute;inset:62px 0 0;display:grid;place-items:center;background:#f6f4ef;color:#687b60}dialog{max-width:95vw;max-height:94dvh;border:1px solid #d6ddce;border-radius:16px;padding:20px;background:#fafbf6}dialog::backdrop{background:#1f3029aa}dialog>div{display:flex;align-items:center;gap:30px}dialog h2{font-size:17px;margin:0 auto 14px 0}dialog button{margin-bottom:14px}dialog img{display:block;max-width:100%;max-height:77dvh;object-fit:contain}#message{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);background:#294936;color:#fff;padding:12px 20px;border-radius:10px;font-size:12px;z-index:10;display:none}
@media(max-width:1000px){header{padding:0 20px;gap:30px}.intro{left:20px;top:20px}h1{font-size:32px}aside{width:250px;padding:24px 18px}#viewport,#labels{right:250px}.view-controls{left:calc((100% - 250px)/2)}footer{left:20px;right:270px}.scale{display:none}}
@media(max-width:700px){header{height:70px;gap:20px;padding:0 16px}.brand{font-size:23px}.breadcrumb{font-size:10px}.breadcrumb span{margin:0 6px}header>button{padding:8px;font-size:10px}main{height:calc(100dvh - 70px);min-height:650px}#viewport,#labels{right:0;bottom:260px}.intro{top:18px;left:18px}h1{font-size:27px;margin:8px 0}.intro p{display:none}.eyebrow{font-size:8px}aside{top:auto;bottom:0;width:100%;height:260px;padding:16px 18px;border-left:0;border-top:1px solid #dde2d9}aside>.eyebrow,aside>h2{display:none}#room-list{display:flex;gap:8px}.room-card{margin:0;flex:1;padding:12px 8px}.room-card strong{font-size:12px}.room-card small{font-size:9px;line-height:1.4}.detail{margin-top:14px;padding-top:12px}.detail h3{font-size:16px;margin:6px 0}.detail p{font-size:11px;line-height:1.5;margin:6px 0}.detail>span{font-size:8px}.detail button{width:auto;padding:8px 15px;font-size:11px}.note{display:none}.view-controls{bottom:285px;left:50%}.view-controls button{font-size:10px;padding:8px 10px}footer{display:none}.room-label{font-size:9px;padding:5px 6px}.room-label small{font-size:7px}#room-detail{top:70px}.detail-toolbar{padding:0 12px;gap:16px}.detail-toolbar small{display:none}}
.brand small{white-space:nowrap}.detail-toolbar b{font-weight:500}
.unit-select{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.unit-select select{font:inherit;font-weight:600;color:#315c46;background:#edf2e7;border:1px solid #c4d2bc;border-radius:7px;padding:8px 28px 8px 10px;cursor:pointer}.unit-select select:focus-visible{outline:3px solid #c58c48;outline-offset:3px}.room-card[data-room="bedroom-2"]{border-color:#e0e5db;background:transparent}.room-card:has(small[data-ready]){border-color:#91aa8d;background:#edf2e7}
@media(max-width:700px){header{gap:14px}.breadcrumb{margin-left:auto}.breadcrumb>#location,.crumb-separator{display:none}.unit-select{gap:4px;font-size:10px}.unit-select select{padding:8px 5px;font-size:11px}header>button{margin-left:0}.brand small{font-size:7px;letter-spacing:1.4px}.brand{font-size:22px}}