/* Match the site's typography, stone backgrounds and graphite controls. */
.microphone-panel{position:absolute;right:22px;bottom:140px;z-index:2;width:270px;padding:14px;border:1px solid #D8DBD3;border-radius:18px;background:#fffffff2;box-shadow:0 8px 28px #22242018;backdrop-filter:blur(12px)}
.microphone-heading,.microphone-readout{display:flex;align-items:center;justify-content:space-between;gap:10px}.microphone-heading strong{font-size:11px;font-weight:500}.microphone-heading time{font-size:20px;font-variant-numeric:tabular-nums;color:#4A4F4D}.microphone-readout{margin:9px 0 12px;font-size:9px;color:#6B6E67}.microphone-readout span:last-child{font-variant-numeric:tabular-nums}.microphone-readout span:first-child:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px;background:#a6aca8}.microphone-panel.active .microphone-readout span:first-child:before{background:#ed284b;box-shadow:0 0 6px #ed284b77}.microphone-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px}.microphone-buttons button{border:1px solid #D8DBD3;background:#F7F6F3;border-radius:10px;padding:10px 7px;font-size:10px;line-height:1.5;min-height:48px}.microphone-buttons button[aria-pressed=true]{background:#4A4F4D;color:#fff}.microphone-panel.active #microphone-speech{background:#943348;border-color:#943348}.microphone-panel small{display:block;margin-top:9px;font-size:8px;color:#6B6E67}.mouse-locked .microphone-panel{pointer-events:none}
@media(max-width:760px){.microphone-panel{right:12px;bottom:130px;width:230px;padding:12px}.microphone-heading time{font-size:18px}.microphone-heading strong{font-size:10px}}
:root{font-family:'Poppins',system-ui,-apple-system,sans-serif;color:#2B2E2B;background:#F7F6F3;--orange:#4A4F4D;--muted:#6B6E67;--line:#E2E0DA;font-synthesis:none}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.app{grid-template-rows:56px minmax(0,1fr)}.header{padding:8px 24px}.header .brand img{height:28px}.header-caption{font-size:11px}
.header{background:#fffffff0;border-color:#E2E0DA}.brand img{width:auto;height:36px;object-fit:contain}.brand-lab{letter-spacing:0;font-size:13px}
.sidebar{background:#F7F6F3;border-color:#E2E0DA;padding:28px 22px}
.eyebrow,legend{font-size:10px;letter-spacing:.12em;color:#6B6E67}
h1{font-size:32px;font-weight:600;letter-spacing:-.03em;line-height:1.12}.description{font-size:13px;line-height:1.7}
.room-facts strong{color:#4A4F4D;font-weight:500}.room-facts div>span{font-size:11px}
.view{border:1px solid #E2E0DA;border-radius:16px;padding:13px 12px;margin-bottom:8px;background:#fff;min-height:62px;transition:background .2s,border-color .2s,box-shadow .2s}
.view:hover{background:#EDEBE6;border-color:#B9BDB6}.view strong{font-size:13px;font-weight:500}.view small{font-size:11px;color:#6B6E67}
.view.active{background:linear-gradient(110deg,#4A4F4D,#7E8582);border-color:#4A4F4D;box-shadow:0 10px 24px #4A4F4D20}
.view.active strong,.view.active .view-icon,.view.active .view-arrow{color:#fff}.view.active small{color:#ffffffc9}
.view-icon{font-size:24px;color:#7E8582}.view-arrow{color:#92988F}
.segmented{padding:4px;border-radius:999px;background:#E9E7E2;border:1px solid #E2E0DA}
.segmented button{padding:10px 5px;border-radius:999px;font-size:12px}.segmented button.selected{background:#4A4F4D;color:#fff;box-shadow:none}
.sidebar-bottom{font-size:10px;padding-top:18px}.version{display:none}.status-dot{background:#9AA39D}
.stage{background:#E9E7E2}.stage-title{border:1px solid #E2E0DA;border-radius:18px;background:#ffffffed;padding:12px 15px;backdrop-filter:blur(14px)}
.stage-title strong{font-size:13px;font-weight:500}.stage-title>div>span{font-size:11px;color:#6B6E67}.stage-index{color:#6B6E67;border-color:#CFD3CB}
.stage-actions button{background:#fffffff0;border-color:#D8DBD3;color:#4A4F4D;width:40px;height:40px;box-shadow:0 6px 16px #2224200a}
.stage.interior .stage-title{border-radius:18px;padding:12px 15px;background:#fffffff0}
.interaction-hint,.stage.interior .interaction-hint{background:#ffffffeb;border:1px solid #E2E0DA;border-radius:14px;padding:10px 12px;font-size:10px;color:#6B6E67;line-height:1.5}
.model-label,.compass{display:none}.stage-bottom{left:22px;right:22px;bottom:20px}.view-note{bottom:76px;color:#6B6E67}
.walk-controls button{border-radius:14px;background:#fffffff0;border-color:#D8DBD3;color:#4A4F4D}.walk-controls button:active{background:#E9E7E2}
.exit-walk{font-size:12px}.look-prompt{border-radius:22px;color:#2B2E2B;background:#fffffff0;border-color:#D8DBD3}
.loading{background:linear-gradient(180deg,#F7F6F3,#E9E7E2)}.loading h2{font-weight:500;letter-spacing:-.02em}.loading button{border-radius:999px;background:#4A4F4D;color:#fff;padding:12px 24px}
.tablet-targeted .look-reticle{border-color:#DBE7DD;background:#4A4F4D99}.tablet-targeted .interaction-hint{color:#2B2E2B}
.embedded .header,.embedded .intro,.embedded .room-facts{display:none}.embedded .app{grid-template-columns:270px minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:100vh;min-height:0}
.embedded .sidebar{padding:18px 16px}.embedded .sidebar-bottom{display:none}.embedded .view{min-height:52px;padding:10px 11px;margin-bottom:6px}.embedded .view small{font-size:10px}.embedded #views{margin-bottom:16px}.embedded .stage-title{top:18px;left:18px}.embedded .stage-actions{top:18px;right:18px}
@media(max-height:620px) and (min-width:761px){.embedded .view small{display:none}.embedded .view{min-height:48px;padding:9px 11px}.embedded .view-icon{line-height:1}.embedded #views{margin-bottom:12px}}
@media(max-width:1000px) and (min-width:761px){.embedded .app{grid-template-columns:240px minmax(0,1fr)}.embedded .sidebar{padding:22px 14px}.view{padding:12px 9px}}
@media(max-width:760px){.header{padding:0 18px}.brand img{height:30px}.brand-lab{display:none}.sidebar{padding:20px 16px;gap:20px}.view{min-height:65px;margin-bottom:0;border-radius:14px;padding:11px 10px}.view strong{font-size:12px}.view small{font-size:10px}.stage-title{left:14px;top:16px}.stage-actions{right:14px;top:16px}.stage-bottom{left:14px;right:14px;bottom:16px}.stage-title strong{font-size:12px}.stage-title>div>span{font-size:10px}.stage-actions button{width:34px;height:34px}.interaction-hint,.stage.interior .interaction-hint{font-size:9px}.view-note{left:18px;bottom:72px}.embedded .app{grid-template-columns:1fr;grid-template-rows:minmax(360px,1fr) auto;height:100vh;min-height:0}.embedded .stage{grid-row:1}.embedded .sidebar{grid-row:2;padding:20px 14px;gap:18px}.embedded .stage-title{left:12px;top:14px}.embedded .stage-actions{top:14px;right:12px}.embedded .sidebar-bottom{display:none}.embedded #views{gap:7px}.embedded .view[data-view=walk]{grid-column:auto}}
@media(max-width:760px){.app{grid-template-rows:56px minmax(340px,57dvh) auto}.embedded .app{grid-template-rows:minmax(250px,1fr) auto}.embedded .sidebar{padding:14px 10px;gap:10px}.embedded .view{min-height:48px;padding:9px 8px;margin-bottom:0}.embedded .view small{display:none}.embedded #views{margin-bottom:0}.embedded legend{margin-bottom:10px}.embedded .stage-title{padding:8px 10px}.embedded .stage-title>div>span{display:none}.embedded .stage-title strong{font-size:11px}.embedded .stage-index{width:25px;height:25px}.embedded .stage-bottom{bottom:10px}.embedded .interaction-hint{font-size:8px;padding:7px 9px}.embedded .view-note{bottom:61px;font-size:8px}}
