.room-root{z-index:1000;isolation:isolate;overscroll-behavior:none;color:#e7edf8;background:#03070c;outline:none;font-family:Arial,sans-serif;position:fixed;inset:0;overflow:hidden}.room-canvas{transform-origin:0 0;position:absolute}.room-object{position:absolute}.room-images{pointer-events:none;position:absolute;inset:0}.room-images img{object-fit:contain;object-position:50% 50%;transform-origin:50%;pointer-events:none;width:100%;max-width:none;height:100%;transition:none;position:absolute;inset:0;transform:none}.room-light-on{opacity:var(--lights)}.room-editable{touch-action:none;cursor:move}.room-outlined{outline:1px dashed #89bbff70}.room-selected{outline:2px solid #67dcff}.room-object-label{color:#abedff;white-space:nowrap;pointer-events:none;background:#092a3b;padding:5px 8px;font:16px Arial;position:absolute;top:-30px;left:0}.room-handle{z-index:2;touch-action:none;background:#8beaff;border:2px solid #07364b;width:18px;height:18px;padding:0;position:absolute}.room-handle-nw{cursor:nwse-resize;top:-9px;left:-9px}.room-handle-ne{cursor:nesw-resize;top:-9px;right:-9px}.room-handle-sw{cursor:nesw-resize;bottom:-9px;left:-9px}.room-handle-se{cursor:nwse-resize;bottom:-9px;right:-9px}.room-enter,.room-editor-toggle,.room-replay{color:#f0f6ff;cursor:pointer;z-index:1002;background:#101b2de8;border:1px solid #ffffff40;border-radius:8px;padding:10px 16px;font:13px Arial;position:fixed}.room-enter{bottom:20px;left:50%;transform:translate(-50%)}.room-editor-toggle{top:16px;left:16px}.room-replay{z-index:50;bottom:16px;left:16px}.room-editor{z-index:1003;scrollbar-width:thin;background:#0d1525f5;border:1px solid #31445d;border-radius:14px;width:300px;padding:18px;font:12px/1.5 Arial,sans-serif;position:absolute;top:16px;bottom:74px;right:16px;overflow:auto;box-shadow:0 16px 50px #0008}.room-editor header span{letter-spacing:2px;color:#7ba4c7;font-size:9px}.room-editor h2{margin:2px 0 16px;font-size:23px}.room-editor h3{color:#a8c3df;margin:16px 0 8px;font-size:12px}.room-editor label{justify-content:space-between;align-items:center;gap:6px;margin:5px 0;display:flex}.room-editor :is(button,input,select){font:inherit;color:#eaf3ff;background:#1b293d;border:1px solid #3b4e69;border-radius:5px;min-width:0;padding:5px}.room-editor button{cursor:pointer}.room-editor button:hover{background:#304862}.room-editor button:disabled,.room-editor fieldset:disabled{opacity:.45;cursor:default}.room-editor input[type=number]{width:80px}.room-editor input[type=checkbox]{accent-color:#64ceff}.room-editor input[type=range]{width:145px}.room-options{grid-template-columns:1fr 1fr;gap:2px;margin-top:12px;display:grid}.room-options label{justify-content:flex-start}.room-layer-list{gap:3px;display:grid}.room-layer-list>div{border:1px solid #0000;border-radius:5px;display:flex}.room-layer-list>div.active{background:#163348;border-color:#62d5ff}.room-layer-list button{background:0 0;border:0}.room-layer-list button:first-child{text-align:left;flex:1}.room-fields{border:0;grid-template-columns:1fr 1fr;gap:6px;padding:0;display:grid}.room-fields label{gap:2px;display:grid}.room-fields input[type=number]{width:100%}.room-actions{grid-template-columns:1fr 1fr;gap:6px;margin-top:12px;display:grid}.room-editor p{color:#92abc6;margin-top:12px;font-size:11px}.room-editor code{overflow-wrap:anywhere;background:#050b15;padding:8px;font-size:11px;display:block}.room-editor summary{cursor:pointer}.room-loading{text-align:center;color:#91a4bc;width:100%;font:14px Arial;position:absolute;top:50%}.room-helpers{pointer-events:none;z-index:999;position:absolute;inset:0}.room-grid{background-image:linear-gradient(#7cc9ff25 1px,#0000 1px),linear-gradient(90deg,#7cc9ff25 1px,#0000 1px);background-size:10px 10px}.room-guides:before,.room-guides:after{content:"";background:#5be4ec80;position:absolute}.room-guides:before{width:1px;height:100%;left:50%}.room-guides:after{width:100%;height:1px;top:50%}@media (max-width:600px){.room-editor{width:260px;max-height:60dvh;padding:12px;top:60px;bottom:70px;right:8px}}@media (prefers-reduced-motion:reduce){.room-images img{transition:none}}.room-layer-list .room-layer-dark{background:#4a586e;border:1px solid #718199;border-radius:999px;flex:none;align-self:center;width:28px;height:16px;margin:0 5px;padding:2px;transition:background .15s}.room-layer-list .room-layer-dark[aria-checked=true]{background:#276184;border-color:#67dcff}.room-layer-dark span{background:#e7f7ff;border-radius:50%;width:10px;height:10px;transition:transform .15s;display:block;transform:translate(0)}.room-layer-dark[aria-checked=true] span{transform:translate(10px)}.room-editor header{position:relative}.room-editor .room-editor-minimize{float:right;margin-left:8px}.room-editor-restore{z-index:1003;color:#eaf3ff;cursor:pointer;background:#0d1525f5;border:1px solid #31445d;border-radius:8px;padding:10px 16px;font:13px Arial,sans-serif;position:fixed;top:16px;right:16px}.room-editor-restore:hover{background:#304862}@media (max-width:600px){.room-editor-restore{top:60px;right:8px}}.room-viewport-background{position:absolute;inset:0;overflow:hidden}.room-viewport-background .room-images img{object-fit:cover}.room-canvas,.room-canvas .room-object{pointer-events:none}.room-canvas .room-object.room-editable{pointer-events:auto}.room-root{--neon-brightness:0;--lamp-brightness:0;--room-brightness:0}.room-object{--lights:var(--room-brightness)}.room-object[data-object=neon]{--lights:var(--neon-brightness)}.room-object[data-object=lamp]{--lights:var(--lamp-brightness)}.room-object[data-object=leftPoster]{--lights:var(--poster-brightness,0)}.room-root[data-lighting-mode=manual] .room-object{--lights:var(--manual-lights,0)}.room-images{isolation:isolate}.room-images img{transition:none}.room-light-off{opacity:1}.room-editor-tabs{gap:4px;margin-bottom:14px;display:flex}.room-editor-tabs button{flex:1}.room-editor button[aria-pressed=true],.animation-editor button[aria-pressed=true]{background:#20435a;border-color:#7fe2ea}.animation-editor{z-index:1005;resize:vertical;color:#e6f0fa;scrollbar-width:thin;background:#0b1422fa;border:1px solid #47607d;border-radius:12px;height:46vh;min-height:260px;max-height:80vh;padding:16px 20px;font:12px/1.45 Arial,sans-serif;position:fixed;bottom:12px;left:16px;right:16px;overflow:auto;box-shadow:0 -8px 40px #0007}.animation-editor *{box-sizing:border-box}.animation-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.animation-header h2{letter-spacing:2px;margin:0;font-size:13px}.animation-editor :is(button,input,select){font:inherit;color:#eaf3ff;background:#1b293d;border:1px solid #3b4e69;border-radius:5px;min-width:0;padding:5px 8px}.animation-editor button{cursor:pointer}.animation-editor button:hover{background:#304862}.animation-editor button:disabled{opacity:.4;cursor:default}.animation-editor :is(button,input,select):focus-visible{outline-offset:2px;outline:2px solid #7fe2ea}.animation-editor input[type=number]{width:96px}.animation-editor input[type=checkbox]{accent-color:#78dfea}.animation-editor label{align-items:center;gap:6px;display:flex}.animation-editor p{color:#9bb0c7;margin:8px 0;font-size:11px}.animation-editor code{overflow-wrap:anywhere;background:#050b15;padding:8px;display:block}.animation-editor summary{cursor:pointer}.animation-readout,.animation-buttons,.animation-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin:9px 0;display:flex}.animation-readout{font-variant-numeric:tabular-nums;justify-content:space-between}.animation-readout strong{color:#aff0ed;font-size:19px}.animation-readout span{color:#b0c4db}.animation-timeline{border:1px solid #34465c;border-radius:6px;margin:14px 0;display:flex;overflow:hidden}.animation-track-labels{background:#132033;flex:0 0 112px;grid-template-rows:32px repeat(3,56px);display:grid}.animation-track-labels>*{align-items:center;padding:8px;font-size:11px;display:flex}.animation-track-labels button{text-align:left;border-radius:0}.animation-scroll{background:#07101c;flex:1;min-width:0;padding:0 8px;overflow:auto hidden}.animation-lanes{min-width:100%;position:relative}.animation-ruler{touch-action:none;cursor:crosshair;border-bottom:1px solid #34465c;height:32px;position:relative}.animation-ruler span{white-space:nowrap;color:#a6b9cd;pointer-events:none;border-left:1px solid #536479;padding-left:4px;font-size:9px;position:absolute;top:6px}.animation-ruler span:last-child{padding-right:4px;transform:translate(-100%)}.animation-lane{touch-action:none;cursor:crosshair;background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 1px),#ffffff08 calc(10% - 1px) 10%);border-bottom:1px solid #293c52;height:56px;position:relative}.animation-lane svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.animation-lane polyline{fill:none;stroke:#bf87c0;stroke-width:1.5px;vector-effect:non-scaling-stroke;opacity:.5}.animation-lamp polyline{stroke:#f7ae5c}.animation-editor .animation-key{color:#ecaff4;cursor:ew-resize;touch-action:none;z-index:2;background:0 0;border:0;width:16px;height:18px;padding:0;line-height:16px;position:absolute;transform:translate(-50%)}.animation-editor .animation-lamp .animation-key{color:#ffd396}.animation-editor .animation-key.selected{z-index:3;background:#354961;outline:2px solid #fff}.animation-playhead{pointer-events:none;z-index:4;background:#8ff2ed;width:1px;position:absolute;top:0;bottom:0}.animation-playhead span{background:#8ff2ed;width:9px;height:9px;display:block;transform:translate(-4px)rotate(45deg)}.animation-room-block{touch-action:none;background:linear-gradient(90deg,#1a354a,#477f92);border:1px solid #73bacb;border-radius:4px;min-width:10px;height:32px;display:flex;position:absolute;top:12px}.animation-editor .animation-room-block button{color:#dbf5ff;touch-action:none;background:0 0;border:0;border-radius:0;padding:0}.animation-room-move{white-space:nowrap;flex:1;overflow:hidden;cursor:ew-resize!important}.animation-trim{flex:0 0 9px;cursor:ew-resize!important}.animation-properties{grid-template-columns:1.3fr 1fr 1fr;gap:12px;display:grid}.animation-properties fieldset{border:1px solid #34465c;border-radius:7px;min-width:0;padding:10px}.animation-properties legend{color:#c5dfef}.animation-properties .animation-toolbar{align-items:flex-start}.animation-properties .animation-toolbar label{flex-direction:column;align-items:flex-start}.animation-warning{color:#ffcc7d!important}@media (max-width:800px){.animation-editor{height:50vh;padding:12px;left:6px;right:6px}.animation-properties{grid-template-columns:1fr}.animation-track-labels{flex-basis:80px}.animation-readout strong{font-size:16px}}@media (prefers-reduced-motion:reduce){.room-root[data-lighting-mode=animation] .room-object{--lights:1}}.room-editor-compact{max-height:43vh;bottom:auto}.animation-confirm{z-index:1010;background:#132338;border:2px solid #81d8e5;border-radius:10px;width:min(440px,90vw);padding:24px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax #0009}.animation-confirm p{color:#eaf3ff;font-size:14px}.room-intro-play{top:64px}.room-intro-play:hover{background:#304862}.room-intro-play:focus-visible{outline-offset:3px;outline:2px solid #7fe2ea}.room-tv-images{z-index:1}.tv-local{transform-origin:0 0;pointer-events:none;position:absolute}.tv-screen-plane{z-index:0}.tv-aperture,.tv-dark-backing{pointer-events:none;position:absolute;inset:0}.tv-website-preview{transform-origin:0 0;pointer-events:none;opacity:0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#060b1e;border:0;max-width:none;position:absolute}.tv-website-preview[data-ready=true]{opacity:var(--lights,0)}.tv-interaction-plane{z-index:2}.tv-interaction-plane>i{pointer-events:none;width:0;height:0;position:absolute}.tv-enter-target{pointer-events:auto;cursor:pointer;touch-action:manipulation;background:0 0;border:0;margin:0;padding:0;display:block;position:absolute}.tv-enter-target:focus-visible{outline-offset:6px;border-radius:60px;outline:8px solid #8fe5f1}.tv-wrapper-guide{pointer-events:none;outline:6px dashed #ffe39a;position:absolute;inset:0}.tv-safe-guide{pointer-events:none;background:#ff93cf0b;outline:6px dashed #ff93cf;position:absolute}.tv-safe-guide span{white-space:nowrap;color:#ffc4e5;background:#182132;font:34px Arial;position:absolute;top:-50px;left:0}.tv-screen-bounds{pointer-events:none;outline:5px solid #79e6ff;position:absolute}.tv-screen-drag{pointer-events:auto;cursor:move;touch-action:none;background:#79e6ff08;position:absolute;inset:0}.tv-screen-resize,.tv-corner-handle{pointer-events:auto;touch-action:none;background:#79e6ff;border:6px solid #103950;width:64px;height:64px;position:absolute}.tv-screen-resize{cursor:nwse-resize;bottom:-32px;right:-32px}.tv-corner-handle{cursor:move;background:#ffc987;border-radius:50%;transform:translate(-50%,-50%)}.tv-clip-guide{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tv-clip-guide :is(rect,polygon){fill:none;stroke:#a5ffaf;stroke-width:5px;stroke-dasharray:15 9}.tv-screen-editor fieldset{margin:12px 0}.tv-screen-editor legend{color:#a8c3df;margin-bottom:6px;font-size:11px}.tv-screen-editor .room-options{grid-template-columns:1fr}.tv-screen-editor details{margin:12px 0}.tv-reset-confirm{background:#25303e;border:1px solid #f4d092;padding:12px}.tv-reset-confirm button{margin:4px}.room-editor-tabs{flex-wrap:wrap}.room-editor-tabs button{min-width:100px}.tv-wrapper-guide{z-index:3}.room-camera{transform-origin:0 0;pointer-events:none;position:absolute;inset:0}.room-camera>.room-canvas,.room-camera>.room-viewport-background{pointer-events:auto}.room-root[data-transition]{-webkit-user-select:none;user-select:none;--intro-opacity:1;--bezel-opacity:1}.room-root[data-transition] .room-camera{pointer-events:none}.room-root[data-transition] .room-camera *{pointer-events:none!important}.room-root[data-transition] :is(.room-object-label,.room-handle,.room-helpers,.tv-wrapper-guide,.tv-screen-bounds,.tv-clip-guide,.tv-safe-guide,.tv-corner-handle,.room-enter,.room-editor-toggle,.room-editor-restore,.room-editor,.animation-editor:not(.transition-editor)){visibility:hidden!important}.room-root[data-transition] .room-object{outline:none!important}.transition-replay{z-index:1010}.transition-editor{height:38vh}.transition-editor input[type=range]{width:100%}.transition-guides{z-index:1004;pointer-events:none;position:fixed;inset:0}.transition-guides svg{width:100%;height:100%}.transition-guides text{fill:#afd;font:12px Arial}.transition-guides path,.transition-guides rect,.transition-guides circle{fill:none;stroke:#69eec7;stroke-width:1px}.tv-crt-reveal{clip-path:inset(calc(var(--crt-screen-y) + var(--crt-screen-height) * (1 - var(--crt-reveal,0)) / 2) 0 calc(100% - var(--crt-screen-y) - var(--crt-screen-height) + var(--crt-screen-height) * (1 - var(--crt-reveal,0)) / 2) 0);position:absolute;inset:0}.room-root[data-lighting-mode=animation][data-crt=true] .tv-website-preview[data-ready=true],.room-root[data-crt-replay=true] .tv-website-preview[data-ready=true]{opacity:1}.room-root[data-crt=false] .tv-crt-reveal,.room-root[data-lighting-mode=manual]:not([data-crt-replay=true]) .tv-crt-reveal{clip-path:none}.room-root[data-transition] .tv-crt-reveal{clip-path:none!important}.room-root[data-transition] .tv-website-preview[data-ready=true]{opacity:1}@media (prefers-reduced-motion:reduce){.tv-crt-reveal{clip-path:none!important}.tv-website-preview[data-ready=true]{opacity:1!important}}.tv-dark-backing{background:#000}.room-root[data-crt-open=true] .tv-crt-reveal{clip-path:none}.room-root[data-transition=active] .room-camera{will-change:transform}.room-root[data-transition=active] .room-light-on{will-change:auto}.room-light-on{will-change:opacity}.tv-website-preview{box-sizing:border-box;margin:0;padding:0}.room-frozen-pair{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.room-root[data-loading=true] .room-light-on{opacity:0!important}@media (max-width:767px){.room-light-on,.room-root[data-transition=active] .room-camera{will-change:auto}}.room-root[data-lighting-mode=animation] .room-object[data-object=background]{--lights:var(--object-background,0)}.room-root[data-lighting-mode=animation] .room-object[data-object=leftPoster]{--lights:var(--object-leftPoster,0)}.room-root[data-lighting-mode=animation] .room-object[data-object=rightPoster]{--lights:var(--object-rightPoster,0)}.room-root[data-lighting-mode=animation] .room-object[data-object=neon]{--lights:var(--object-neon,0)}.room-root[data-lighting-mode=animation] .room-object[data-object=cabinet]{--lights:var(--object-cabinet,0)}.room-root[data-lighting-mode=animation] .room-object[data-object=tv]{--lights:var(--object-tv,0)}.room-root[data-lighting-mode=animation] .room-object[data-object=books]{--lights:var(--object-books,0)}.room-root[data-lighting-mode=animation] .room-object[data-object=console]{--lights:var(--object-console,0)}.room-root[data-lighting-mode=animation] .room-object[data-object=lamp]{--lights:var(--object-lamp,0)}.room-root[data-lighting-mode=animation] .room-object[data-object=mug]{--lights:var(--object-mug,0)}.room-root[data-lighting-mode=animation] .room-object[data-object=can]{--lights:var(--object-can,0)}.lighting-studio{z-index:1005;color:#d7e3f0;background:#0b121e;border:1px solid #344458;border-radius:8px;height:54vh;min-height:340px;padding:16px;font:12px/1.4 Arial,sans-serif;position:fixed;bottom:12px;left:12px;right:12px;overflow:auto;box-shadow:0 -12px 36px #0008}.lighting-studio header,.studio-toolbar,.studio-inspector,.lighting-studio footer{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.lighting-studio header{justify-content:space-between;margin-bottom:12px}.lighting-studio h2{margin:2px 0;font-size:20px}.lighting-studio small{color:#8d9eb3;letter-spacing:1px;font-size:9px}.lighting-studio button,.lighting-studio input,.lighting-studio select{font:inherit;color:inherit;background:#182536;border:1px solid #3b4e63;border-radius:4px;padding:6px 9px}.lighting-studio button{cursor:pointer}.lighting-studio button:disabled{opacity:.4}.lighting-studio :focus-visible{outline-offset:2px;outline:2px solid #70dec6}.lighting-studio input[type=number]{width:85px}.lighting-studio label{align-items:center;gap:6px;display:flex}.studio-scrub{margin:12px 0}.studio-scrub input{accent-color:#70dec6;flex:1}.studio-tracks{border:1px solid #344458;max-height:280px;margin:12px 0;overflow:auto}.studio-row{border-bottom:1px solid #263448;grid-template-columns:155px minmax(400px,1fr);min-width:555px;display:grid}.studio-row>button{text-align:left;background:#111e2e;border:0;border-radius:0;flex-direction:column;justify-content:center;display:flex}.studio-row.selected>button{color:#baf8df;background:#23423f}.studio-lane{touch-action:none;background:repeating-linear-gradient(90deg,#09131f 0 calc(12.5% - 1px),#263448 calc(12.5% - 1px) 12.5%);height:48px;position:relative}.studio-lane svg{pointer-events:none;width:100%;height:100%;position:absolute}.studio-lane polyline{fill:none;stroke:#619eaa;stroke-width:1.5px;vector-effect:non-scaling-stroke}.studio-lane .studio-key{color:#a6d8de;touch-action:none;background:0 0;border:0;width:18px;height:18px;padding:0;position:absolute;transform:translate(-50%,-50%)}.studio-lane .studio-key.active{color:#fff;background:#296753;outline:1px solid #99e6c4}.studio-playhead{pointer-events:none;background:#79efbf;width:1px;position:absolute;top:0;bottom:0}.studio-ruler{color:#8d9eb3;height:25px;font-size:10px}.studio-ruler>span{padding:5px}.studio-ruler>div{position:relative}.studio-ruler>div>span{position:absolute;top:5px;transform:translate(-50%)}.studio-ruler>div>span:first-child{transform:none}.studio-ruler>div>span:last-child{transform:translate(-100%)}.studio-inspector{background:#101d2b;border-radius:4px;padding:12px}.studio-inspector label{flex-wrap:wrap}.lighting-studio footer{margin-top:12px}.lighting-studio footer span{color:#8db7a9;margin-right:auto}.studio-help{color:#98a9bc;max-width:950px}.lighting-studio details{margin-top:8px}.lighting-studio details summary{cursor:pointer}@media (max-width:600px){.lighting-studio{height:58vh;padding:10px;left:5px;right:5px}.studio-row{grid-template-columns:130px minmax(400px,1fr);min-width:530px}}.intro-initial-cover{z-index:2000;background:#000;position:fixed;inset:0}html[data-intro-seen=true] .intro-initial-cover{display:none}.room-root[data-loading=true] .room-camera{visibility:hidden}.intro-loader{z-index:2000;color:var(--blue,#4f84ff);font-family:var(--font-pixel),monospace;text-align:center;background:#000;place-items:center;display:grid;position:fixed;inset:0}.intro-loader-content{width:min(380px,78vw)}.intro-loader h2{font:inherit;letter-spacing:3px;text-shadow:2px 2px #294474;margin:0 0 16px;font-size:clamp(22px,5vw,34px)}.intro-progress{border:3px solid var(--blue,#4f84ff);clip-path:polygon(2% 0,98% 0,98% 12%,100% 12%,100% 88%,98% 88%,98% 100%,2% 100%,2% 88%,0 88%,0 12%,2% 12%);height:36px;padding:4px;position:relative}.intro-progress-blocks{grid-template-columns:repeat(24,1fr);gap:3px;height:100%;display:grid}.intro-progress-blocks span.filled{background:var(--blue,#4f84ff);box-shadow:inset 0 -5px #294474}.intro-load-percent{letter-spacing:2px;color:var(--blue,#4f84ff);margin-top:12px;font-size:12px;display:block}.intro-loader p{color:#c5e4ff;font-size:14px}.intro-load-actions{justify-content:center;gap:10px;display:flex}.intro-load-actions button{border:1px solid var(--blue,#4f84ff);color:var(--blue,#4f84ff);font:inherit;cursor:pointer;background:#0a1736;padding:10px}.intro-loader-fading{animation:.5s linear forwards intro-loader-out}@keyframes intro-loader-out{0%{opacity:1}to{opacity:0}}.tv-enter-target{touch-action:none}.room-root,.room-root *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.room-root img{-webkit-user-drag:none}.room-root[hidden]{display:none!important}.intro-loader h2{text-align:center}