*{box-sizing:border-box} :root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#193d32;background:#f6f4eb}body{margin:0}header{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid #dce0d4;gap:20px}.brand{font-size:23px;font-weight:800;letter-spacing:-1px;text-decoration:none;color:inherit}.brand span{color:#b45a35}.project{font-size:13px;color:#647064}.back{color:inherit;font-size:13px;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #b45a35;outline-offset:4px}main{display:grid;grid-template-columns:290px 1fr;min-height:calc(100svh - 80px)}aside{padding:40px 28px;border-right:1px solid #dce0d4}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700}h1{font-size:30px;letter-spacing:-1.3px;line-height:1.15;margin:20px 0}.description{font-size:14px;line-height:1.7;color:#647064}.dimensions{margin:30px 0;padding:24px 0;border-top:1px solid #dce0d4;border-bottom:1px solid #dce0d4}.dimensions strong{font-size:34px;font-weight:600;display:block;letter-spacing:-1px}.dimensions small{font-size:18px;font-weight:400}.dimensions span{font-size:12px;color:#647064}h2{font-size:12px;font-weight:600;margin:30px 0 18px}ul{list-style:none;padding:0;font-size:12px}li{display:flex;gap:10px;align-items:center;margin:17px 0}.dot{width:9px;height:9px;border-radius:3px}.green{background:#446658}.orange{background:#bd7954}.dark{background:#404943}.clay{background:#b5a388}.note{font-size:11px;line-height:1.7;color:#687269;margin-top:36px}.workspace{position:relative;min-width:0;min-height:650px;background:radial-gradient(ellipse at center,#eeeee3,#e4e7dc)}.scene-heading{position:absolute;top:28px;left:32px;right:32px;display:flex;justify-content:space-between;gap:16px;font-size:12px;color:#576858;z-index:1}#scene{position:absolute;inset:64px 0 100px}canvas{display:block;width:100%;height:100%}#scene-status{position:absolute;top:42%;left:10%;right:10%;text-align:center;color:#536456;font-size:14px}.controls{position:absolute;bottom:52px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;padding:6px;border:1px solid #d0d6c9;border-radius:12px;background:#faf9f2;box-shadow:0 5px 15px #193d3208;white-space:nowrap}.controls button{font:inherit;font-size:12px;background:transparent;border:0;border-radius:7px;padding:10px 13px;color:#193d32;cursor:pointer}.controls button:hover{background:#e6eadf}.controls button:disabled{opacity:.4;cursor:default}.controls button[aria-pressed=true]{background:#dfe7d9}.controls span{height:18px;border-left:1px solid #d0d6c9;margin:0 4px}.view-label{position:absolute;bottom:12px;width:100%;text-align:center;font-size:9px;letter-spacing:1.8px;color:#647064}.view-label span{padding:0 10px;color:#a4ae9c}@media(max-width:760px){header{height:68px;padding:0 20px}.project{display:none}main{grid-template-columns:1fr}aside{padding:22px 24px;border-right:0;border-bottom:1px solid #dce0d4}h1{font-size:25px;margin:10px 0}h1 br{display:none}.description{margin:8px 0}.dimensions{margin:16px 0 0;padding:14px 0 0;border-bottom:0;display:flex;align-items:center;gap:18px}.dimensions strong{font-size:25px}aside h2,aside ul{display:none}.note{margin:12px 0 0}.workspace{min-height:540px}.scene-heading{left:20px;right:20px;font-size:11px}#scene{inset:60px 0 105px}}

#scene canvas { cursor: grab; touch-action: none; }
#scene.interacting canvas { cursor: grabbing; }

#hover-label { position: absolute; bottom: 105px; left: 12px; right: 12px; text-align: center; font-size: 12px; color: #405b43; pointer-events: none; }