*{box-sizing:border-box}body{margin:0;background:#f4f0e7;color:#283328;font:15px/1.5 system-ui,sans-serif}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}a{color:inherit}header{padding:20px 4vw;display:flex;justify-content:space-between;gap:15px;background:#283328;color:white;font-size:13px}header a{text-decoration:none}header span{letter-spacing:.12em}main{max-width:1550px;margin:auto;padding:30px 4vw}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}h1{font:clamp(30px,4vw,48px)/1.1 Georgia,serif;margin:6px 0}h2{font:23px Georgia,serif;margin:22px 0 14px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.2em;margin:0}.heading p:last-child{margin-bottom:0;opacity:.8}.badge{font-size:12px;border:1px solid #9ca98d;border-radius:30px;padding:8px 14px;white-space:nowrap}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px}.scene-panel{position:relative;background:radial-gradient(ellipse at 50% 40%,#fffef9,#e2e2d6);border:1px solid #d5d8c9;border-radius:16px;overflow:hidden;min-width:0}.view-tabs{display:flex;gap:6px;position:absolute;z-index:2;left:16px;right:16px;top:16px;flex-wrap:wrap}button{cursor:pointer;border:1px solid #a8b199;border-radius:8px;background:#fffdf8;color:#283328;padding:9px 13px}button:hover{background:#e3e8d9}button:focus-visible,canvas:focus-visible{outline:3px solid #8e633b;outline-offset:3px}button[aria-pressed=true]{background:#465641;color:white;border-color:#465641}canvas{display:block;width:100%;height:650px;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}.scene-tools{position:absolute;left:16px;bottom:48px;display:flex;gap:6px;flex-wrap:wrap}.gesture-hint{position:absolute;left:18px;bottom:8px;font-size:12px;pointer-events:none;color:#53604c}aside{padding:0 4px}aside>h2:first-child{margin-top:3px}aside>label{display:block;margin:12px 0 4px}input[type=range],select{width:100%;accent-color:#465641}select{padding:9px;border:1px solid #a8b199;border-radius:6px;background:#fffdf8}.check{display:flex;gap:9px;align-items:center}.check input{accent-color:#465641}#room-list{display:flex;gap:7px;flex-wrap:wrap}#room-list button{font-size:12px;padding:6px 9px}#room-info{padding:14px;background:#e5e8dc;border-radius:8px;margin:16px 0;min-height:76px;font-size:13px}.plan-button{width:100%}.note{font-size:12px;color:#616955;line-height:1.6}footer{padding:20px;text-align:center;font-size:12px;color:#616955}dialog{padding:18px;border:0;border-radius:12px;width:min(1200px,96vw);max-height:95vh;background:#f4f0e7}dialog::backdrop{background:#152015dc}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.dialog-head h2{margin:0 0 12px}dialog img{display:block;width:100%;height:auto}@media(max-width:850px){.workspace{grid-template-columns:1fr}.heading{align-items:flex-start;flex-direction:column}.badge{margin-top:4px}canvas{height:520px}aside{padding:10px}header span{display:none}}@media(max-width:440px){main{padding:24px 12px}.view-tabs{left:10px;right:10px;gap:4px}.view-tabs button{font-size:12px;padding:8px 10px}canvas{height:470px}.scene-tools button{font-size:12px}.gesture-hint{font-size:10px}}
