:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#253b35;background:#f3f2ed;font-synthesis:none}*{box-sizing:border-box}body{margin:0;display:flex;height:100vh;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0;background:transparent;color:inherit}aside{width:336px;flex-shrink:0;background:#faf9f5;padding:30px 28px;z-index:3;overflow:auto;border-right:1px solid #e3e5dc}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-size:11px;font-weight:700;letter-spacing:2px}.brand small{color:#a1aaa0;font-size:10px;margin-left:auto}.brand-icon{font-size:30px;line-height:1}.intro{margin-top:42px}.eyebrow{font-size:9px;letter-spacing:1.7px;color:#829084;font-weight:600}h1{font-weight:500;letter-spacing:-1.5px;font-size:36px;line-height:1.12;margin:18px 0}.description{font-size:13px;line-height:1.7;color:#8a9288}.stats{display:flex;gap:26px;margin:28px 0 32px;padding-bottom:26px;border-bottom:1px solid #e2e5dd}.stats strong{font-size:30px;font-weight:500;letter-spacing:-1px}.stats strong span{font-size:15px;color:#899388;letter-spacing:0}.stats small{display:block;margin-top:5px;font-size:10px;color:#8b948a}.section-title{font-size:9px;letter-spacing:1.3px;margin-bottom:15px;font-weight:650}.section-title span{float:right;font-weight:400;color:#90978e;letter-spacing:0}.room{width:100%;display:flex;align-items:center;padding:13px 8px;gap:10px;border-bottom:1px solid #eaebe5;text-align:left;border-radius:5px;font-size:12px}.room:hover,.room.active{background:#e9eee5}.room i{width:7px;height:7px;border-radius:50%;background:var(--color)}.room b{margin-left:auto;font-weight:500;white-space:nowrap}.room b span{font-size:10px;color:#98a090}.selected{font-size:11px;color:#71816e;line-height:1.6;min-height:58px;padding-top:15px}.downloads{display:flex;flex-wrap:wrap;gap:14px}.downloads a{font-size:11px;color:#61725e;text-decoration:none}.downloads .primary{background:#2e4d40;color:#fff;padding:15px 17px;width:100%;border-radius:7px;font-size:12px;display:flex;justify-content:space-between}.primary span{font-size:10px;opacity:.6}.note{font-size:10px;line-height:1.65;color:#9a9f95;margin-top:23px}#reference{font-size:11px;padding:0;text-decoration:underline;text-underline-offset:3px;color:#71806c}main{position:relative;flex:1;min-width:0}.topbar{position:absolute;top:26px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:center;z-index:2;font-size:11px}.topbar span{display:flex;align-items:center;gap:9px;color:#748274}.topbar i{width:6px;height:6px;background:#83a178;border-radius:50%}.topbar b{font-weight:400;color:#b7bfb2;margin:0 5px}.topbar button{font-size:11px;background:#fafbf6b8;border:1px solid #e1e5d9;border-radius:6px;padding:10px 14px}#viewport{position:absolute;inset:0}canvas{display:block;touch-action:none}#labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.label{position:absolute;transform:translate(-50%,-50%);text-align:center;white-space:nowrap;color:#32493d;text-shadow:0 1px 5px #fff;background:#fafaf1dc;border:1px solid #fff9;box-shadow:0 3px 15px #3345270a;border-radius:6px;padding:6px 9px}.label b{font-size:15px;font-weight:550}.label span{font-size:9px;display:block;margin-top:3px;color:#708069}.dimension{position:absolute;transform:translate(-50%,-50%);color:#60745d;font-size:10px;white-space:nowrap;background:#f4f5eedb;padding:3px 5px;border-radius:3px}.tools{position:absolute;bottom:69px;left:50%;transform:translateX(-50%);display:flex;align-items:center;white-space:nowrap;background:#fcfcf7ed;padding:6px;box-shadow:0 8px 35px #37493012;border:1px solid #fff;border-radius:12px;gap:4px;z-index:2}.tools button{font-size:11px;padding:11px 13px;border-radius:7px}.tools button.active{background:#e5ecdf;color:#375437}.segmented{display:flex}.segmented button.active{background:#355342;color:white}.separator{height:23px;width:1px;background:#e2e6dc;margin:0 4px}.hint{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;gap:22px;font-size:10px;color:#8d9887;white-space:nowrap}.scale{position:absolute;bottom:125px;right:28px;color:#9aa58f;font-size:9px;writing-mode:vertical-rl}#loading{position:absolute;top:45%;left:35%;color:#72816c}dialog{border:0;border-radius:12px;max-height:92vh;max-width:95vw;padding:16px;background:#fff;box-shadow:0 20px 100px #0004}dialog::backdrop{background:#20352dc0}dialog img{display:block;max-height:80vh;max-width:86vw}dialog button{display:block;margin-left:auto;margin-bottom:10px;font-size:12px}@media(min-height:950px){.intro{margin-top:65px}.stats{margin-top:40px;margin-bottom:40px}.room{padding-top:17px;padding-bottom:17px}}@media(max-width:900px){aside{width:275px;padding:24px 20px}h1{font-size:31px}.tools button{padding:10px 8px;font-size:10px}.hint span:last-child{display:none}}@media(max-width:650px){body{display:block;overflow:auto;height:auto}aside{width:100%;padding:19px 22px;overflow:visible;border-right:0}.brand{font-size:10px}.intro{margin-top:18px}h1{font-size:29px;margin:10px 0}h1 br{display:none}.description{display:none}.stats{margin:16px 0;padding-bottom:15px}.stats strong{font-size:26px}.section-title,#rooms,.selected,.note,#reference{display:none}.downloads{position:absolute;top:70px;right:20px;width:120px;gap:8px}.downloads .primary{padding:12px;font-size:10px}.downloads .primary span{display:none}.downloads a{font-size:9px}main{height:68vh;min-height:480px}.topbar{top:16px;left:18px;right:18px;font-size:10px}.tools{bottom:54px;gap:0;max-width:96%}.tools button{padding:10px 7px;font-size:9px}.hint{bottom:23px;font-size:9px;gap:12px}.scale{display:none}.label{padding:4px 6px}.label b{font-size:12px}.label span{font-size:8px}}

@media(max-width:650px){h1{max-width:195px;font-size:26px;letter-spacing:-1px}h1 br{display:block}.downloads{top:88px;width:118px}.note{display:block;font-size:9px;margin:10px 0 0;max-width:340px}.intro .eyebrow{font-size:8px}.stats{margin-bottom:0}main{height:67vh}}