*{box-sizing:border-box}body{color:#22342b;background:#f6f4ed;margin:0;font:15px/1.55 system-ui,sans-serif}main{grid-template-columns:330px minmax(0,1fr);height:100vh;display:grid}aside{max-height:100vh;padding:22px;overflow:auto}h1{margin:0 0 12px;font-size:22px;line-height:1.35}.intro,.scope,.source-note{font-size:13px}p{margin:10px 0}.viewer{touch-action:none;min-width:0;height:100%;position:relative;overflow:hidden}.viewer canvas{max-width:100%;display:block}.room-labels{pointer-events:none;position:absolute;inset:0}.room-labels button{pointer-events:auto;background:#fff9;border:0;border-radius:4px;margin:0;padding:2px 5px;font:12px/1.25 system-ui,sans-serif;position:absolute}label.option{border-bottom:1px solid #deded2;padding:12px 0;display:block}label.option>div{margin-bottom:5px;font-weight:600}select,button{font:inherit;max-width:100%;color:inherit;background:#fff;border:1px solid #c3cec3;border-radius:5px;padding:7px}label.option select{width:100%}button{cursor:pointer}.type-controls{align-items:center;gap:7px;display:flex}.type-controls label{font-size:13px}.price-label{margin-top:18px;margin-bottom:0;font-size:13px}output{font-size:25px;font-weight:700;display:block}small{color:#586757;margin-top:6px;font-size:12px;line-height:1.5;display:block}.scope,.notice{background:#fff2d5;padding:10px;font-size:13px}.notice[hidden]{display:none}.mode{color:#497458;font-size:12px;font-weight:600}details{margin:16px 0;font-size:13px}summary{cursor:pointer;font-weight:600}details img{width:100%;height:auto;margin-top:12px;display:block}a{color:#29644b}a:hover{text-decoration:none}:focus-visible{outline-offset:3px;outline:2px solid #29644b}@media (width<=800px){main{flex-direction:column;height:auto;display:flex}.viewer{flex:none;order:-1;width:100%;height:65vh;min-height:360px}aside{width:100%;max-height:none}}