*{box-sizing:border-box}body{margin:0;background:#e9e5df;color:#322f2b;font-family:Arial,'PingFang SC',sans-serif;overflow:hidden}#viewport{position:fixed;inset:0}canvas{display:block}header{position:absolute;top:32px;left:42px;right:42px;display:flex;align-items:center;gap:38px}.brand{font-size:26px;font-weight:600;letter-spacing:5px;text-decoration:none;color:inherit}.brand span{display:block;font-size:9px;letter-spacing:2px;margin-top:9px}.tag{font-size:12px;border-left:1px solid #b5ada2;padding-left:24px;line-height:1.8}.tag span{display:block;color:#847c71;font-size:10px}button{font:inherit;cursor:pointer;border:1px solid #bcb4aa;background:#f8f5efc9;color:#38332d;border-radius:30px;padding:11px 19px;transition:.2s}button:hover{background:#fff;transform:translateY(-1px)}header>button{margin-left:auto}aside{position:absolute;left:42px;top:24%;width:240px;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:2px;color:#8c7151}h1{font-size:38px;line-height:1.5;letter-spacing:2px;font-weight:400;margin:19px 0}aside p:not(.eyebrow){font-size:12px;line-height:2;color:#81786c}.line{width:32px;height:1px;background:#b6a895;margin:26px 0}.material{font-size:10px;letter-spacing:1px;color:#8c8174}footer{position:absolute;bottom:27px;left:50%;transform:translateX(-50%);width:max-content;max-width:95vw}.nav{display:flex;background:#fcfaf5e8;backdrop-filter:blur(14px);padding:7px;border:1px solid white;border-radius:40px;box-shadow:0 10px 40px #46321c12;gap:4px}.nav button{border:0;background:transparent;padding:13px 23px;white-space:nowrap}.nav button.active{background:#41392f;color:white}.tools{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:17px;font-size:10px;color:#7d7467}.tools button{padding:7px 12px;font-size:10px}#labels{position:absolute;inset:0;pointer-events:none}.room-label{position:absolute;border:1px solid #ffffffbb;border-radius:5px;padding:5px 10px;background:#faf7f0c7;backdrop-filter:blur(5px);font-size:10px;letter-spacing:2px;pointer-events:auto;cursor:pointer;transform:translate(-50%,-50%);color:#6b5c49}#status{position:absolute;inset:0;display:grid;place-items:center;background:#e9e5df;font-size:14px;letter-spacing:3px}body.night{color:#e8dbc7}body.night aside p,body.night .material,body.night .tools{color:#baac98}@media(max-width:800px){header{top:20px;left:20px;right:20px}.tag{display:none}aside{left:20px;top:110px;width:240px}h1{font-size:25px;margin:8px 0;line-height:1.35}.eyebrow{font-size:8px}aside .line,aside .material{display:none}aside p:not(.eyebrow){font-size:10px}.nav{overflow:auto;max-width:94vw}.nav button{padding:12px 14px;font-size:12px}.tools{gap:8px}.tools span{font-size:9px}.room-label{font-size:9px;padding:4px 6px}footer{bottom:18px}}
aside{padding:18px 20px;border-radius:12px;background:linear-gradient(110deg,#f2eee5ed,#f2eee581);backdrop-filter:blur(10px)}body.night aside{background:#302a24c9}header{padding:10px 14px;border-radius:12px;background:#f2eee5d9;backdrop-filter:blur(10px);color:#322f2b}@media(max-width:800px){aside{padding:10px 14px;width:210px}header{padding:8px 10px}}