
:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#283c3e;background:#f4f3ef;font-synthesis:none;--accent:#ae6146;--line:#dcded7;--muted:#7b8580;--ink:#283c3e}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}header{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 32px;background:#f8f8f4}.brand{display:flex;gap:13px;align-items:center;font-size:22px;font-weight:650;letter-spacing:4px}.brand-icon{font-size:42px;line-height:1;letter-spacing:0;font-weight:300}.brand-sub{font-size:8px;display:block;letter-spacing:2.6px;margin-top:4px;font-weight:500}.project-state{display:flex;align-items:center;font-size:12px;gap:9px;color:#53615c}.project-state i{height:6px;width:6px;border-radius:50%;background:#7c9076}.project-state>span{margin-left:10px;border:1px solid #dcded7;border-radius:4px;padding:5px 8px;color:#7b8580}.download{padding:11px 15px;border:1px solid #c7cdc3;border-radius:4px;font-size:12px}.download span{margin-left:19px}main{display:grid;grid-template-columns:306px minmax(0,1fr);height:calc(100vh - 86px)}aside{background:#f8f8f4;border-right:1px solid var(--line);padding:26px 25px 20px;overflow-y:auto}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:650;color:#748079}.intro .eyebrow{color:#ae6146;margin:0 0 12px}h1{font-size:26px;line-height:1.2;font-weight:500;letter-spacing:-.9px;margin:0 0 12px}.intro>p:last-child{font-size:12px;line-height:1.65;color:#7a837c;max-width:235px;margin-bottom:28px}section{padding:19px 0;border-top:1px solid var(--line)}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}h2{font-size:12px;font-weight:650;margin:0}.section-title>span{font-size:10px;color:#a4aca2}.segmented{display:flex;padding:3px;background:#e9ece5;border-radius:5px;margin-bottom:15px;gap:2px}.segmented button{border:0;background:transparent;color:#7d877e;font-size:10px;padding:9px 6px;border-radius:3px;flex:1;white-space:nowrap}.segmented button.active{background:#fcfcf9;color:#314639;box-shadow:0 1px 5px #283c3e0d}.switch-row{height:32px;display:flex;align-items:center;position:relative;cursor:pointer;font-size:12px;color:#647066;gap:8px}.switch-row>span:first-child{flex:1}.switch-row input{position:absolute;right:0;opacity:0;width:30px;height:20px}.switch{width:29px;height:16px;border-radius:12px;background:#d7dcd3;position:relative}.switch:after{content:"";height:12px;width:12px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .15s}.switch-row input:checked+.switch{background:#758b78}.switch-row input:checked+.switch:after{transform:translateX(13px)}.switch-row input:focus-visible+.switch{outline:2px solid var(--accent);outline-offset:3px}.section-note{font-size:11px;color:#8b938a;margin:-6px 0 15px}.material-row{display:flex;justify-content:space-between;align-items:center;height:33px;font-size:12px;color:#647066}.material-row input{appearance:none;-webkit-appearance:none;border:1px solid #c9cdc4;border-radius:4px;width:40px;height:23px;background:none;padding:2px;cursor:pointer}.material-row input::-webkit-color-swatch-wrapper{padding:0}.material-row input::-webkit-color-swatch{border:0;border-radius:2px}.text-button{background:none;border:0;color:#9d694f;padding:10px 0 0;font-size:10px}.sources a{display:flex;justify-content:space-between;font-size:11px;color:#647066;padding:7px 0}.sources a:hover{text-decoration:underline}.scope-note{display:flex;gap:10px;background:#efeee5;padding:12px;margin-top:6px;border-radius:4px;color:#8a8270}.scope-note p{font-size:10px;line-height:1.65;margin:0}.scope-note strong{display:block;font-size:10px;font-weight:600;margin-bottom:4px}.viewport{position:relative;min-width:0;overflow:hidden;background:#edece6}#scene{width:100%;height:100%;display:block;outline:none;touch-action:none}.view-meta{position:absolute;top:25px;left:28px;z-index:2;pointer-events:none;display:flex;flex-direction:column;gap:7px}.view-status{font-size:10px;color:#949b8f}.view-tools{position:absolute;top:23px;right:25px;display:flex;gap:2px;border:1px solid #d5d9ce;border-radius:5px;padding:4px;background:#f8f9f3e8;box-shadow:0 5px 15px #273b3210}.view-tools button{border:0;background:none;padding:8px 10px;font-size:10px;color:#7e877d;border-radius:3px}.view-tools button.active{background:#3d5146;color:#f4f5ec}.view-tools button:hover{background:#dfe3d6;color:#35473c}.view-tools>span{border-left:1px solid #d8dccf;margin:5px}.bottom-info{position:absolute;bottom:114px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;color:#87907f;font-size:10px;pointer-events:none}.scale{font-size:9px;letter-spacing:1px;display:flex;align-items:center;gap:8px}.scale i{width:28px;height:6px;border:1px solid #7f8d76;border-top:0}.measure-summary{position:absolute;left:28px;right:28px;bottom:23px;border-top:1px solid #cbd1c4;display:flex;padding-top:18px;gap:45px;pointer-events:none}.measure-summary>div{padding-right:45px;border-right:1px solid #ccd2c4}.measure-summary>div:last-child{border:0}.measure-summary span{font-size:8px;letter-spacing:1.4px;color:#82907c;display:block;margin-bottom:6px}.measure-summary strong{font-size:22px;font-weight:400;letter-spacing:-.7px}.measure-summary em{font-size:14px;color:#9aa18f;font-style:normal;margin:0 6px}.measure-summary small{font-size:11px;color:#75836e;font-weight:400;letter-spacing:0}#error{position:absolute;top:35%;left:10%;right:10%;padding:24px;background:#faf9f0;border:1px solid #cda789;border-radius:8px;font-size:13px}#error h2{font-size:18px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(min-height:1000px){aside{padding-top:34px}.intro>p:last-child{margin-bottom:38px}section{padding:24px 0}}@media(max-width:1100px){.view-meta{top:80px}.view-tools{left:24px;right:auto}.project-state>span{display:none}.measure-summary{gap:24px}.measure-summary>div{padding-right:24px}}@media(max-width:760px){header{height:72px;padding:0 18px}.brand{font-size:18px}.brand-icon{font-size:33px}.project-state{display:none}.download{font-size:10px;padding:9px}main{height:auto;display:flex;flex-direction:column-reverse}.viewport{height:65vh;min-height:480px}aside{width:100%;padding:24px;border-right:0;overflow:visible}.view-tools{top:16px;left:16px;right:16px;justify-content:center}.view-tools button{padding:8px}.view-meta{top:76px;left:18px}.bottom-info{bottom:100px;left:18px;right:18px;font-size:8px}.measure-summary{left:18px;right:18px;gap:18px;bottom:20px}.measure-summary>div{padding-right:18px}.measure-summary strong{font-size:18px}.measure-summary span{font-size:7px}.intro>p:last-child{max-width:none}.scope-note{max-width:500px}}
#room-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.room-label{position:absolute;left:0;top:0;max-width:170px;text-align:center;padding:5px 8px;border-radius:4px;background:#faf9efe8;border:1px solid #b8c3ae80;box-shadow:0 2px 8px #20342413;color:#3f5447;font-size:9px;line-height:1.4;white-space:nowrap}.room-label strong{display:block;font-weight:600}.room-label span{display:block;color:#7c8874;font-size:8px}.room-label[hidden]{display:none}
aside>section:first-child{border-top:0;padding-top:0}.bottom-info{gap:16px;line-height:1.7}.bottom-info strong{font-weight:600}.scale{flex-shrink:0}@media(max-width:760px){.bottom-info .scale{display:none}}
