@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#303a32;background:#f9f8f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button{cursor:pointer}header{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dedfd6;padding:0 38px}.brand{display:flex;align-items:center;gap:14px;color:inherit;text-decoration:none;font-size:14px;letter-spacing:2px;font-weight:700}.brand-icon{font-size:35px;color:#687a50;font-weight:400}.divider{height:20px;width:1px;background:#d9dbd0;margin:0 6px}.subbrand{font-weight:400;letter-spacing:0;color:#7a8076}.project-status{font-size:12px;color:#6f766b;display:flex;align-items:center;gap:8px}.project-status i{width:6px;height:6px;background:#809565;border-radius:50%}main{display:grid;grid-template-columns:300px 1fr;min-height:740px;height:calc(100dvh - 129px)}aside{padding:36px 28px 20px;border-right:1px solid #dedfd6;overflow:auto}.eyebrow{font-size:10px;letter-spacing:1.7px;color:#858b7e;font-weight:700}h1{font-family:Manrope,sans-serif;font-size:32px;line-height:1.28;letter-spacing:-1.3px;font-weight:500;margin:16px 0}p.intro{font-size:13px;line-height:1.8;color:#888b80;margin-bottom:25px}.plot-card{padding:18px 20px;background:#edeee5;border:1px solid #e0e3d5;border-radius:6px}.plot-card>span{font-size:9px;letter-spacing:1.8px;color:#737f62}.plot-card strong{display:block;font-family:Manrope,sans-serif;font-weight:500;font-size:30px;margin:5px 0}.plot-card small{font-size:17px;color:#7a8172}.plot-card>div{font-size:12px;color:#777f6d}.plot-card .frontage{margin-top:12px;border-top:1px solid #d8dece;padding-top:12px;font-size:11px}.section-title{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px;color:#7b8372;margin:27px 0 10px}#room-list{display:grid;gap:3px}.room-button{background:transparent;border:0;text-align:left;display:flex;align-items:center;padding:9px 8px;border-radius:4px;color:#545e50;gap:10px;width:100%;font-size:12px}.room-button:hover,.room-button.selected{background:#eaece0}.room-dot{height:8px;width:8px;border-radius:2px}.room-size{margin-left:auto;color:#909488;font-size:10px}.note{border-top:1px solid #dedfd6;margin-top:21px;padding-top:17px}.note span{font-size:9px;letter-spacing:1.2px;color:#7a836d}.note p{font-size:11px;color:#919487;line-height:1.7}.workspace{position:relative;overflow:hidden;background:#f0f1e9;min-width:0}.workspace-top{position:absolute;z-index:2;top:33px;left:34px;right:30px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.workspace-top h2{font-family:Manrope,sans-serif;font-size:21px;font-weight:500;letter-spacing:-.6px;margin:8px 0}.workspace-top button{pointer-events:auto;background:#fafbf5c9;border:1px solid #d9ddcf;padding:9px 13px;border-radius:5px;color:#69745d;font-size:12px}.view-switch{position:absolute;top:113px;left:34px;z-index:2;display:flex;background:#e4e7db;padding:4px;border-radius:6px}.view-switch button{border:0;background:transparent;color:#849078;padding:8px 13px;font-size:11px;border-radius:4px}.view-switch button.active{background:#fafbf7;color:#4d6041;box-shadow:0 1px 4px #283d2812}canvas{width:100%;height:100%;display:block;touch-action:none;outline:none}.compass{position:absolute;right:31px;top:129px;font-size:9px;letter-spacing:1.6px;color:#8b9680;text-align:center;pointer-events:none}.compass span{display:block;font-size:33px;color:#637754;line-height:1.5}#selection{position:absolute;bottom:101px;left:50%;transform:translate(-50%);background:#fcfcf4e8;border:1px solid #dde1d1;border-radius:5px;padding:11px 16px;font-size:11px;white-space:nowrap;color:#7a8470;pointer-events:none}.bottom-bar{position:absolute;bottom:22px;left:26px;right:26px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;color:#87917c}.gestures b{margin:0 7px;font-weight:400}.toggles{display:flex;align-items:center;gap:14px;white-space:nowrap}.toggles label{display:flex;align-items:center;gap:5px}.toggles input{accent-color:#7d8e64;width:12px;height:12px}.toggles select{font-size:10px;border:1px solid #d4dac7;border-radius:3px;padding:5px;color:#6f7f5e;background:#f8f9f0}.road-label{position:absolute;left:50%;transform:translate(-50%);bottom:66px;font-size:9px;letter-spacing:2px;color:#8e9783;pointer-events:none}.road-label span{margin:0 10px;color:#b2baa6}#loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;color:#61714f}footer{height:47px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-top:1px solid #dedfd6;font-size:9px;letter-spacing:1px;color:#8b9280}.footer-divider{margin:0 10px;color:#bdc3b1}@media(min-height:950px){aside{padding-top:44px}.room-button{padding-top:12px;padding-bottom:12px}}@media(max-width:1000px){main{grid-template-columns:245px 1fr}aside{padding:25px 18px}h1{font-size:28px}.gestures{display:none}.bottom-bar{justify-content:center}.workspace-top h2{font-size:17px}}@media(max-width:680px){header{height:65px;padding:0 18px}.subbrand,.divider{display:none}.brand{font-size:12px}main{display:flex;flex-direction:column;height:auto;min-height:0}aside{border-right:0;padding:22px;display:flex;flex-wrap:wrap;align-items:center;gap:15px}aside>.eyebrow,aside>.intro,.section-title,.note{display:none}h1{font-size:23px;margin:0;flex:1}.plot-card{padding:10px 15px}.plot-card strong{font-size:24px}.frontage{display:none}#room-list{width:100%;grid-template-columns:repeat(2,1fr);gap:1px}.room-button{font-size:11px;padding:6px}.workspace{height:620px}.workspace-top{top:23px;left:20px;right:20px}.workspace-top .eyebrow{font-size:8px}.workspace-top h2{font-size:16px}.view-switch{left:20px;top:90px}.compass{top:97px;right:20px}.bottom-bar{left:8px;right:8px}#selection{font-size:10px;max-width:95%;white-space:normal;text-align:center}footer{padding:0 15px;font-size:8px}footer>span:last-child{display:none}}