:root{font-family:Arial,Helvetica,sans-serif;color:#2c332e;background:#f7f6f2;font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0}button,a,select{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0;background:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #697d5b;outline-offset:4px}button{transition:background .18s,color .18s}button:hover{background:#e8e9e1}a{color:inherit;text-decoration:none}#app{height:100dvh;display:grid;grid-template-columns:310px 1fr;grid-template-rows:88px 1fr 36px}header{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid #dedfd7;background:#faf9f6;z-index:3}.brand{display:flex;gap:13px;align-items:center;font-size:12px;font-weight:700;letter-spacing:2px}.brand-mark{font-family:Georgia,serif;font-size:42px;line-height:1;letter-spacing:-5px;color:#617052;border:1px solid #a7b09c;border-radius:50%;width:46px;height:46px;padding-left:7px}.brand small{display:block;font-size:8px;color:#898e82;letter-spacing:2.6px;margin-top:7px}.project-label{font-size:10px;letter-spacing:1.6px;color:#72796b;display:flex;align-items:center;gap:10px}.status-dot{display:inline-block;width:6px;height:6px;background:#758565;border-radius:50%}.sep{margin:0 10px;color:#b6baae}.quiet{font-size:11px;padding:10px}.pill{display:inline-flex;border:1px solid #d8dbcf;border-radius:20px;padding:3px 6px;font-size:9px;margin-left:5px}aside{padding:30px 25px 16px;overflow-y:auto;background:#f8f7f3;border-right:1px solid #dedfd7;z-index:2}.eyebrow{font-size:8px;letter-spacing:1.8px;color:#7d8675;font-weight:600}h1{font-family:Georgia,Times New Roman,serif;font-size:33px;font-weight:400;line-height:1.15;letter-spacing:-1px;margin:16px 0 12px}.intro{color:#818578;font-size:11px;line-height:1.7;max-width:235px;margin:0 0 29px}.section-label{font-size:9px;letter-spacing:1px;color:#a0a493;display:flex;gap:11px;margin:21px 0 12px}.section-label span{color:#717964;font-weight:600}.room-tabs{display:flex;background:#eaece4;border-radius:5px;padding:4px}.room-tabs button{width:50%;padding:10px 0;font-size:11px;border-radius:3px;color:#848979}.room-tabs button.active{background:#fff;box-shadow:0 2px 5px #313b2710;color:#3c4835}.metrics{display:grid;grid-template-columns:1fr 1fr;padding:20px 0 18px;border-bottom:1px solid #dedfd7}.metrics div+div{border-left:1px solid #ddd;padding-left:20px}.metrics strong{display:block;font-size:23px;font-weight:400;letter-spacing:-1px}.metrics em{font-size:12px;font-style:normal;color:#959a8c}.metrics span{font-size:7px;letter-spacing:1.2px;display:block;margin-top:6px;color:#969b8b}.primary{display:flex;justify-content:space-between;background:#617252;color:#fff;width:100%;padding:14px 16px;border-radius:4px;font-size:11px}.primary:hover{background:#4d6041}.view-grid{display:flex;gap:7px;margin-top:8px}.view-grid button{width:50%;border:1px solid #daddd2;border-radius:4px;padding:10px;font-size:15px}.view-grid span{font-size:10px;margin-left:4px}.view-grid .selected{border-color:#aab69c;background:#edf0e7}#viewpoints{display:flex;gap:4px;flex-wrap:wrap;margin-top:11px}#viewpoints button{font-size:9px;color:#7b8272;padding:7px 8px;border-bottom:1px solid #dbdfd2}.materials{display:flex;justify-content:space-between;gap:5px}.materials>div{display:flex;align-items:center;gap:7px}.swatch{width:31px;height:36px;border-radius:3px;display:block;box-shadow:inset 0 0 0 1px #0000000c}.walnut{background:#71503b url(/models/walnut.jpg) center/100px}.stone{background:#cfbea4 url(/models/stone.jpg) center/100px}.steel{background:linear-gradient(110deg,#787d7b,#dadcd8,#9ea39e)}.materials span{font-size:9px}.materials small{display:block;font-size:7px;color:#969b8c;margin-top:4px}.drawing-note{display:flex;gap:10px;border-top:1px solid #dedfd7;margin-top:25px;padding-top:13px;color:#8a9180;font-size:9px;line-height:1.8}.drawing-note>span{font-size:24px}.drawing-note p{margin:0}.drawing-note button{padding:0;color:#667758;font-size:9px;text-decoration:underline;text-underline-offset:3px}#options label{display:block;font-size:9px;margin:10px 0 6px;color:#7b8272}select{font:inherit;font-size:10px;width:100%;background:#fff;border:1px solid #daddd2;border-radius:4px;padding:9px}main{position:relative;min-height:0;overflow:hidden;background:#e9e7e0}#scene{width:100%;height:100%;display:block;touch-action:none;outline:none}.canvas-top{position:absolute;left:34px;right:27px;top:29px;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.canvas-top h2{font-family:Georgia,serif;font-weight:400;font-size:25px;letter-spacing:-.7px;margin:10px 0 7px}.canvas-top p{font-size:10px;color:#898d81;margin:0}.canvas-top button{pointer-events:auto;border:1px solid #cdd0c4;border-radius:50%;width:32px;height:32px;font-size:20px;color:#76836c}.view-badge{position:absolute;top:131px;left:34px;display:flex;align-items:center;gap:8px;font-size:7px;letter-spacing:1.1px;color:#7c8774}.badge-rule{height:9px;width:1px;background:#bfc5b6;margin:0 3px}.canvas-tools{position:absolute;left:27px;bottom:69px;display:flex;gap:5px;padding:5px;border-radius:6px;background:#faf9f1e8;border:1px solid #fff9;box-shadow:0 3px 12px #26331a08}.canvas-tools button{font-size:15px;padding:8px 10px;border-radius:4px;color:#7d8674}.canvas-tools button span{font-size:9px;margin-left:4px}.canvas-tools .active{background:#e4e9dc;color:#576a45}.minimap{position:absolute;right:26px;bottom:68px;width:146px;background:#faf9f2e8;border:1px solid #fff9;border-radius:7px;padding:13px 12px 9px;box-shadow:0 3px 12px #26331a08}.minimap>div{display:flex;justify-content:space-between;font-size:6px;letter-spacing:1px;color:#8a9280}.minimap canvas{width:116px;height:116px;display:block;margin:3px auto}.minimap p{margin:0;font-size:6px;color:#8c9384;text-align:center}.bottom-help{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 26px;border-top:1px solid #c9cdbd6b;font-size:9px;color:#89907f;background:#e9e7e06b}.bottom-help b{font-weight:400;color:#58664e}.bottom-help span span{margin:0 9px}.bottom-help button{font-size:21px}footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:1.4px;color:#9a9e91;padding:0 30px;border-top:1px solid #dedfd7;background:#faf9f6}.hotspot{position:absolute;border:1px solid #ffffffe6;box-shadow:0 2px 15px #1a28171a;background:#faf9f2eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:4px;padding:8px 11px;font-size:9px;transform:translate(-50%,-50%);white-space:nowrap;display:flex;align-items:center;gap:8px}.hotspot i{width:5px;height:5px;background:#7d906a;border-radius:50%}.hotspot small{font-size:7px;color:#98a08d;margin-left:6px}#hotspots{position:absolute;inset:0;pointer-events:none}#hotspots button{pointer-events:auto}#loader{position:absolute;inset:0;background:#eeece5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;z-index:5}#loader strong{font-family:Georgia,serif;font-size:25px;font-weight:400}#loader span{font-size:11px;color:#869078}.spinner{border:2px solid #ccd2c3;border-top-color:#617252;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}[hidden]{display:none!important}#toast{position:absolute;top:170px;left:50%;transform:translate(-50%);background:#35442ded;color:#fff;border-radius:6px;padding:12px 18px;font-size:11px;opacity:0;pointer-events:none;transition:opacity .3s;max-width:85%;text-align:center}#toast.show{opacity:1}#walkPad{position:absolute;bottom:125px;left:28px;text-align:center}#walkPad button{width:37px;height:35px;border:1px solid #d5dbca;background:#faf9f1e8;border-radius:5px;margin:2px;touch-action:none}dialog{width:min(860px,92vw);max-height:88dvh;border:1px solid #d9dece;border-radius:10px;padding:27px 32px;color:#384232;background:#faf9f6;box-shadow:0 20px 100px #17220c44}dialog::backdrop{background:#28332166;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-top{display:flex;justify-content:space-between;align-items:center}.dialog-top button{font-size:26px}dialog h2{font-family:Georgia,serif;font-size:30px;font-weight:400;margin:12px 0 17px}dialog p,dialog li{font-size:12px;line-height:1.7;color:#727c68}dialog li{margin-bottom:10px}dialog a{color:#637d4e;text-decoration:underline}dialog table{width:100%;border-collapse:collapse;font-size:11px;margin:20px 0}dialog th,dialog td{text-align:left;padding:11px 8px;border-bottom:1px solid #dce1d3}dialog th{font-size:9px;color:#8c9682}.drawing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.drawing-card{border:1px solid #dde1d5;border-radius:5px;overflow:hidden}.drawing-card img{width:100%;display:block;background:#fff}.drawing-card p{font-size:10px;margin:10px 12px}.drawing-card a{display:block;padding:0 12px 13px;font-size:10px}@media(min-height:850px){aside{padding-top:40px}.intro{margin-bottom:40px}.section-label{margin-top:30px}.drawing-note{margin-top:35px}}@media(max-width:1050px){#app{grid-template-columns:265px 1fr}aside{padding:24px 18px}h1{font-size:30px}.materials>div{gap:4px}.swatch{width:24px}.project-label{display:none}.minimap{width:125px;right:15px}.minimap canvas{width:98px;height:98px}.canvas-tools{left:15px}.canvas-tools button{padding:8px}.canvas-top,.view-badge{left:25px}}@media(max-width:700px){#app{height:auto;min-height:100dvh;grid-template-columns:1fr;grid-template-rows:68px 60dvh auto 35px}header{padding:0 17px}.brand{font-size:10px}.brand-mark{width:36px;height:36px;font-size:33px}.brand small{font-size:6px}.quiet{font-size:9px}main{grid-row:2;min-height:420px}aside{grid-row:3;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;padding:20px}aside>.eyebrow,aside h1,aside .intro,aside .section-label{display:none}.room-tabs{grid-column:1/-1}.metrics{padding:10px 0;grid-row:3;grid-column:1}.primary{grid-column:2;grid-row:3;align-items:center;height:50px;margin-top:8px}.view-grid{grid-column:1/-1;margin-top:0}#viewpoints{grid-column:1/-1}.materials{grid-column:1/-1;padding:14px 0 0}.drawing-note{grid-column:1/-1;margin-top:8px;padding-top:8px}#options{grid-column:1/-1}.canvas-top{top:20px;left:20px}.canvas-top h2{font-size:22px}.canvas-top p{font-size:8px}.view-badge{top:108px;left:20px;font-size:6px}.canvas-tools{bottom:58px;left:12px}.canvas-tools button span{font-size:8px}.minimap{width:98px;right:12px;bottom:58px;padding:9px 5px}.minimap canvas{width:76px;height:76px}.minimap p{font-size:5px}.minimap>div{font-size:5px}.bottom-help{padding:0 15px;font-size:8px}.bottom-help span span{margin:0 4px}footer{padding:0 15px;font-size:5px}.hotspot{font-size:7px;padding:6px}.hotspot small{display:none}dialog{padding:20px}.drawing-grid{grid-template-columns:1fr}#walkPad{bottom:112px;left:12px}}#viewport[data-mode=walk] .canvas-top>div{background:#faf9f1e8;border-radius:5px;padding:10px 13px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#viewport[data-mode=walk] .canvas-top{top:17px}#viewport[data-mode=walk] .view-badge{background:#faf9f1e8;padding:7px 9px;border-radius:3px;top:126px}