html,body,#root{width:100%;min-height:100%;margin:0}body{background:#0b0f17;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}.app-shell{width:100%;min-height:100vh}.room-demo{background:radial-gradient(circle at top,#39568e38,#0000 28%),linear-gradient(#07090e 0%,#05070b 100%);min-height:100vh;padding:18px}.room-demo__stage{background:radial-gradient(circle at 0 0,#4e6fb22e,#0000 24%),radial-gradient(circle at 100%,#c786531f,#0000 20%),linear-gradient(#0a0c12fa,#07090e);border:1px solid #ffffff14;border-radius:32px;min-height:calc(100vh - 36px);padding:0;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 40px 120px #00000073}.room-demo__intro{z-index:12;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle at top,#4567a82e,#0000 28%),linear-gradient(#06080c80,#06080cdb);place-items:center;padding:24px;transition:opacity .7s,visibility .7s,transform .7s cubic-bezier(.19,1,.22,1);display:grid;position:absolute;inset:0}.room-demo.is-entered .room-demo__intro{opacity:0;visibility:hidden;pointer-events:none;transform:scale(1.02)}.room-demo__intro-card{text-align:center;background:linear-gradient(#11141de6,#090b12eb);border:1px solid #ffffff17;border-radius:28px;width:min(100%,520px);padding:34px 32px;box-shadow:inset 0 1px #ffffff0f,0 30px 90px #0000005c}.room-demo__intro-kicker{letter-spacing:.22em;text-transform:uppercase;color:#e8e2db80;margin:0 0 12px;font-size:.72rem;font-weight:600}.room-demo__intro-card h1{letter-spacing:-.07em;margin:0;font-size:clamp(3rem,7vw,5.4rem);line-height:.95}.room-demo__intro-card p{color:#e8e2dbb8;max-width:30ch;margin:14px auto 0;line-height:1.6}.room-demo__enter{color:#18120f;font:inherit;cursor:pointer;background:linear-gradient(#e0b284,#c9804d);border:0;border-radius:999px;margin-top:26px;padding:14px 22px;font-weight:600;transition:transform .18s,box-shadow .18s;box-shadow:0 18px 36px #c9804d3d}.room-demo__enter:hover{transform:translateY(-1px);box-shadow:0 22px 40px #c9804d52}.room-demo__kicker{letter-spacing:.18em;text-transform:uppercase;color:#e8e2db85;margin:0 0 6px;font-size:.72rem;font-weight:600}.room-demo__shell{z-index:1;opacity:.68;min-height:calc(100vh - 36px);padding:16px;transition:opacity .7s,transform .7s cubic-bezier(.19,1,.22,1);position:relative;transform:scale(.985)}.room-demo.is-entered .room-demo__shell{opacity:1;transform:scale(1)}.room-demo__chrome{justify-content:space-between;align-items:center;padding:8px 8px 14px;display:flex}.room-demo__lede{color:#e8e2dbad;margin:0;font-size:.95rem}.room-demo__layout{grid-template-columns:minmax(0,1.85fr) minmax(300px,.58fr);align-items:stretch;gap:18px;display:grid}.room-demo__viewport{overscroll-behavior:contain;background:#090b10;border:1px solid #ffffff14;border-radius:28px;min-height:min(84vh,980px);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 30px 90px #0006}.room-demo__viewport:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(#04060a14,#04060a4d),radial-gradient(circle,#0000 52%,#0304086b 100%);position:absolute;inset:0}.room-demo__scene{transform-origin:0 0;will-change:transform;transition:transform 1.1s cubic-bezier(.19,1,.22,1);position:absolute;inset:0}.room-demo__scene.is-dimmed{filter:brightness(.38)saturate(.86)blur(1.5px)}.room-demo__image,.room-demo__glow{position:absolute;inset:0}.room-demo__image{object-fit:cover;-webkit-user-select:none;user-select:none;filter:contrast(1.05)saturate(1.1);width:100%;height:100%;display:block}.room-demo__glow{pointer-events:none;mix-blend-mode:screen;opacity:.62}.room-demo__glow--left{background:radial-gradient(circle at 20% 22%,#5584ff38,#0000 24%)}.room-demo__glow--right{background:radial-gradient(circle at 78% 64%,#e4a0652e,#0000 20%)}.room-demo__hud{z-index:4;color:#f0eae2d1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080b1194;border:1px solid #ffffff14;border-radius:18px;gap:4px;max-width:min(420px,100% - 36px);padding:12px 14px;display:grid;position:absolute;top:18px;left:18px}.room-demo__hud span:first-child{color:#f4ede6;font-weight:600}.room-demo__hud span:last-child{color:#f0eae2b3;font-size:.92rem}.room-demo__debug-toggle{color:#f4ede6;font:inherit;cursor:pointer;background:#ffffff14;border:0;border-radius:999px;justify-self:start;margin-top:6px;padding:9px 12px;font-size:.84rem;transition:transform .16s,background-color .16s}.room-demo__debug-toggle:hover{background:#ffffff24;transform:translateY(-1px)}.room-demo__floating-back{z-index:4;color:#f3ede6;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080b11b8;border:1px solid #ffffff1a;border-radius:999px;padding:12px 16px;position:absolute;bottom:18px;left:18px}.workspace-overlay{z-index:6;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);background:linear-gradient(#0b0e15e0,#080a10f0);border:1px solid #ffffff14;border-radius:24px;align-content:start;gap:22px;padding:24px;animation:.62s cubic-bezier(.19,1,.22,1) workspace-enter;display:grid;position:absolute;inset:16px;box-shadow:inset 0 1px #ffffff0d,0 40px 120px #0000006b}.workspace-overlay__chrome{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:10px;display:flex}.workspace-overlay__eyebrow,.workspace-overlay__label{letter-spacing:.18em;text-transform:uppercase;color:#e8e2db80;margin:0 0 8px;font-size:.72rem;font-weight:600}.workspace-overlay__chrome h2{letter-spacing:-.05em;margin:0;font-size:clamp(1.9rem,3vw,3rem)}.workspace-overlay__close{color:#f4ede6;font:inherit;cursor:pointer;background:#ffffff17;border:0;border-radius:999px;padding:12px 16px;font-weight:600;transition:transform .18s,background-color .18s;box-shadow:inset 0 1px #ffffff0a}.workspace-overlay__close:hover{background:#ffffff24;transform:translateY(-1px)}.workspace-overlay__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.workspace-overlay__card{background:linear-gradient(#ffffff12,#ffffff08);border:1px solid #ffffff0f;border-radius:22px;align-content:start;gap:12px;min-height:220px;padding:22px;display:grid;box-shadow:inset 0 1px #ffffff0a,0 18px 40px #00000029}.workspace-overlay__card strong{font-size:1.12rem;line-height:1.3}.workspace-overlay__card span{color:#e8e2dbad;line-height:1.6}.workspace-overlay__list,.workspace-overlay__checklist,.workspace-overlay__messages{gap:10px;display:grid}.workspace-overlay__list span,.workspace-overlay__messages span{background:#ffffff0a;border:1px solid #ffffff0d;border-radius:16px;padding:12px 14px}.workspace-overlay__checklist span{background:#ffffff0a;border:1px solid #ffffff0d;border-radius:16px;padding:12px 14px 12px 38px;position:relative}.workspace-overlay__checklist span:before{content:"";border:1px solid #6cd3ffb3;border-radius:50%;width:12px;height:12px;position:absolute;top:14px;left:14px;box-shadow:0 0 16px #6cd3ff42}.workspace-overlay__messages strong{color:#f4ede6;font-size:.92rem}.room-demo__hotspot,.room-hotspot{cursor:pointer;z-index:3;background:0 0;border:0;padding:0;position:absolute;transform:translate(-50%,-50%)}.room-demo__hotspot-hit,.room-demo__hotspot-outline,.room-hotspot-outline,.room-demo__hotspot-ring{border-radius:24px;position:absolute;inset:0}.room-demo__hotspot-hit{opacity:0;background:#ffffff03;transition:opacity .22s,background-color .22s}.room-demo__hotspot-outline,.room-hotspot-outline{opacity:0;border:1px solid #ffffff12;transition:opacity .22s,transform .22s,border-color .22s,box-shadow .22s;box-shadow:inset 0 0 0 1px #ffffff05,0 0 #fff0}.room-demo__hotspot-ring{opacity:0;background:linear-gradient(#fff3e308,#fff3e303),radial-gradient(circle,#ffdbb514,#6cd3ff05);border:1px solid #eabf931f;transition:opacity .18s,transform .18s,box-shadow .18s,border-color .18s;box-shadow:inset 0 0 18px #ffe4c605,0 0 #eabf9300}.room-demo__hotspot-label{color:#f4ede6;letter-spacing:.01em;white-space:nowrap;opacity:0;pointer-events:none;background:#06090ed1;border:1px solid #ffffff14;border-radius:999px;padding:8px 12px;font-size:.82rem;font-weight:600;transition:opacity .18s,transform .18s;position:absolute;top:-12px;left:50%;transform:translate(-50%,-100%)}.room-demo__hotspot:hover .room-demo__hotspot-hit,.room-demo__hotspot.is-hovered .room-demo__hotspot-hit,.room-hotspot:hover .room-demo__hotspot-hit,.room-hotspot.is-hovered .room-demo__hotspot-hit{opacity:1;background:#f8dec40d}.room-demo__hotspot:hover .room-demo__hotspot-outline,.room-demo__hotspot.is-hovered .room-demo__hotspot-outline,.room-hotspot:hover .room-hotspot-outline,.room-hotspot.is-hovered .room-hotspot-outline{opacity:1;border-color:#fff1e12e;transform:scale(1.012);box-shadow:inset 0 0 0 1px #ffffff0a,0 0 0 1px #ffffff0d,0 0 18px #ffe9cf1a}.room-demo__hotspot:hover .room-demo__hotspot-ring,.room-demo__hotspot.is-hovered .room-demo__hotspot-ring,.room-hotspot:hover .room-demo__hotspot-ring,.room-hotspot.is-hovered .room-demo__hotspot-ring{opacity:1;border-color:#eabf9342;transform:scale(1.015);box-shadow:0 0 0 1px #ffffff0f,0 0 26px #eabf9324,inset 0 0 24px #ffe6c714}.room-demo__hotspot.is-active .room-demo__hotspot-hit,.room-hotspot.is-active .room-demo__hotspot-hit{opacity:1;background:#6cd3ff17}.room-demo__hotspot.is-active .room-demo__hotspot-outline,.room-hotspot.is-active .room-hotspot-outline{opacity:1;border-color:#a4e7ff6b;transform:scale(1.018);box-shadow:inset 0 0 0 1px #ffffff0f,0 0 0 1px #a4e7ff1f,0 0 24px #6cd3ff4d}.room-demo__hotspot.is-active .room-demo__hotspot-ring{opacity:1;border-color:#6cd3ff80;transform:scale(1.02);box-shadow:0 0 0 1px #ffffff26,0 0 60px #6cd3ffb3,inset 0 0 30px #6cd3ff2e}.room-demo__hotspot:hover .room-demo__hotspot-label,.room-demo__hotspot.is-hovered .room-demo__hotspot-label,.room-demo__hotspot.is-active .room-demo__hotspot-label{opacity:1;transform:translate(-50%,calc(-100% - 4px))}.room-demo__hotspot.is-debug-visible .room-demo__hotspot-hit{opacity:1;background:#f2c15e14}.room-demo__hotspot.is-debug-visible .room-demo__hotspot-outline{opacity:1;border-style:dashed;border-color:#f2c15e75;box-shadow:inset 0 0 0 1px #fff3d60a,0 0 0 1px #f2c15e1a,0 0 22px #f2c15e1f}.room-demo__hotspot.is-debug-visible .room-demo__hotspot-ring{opacity:1;background:linear-gradient(#fff4db0a,#fff4db05),radial-gradient(circle,#f2c15e14,#0000 70%);border-style:dashed;border-color:#f2c15e38;box-shadow:0 0 0 1px #f2c15e0f,inset 0 0 18px #f2c15e0d}.room-demo__hotspot.is-debug-visible .room-demo__hotspot-label{opacity:1;background:#19130adb;border-color:#f2c15e2e;transform:translate(-50%,calc(-100% - 4px))}.room-demo__hotspot.is-laptop:hover .room-demo__hotspot-outline,.room-demo__hotspot.is-laptop.is-hovered .room-demo__hotspot-outline{border-color:#c1ebff47;box-shadow:inset 0 0 0 1px #ffffff0d,0 0 0 1px #c1ebff14,0 0 26px #6cd3ff29}.room-demo__hotspot.is-laptop:hover .room-demo__hotspot-ring,.room-demo__hotspot.is-laptop.is-hovered .room-demo__hotspot-ring{border-color:#9de2ff57;box-shadow:0 0 0 1px #ffffff14,0 0 34px #6cd3ff33,inset 0 0 28px #6cd3ff1a}.room-demo__hotspot.is-laptop:hover .room-demo__hotspot-label,.room-demo__hotspot.is-laptop.is-hovered .room-demo__hotspot-label{background:#070c12e6;border-color:#a4e7ff29}.room-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#0e1118e6,#090b12f0);border:1px solid #ffffff14;border-radius:28px;align-content:start;gap:18px;min-height:100%;padding:24px;display:grid;box-shadow:inset 0 1px #ffffff0d,0 30px 80px #00000052}.room-panel--idle{justify-content:end}.room-panel__header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.room-panel__eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#e8e2db75;margin:0 0 6px;font-size:.72rem;font-weight:600}.room-panel h2{letter-spacing:-.05em;margin:0;font-size:1.85rem}.room-panel__description{color:#e8e2dbb8;margin:0;line-height:1.65}.room-panel__card{background:linear-gradient(#ffffff0f,#ffffff08);border:1px solid #ffffff0f;border-radius:22px;gap:10px;padding:20px;display:grid}.room-panel__card strong{font-size:1.1rem}.room-panel__card span{color:#e8e2dba8;line-height:1.55}.room-panel__actions{flex-wrap:wrap;gap:12px;display:flex}.room-panel__back,.room-panel__actions button{color:#f4ede6;cursor:pointer;background:#ffffff12;border:0;border-radius:999px;padding:11px 15px;transition:transform .16s,background-color .16s,box-shadow .16s}.room-panel__back:hover,.room-panel__actions button:hover,.room-demo__floating-back:hover{background:#ffffff24;transform:translateY(-1px)}.room-panel__actions button.is-active{color:#18120f;background:linear-gradient(#e0b284,#c9804d);box-shadow:0 12px 28px #c9804d42}@keyframes workspace-enter{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1100px){.room-demo__layout{grid-template-columns:1fr}.room-demo__chrome{padding-bottom:12px}.room-panel{min-height:0}.workspace-overlay__grid{grid-template-columns:1fr}}@media (width<=720px){.room-demo{padding:10px}.room-demo__stage{border-radius:24px;min-height:calc(100vh - 20px)}.room-demo__shell{min-height:calc(100vh - 20px);padding:12px}.room-demo__viewport{border-radius:22px;min-height:60vh}.room-demo__hud{max-width:none;top:12px;left:12px;right:12px}.room-demo__floating-back{bottom:12px;left:12px}.room-demo__hotspot-label{font-size:.76rem}.room-panel{border-radius:22px;padding:18px}.room-demo__intro-card{padding:28px 22px}.workspace-overlay{border-radius:20px;padding:18px;inset:12px}.workspace-overlay__chrome{flex-direction:column}}