.immersive-page,.immersive-media-tool{width:100%;height:100%}.immersive-media-tool{background:#030407;position:relative;overflow:hidden}.immersive-media-title{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.immersive-background-gpu{z-index:0;background:#030407;width:100%;height:100%;display:block;position:absolute;inset:0}.immersive-background-gpu[hidden]{display:none}.immersive-media-canvas{z-index:1;pointer-events:none;width:100%;height:100%;display:block;position:relative}.immersive-local-video-frame{z-index:2;transform-origin:0 0;width:1600px;height:900px;transform-style:preserve-3d;contain:layout paint;pointer-events:none;will-change:transform;background:#05070c;position:absolute;top:0;left:0;box-shadow:0 32px 95px #000000c2}.immersive-local-video-frame[hidden]{display:none}.immersive-local-video-frame .immersive-local-video{opacity:1;pointer-events:auto;object-fit:fill;width:100%;height:100%;display:block;position:relative}.immersive-local-video-overlay{z-index:2;transform-origin:0 0;width:1600px;height:900px;transform-style:preserve-3d;contain:layout paint;pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.immersive-local-video-overlay[hidden]{display:none}.immersive-local-video-tap-surface{z-index:0;pointer-events:auto;cursor:pointer;position:absolute;inset:0}.immersive-local-video-tap-surface:focus-visible{outline-offset:-4px;outline:2px solid #fff}.immersive-local-video-screen-controls{z-index:1;color:#f4fbff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;opacity:1;visibility:visible;background:#040810c7;border:1px solid #ffffff40;border-radius:.75rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;padding:.55rem .7rem;transition:opacity .22s,visibility .22s;display:grid;position:absolute;bottom:4%;left:6%;right:6%;box-shadow:0 .5rem 1.4rem #00000061}.immersive-local-video-overlay.is-controls-hidden .immersive-local-video-screen-controls{opacity:0;visibility:hidden;pointer-events:none}.immersive-local-video-screen-toggle{color:#06120f;min-width:5rem;min-height:2.1rem;font:inherit;cursor:pointer;background:#79f5c8;border:1px solid #79f5c899;border-radius:.55rem;padding:0 .7rem;font-size:.78rem;font-weight:850}.immersive-local-video-seek-label{align-items:center;min-width:0;display:flex}.immersive-local-video-seek-label input{accent-color:#79f5c8;cursor:pointer;width:100%}.immersive-local-video-time{color:#dce9ee;font-variant-numeric:tabular-nums;text-align:right;min-width:5.4rem;font-size:.7rem}@media (prefers-reduced-motion:reduce){.immersive-local-video-screen-controls{transition:none}}.immersive-video-frame{z-index:2;width:min(78vw, calc(68svh * var(--immersive-quad-aspect,1.7778)));aspect-ratio:var(--immersive-quad-aspect,1.7778);transform-style:preserve-3d;contain:layout paint;pointer-events:none;will-change:transform;background:#05070c;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 32px 95px #000000c2}.immersive-video-frame iframe{z-index:0;pointer-events:auto;border:0;width:100%;height:100%;display:block;position:relative}.immersive-video-orbit-surface{z-index:1;pointer-events:auto;position:absolute;inset:0}.immersive-video-frame.is-control-active iframe{z-index:2}.immersive-video-frame.is-control-active .immersive-video-orbit-surface{pointer-events:none}.immersive-media-controls{z-index:4;top:calc(clamp(5.3rem, 12svh, 8rem) + 3.3rem + env(safe-area-inset-top,0px));right:max(1rem, env(safe-area-inset-right,0px));width:min(25rem,100% - 2rem);max-height:min(42rem, calc(100svh - 5.2rem - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)));background:#090d17d1;border-radius:18px;padding:1rem;position:absolute;overflow-y:auto;box-shadow:0 20px 70px #0000007a}.immersive-media-controls .eyebrow{margin-bottom:.3rem}.immersive-media-status{color:var(--muted);margin:0;font-size:.82rem;line-height:1.45}.immersive-media-status:empty,.immersive-effect-status{display:none}.immersive-media-status{min-height:1.45em;margin-top:.65rem}.immersive-effect-label{margin-top:0}.immersive-media-fieldset{border:0;min-width:0;margin:.8rem 0 0;padding:0}.immersive-media-fieldset legend{color:var(--muted);letter-spacing:.08em;margin-bottom:.35rem;font-size:.7rem;font-weight:800}.immersive-media-toggle{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.immersive-media-choice{cursor:pointer;min-width:0;display:block;position:relative}.immersive-media-choice input{opacity:0;width:1px;height:1px;position:absolute}.immersive-media-choice span{color:#b9c8d5;background:#0000003d;border:1px solid #fff3;border-radius:.7rem;justify-content:center;align-items:center;min-height:2.5rem;padding:0 .65rem;font-size:.82rem;font-weight:800;transition:border-color .16s,background .16s,color .16s;display:flex}.immersive-media-choice input:checked+span{color:#07100f;background:var(--accent);border-color:#79f5c8a6}.immersive-media-choice input:focus-visible+span{outline-offset:2px;outline:2px solid #fff}.immersive-media-source{margin-top:.65rem}.immersive-media-source[hidden],.immersive-video-controls[hidden]{display:none}.immersive-upload-button{color:#07100f;background:var(--accent);cursor:pointer;border-radius:.7rem;justify-content:center;align-items:center;min-height:2.5rem;padding:0 .8rem;font-size:.82rem;font-weight:850;display:inline-flex}#immersive-image-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.immersive-video-controls{margin-top:.65rem}.immersive-video-label{color:var(--muted);letter-spacing:.08em;font-size:.7rem;font-weight:800;display:block}.immersive-video-error{color:#ffb4c3;margin:.35rem 0 0;font-size:.76rem;line-height:1.4}.immersive-video-error:empty{display:none}.immersive-video-row{grid-template-columns:minmax(0,1fr) auto;gap:.45rem;margin-top:.3rem;display:grid}.immersive-video-row input{color:#fff;background:#0000004d;border:1px solid #fff3;border-radius:.7rem;min-width:0;min-height:2.5rem;padding:0 .7rem}.immersive-video-row button{color:#eaf3ff;min-height:2.5rem;font:inherit;cursor:pointer;background:#46648c80;border:1px solid #9bb8d880;border-radius:.7rem;padding:0 .8rem;font-weight:800}.immersive-effect-label{color:var(--muted);letter-spacing:.08em;gap:.3rem;font-size:.7rem;font-weight:800;display:grid}.immersive-effect-label select{color:#eafff8;min-height:2.35rem;font:inherit;letter-spacing:0;background:#12363aa8;border:1px solid #79f5c866;border-radius:.7rem;padding:0 .65rem;font-size:.84rem;font-weight:800}.immersive-effect-status{color:#9eb8c7;min-height:1.35em;margin:.35rem 0 0;font-size:.7rem;line-height:1.4}.immersive-room-lighting{background:#2118138a;border:1px solid #ffd69b42;border-radius:.8rem;gap:.52rem;margin-top:.75rem;padding:.78rem;display:grid}.immersive-room-lighting[hidden]{display:none}.immersive-room-lighting .eyebrow{color:#f3c78e;margin:0}.immersive-room-lighting h3{margin:-.12rem 0 0;font-size:.95rem}.immersive-room-lighting>p:not(.eyebrow){color:#c9b7a5;margin:0;font-size:.7rem;line-height:1.4}.immersive-room-lighting label{color:#f2dbc0;letter-spacing:.035em;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.2rem .6rem;font-size:.7rem;font-weight:800;display:grid}.immersive-room-lighting output{color:#ffe6bd;font-variant-numeric:tabular-nums}.immersive-room-lighting input{accent-color:#f2b56c;grid-column:1/-1;width:100%}.immersive-room-colors{border-top:1px solid #ffd69b29;grid-template-columns:repeat(2,minmax(0,1fr));gap:.48rem;padding-top:.16rem;display:grid}.immersive-room-colors label{grid-template-columns:minmax(0,1fr);gap:.34rem}.immersive-room-colors input[type=color]{cursor:pointer;background:#0c080685;border:1px solid #ffe6bd57;border-radius:.42rem;grid-column:auto;width:100%;height:1.8rem;padding:.12rem}.immersive-share-button{color:#caffed;width:100%;min-height:2.45rem;font:inherit;cursor:pointer;background:#1f5e4e8c;border:1px solid #79f5c880;border-radius:.7rem;margin-top:.8rem;font-size:.82rem;font-weight:850;display:block}.immersive-share-button[hidden]{display:none}.immersive-upload-button:hover,.immersive-video-row button:hover,.immersive-share-button:hover{filter:brightness(1.1)}.immersive-share-dialog{color:#f5f7ff;background:#0b1020;border:1px solid #79f5c852;border-radius:18px;width:min(29rem,100% - 2rem);padding:0;box-shadow:0 30px 100px #000000bf}.immersive-share-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000ad}.immersive-share-dialog form{padding:1.25rem}.immersive-share-dialog .eyebrow{margin-bottom:.35rem}.immersive-share-dialog h2{margin:0;font-size:1.25rem}.immersive-share-dialog p:not(.eyebrow){color:var(--muted);font-size:.88rem;line-height:1.55}.immersive-share-warning{border-top:1px solid #ffbe8247;margin-top:1rem;padding-top:.8rem;color:#ffd7b0!important}.immersive-share-warning strong{color:#ffe9d2}.immersive-share-actions{justify-content:flex-end;gap:.55rem;margin-top:1rem;display:flex}.immersive-share-actions button{color:#eaf3ff;min-height:2.4rem;font:inherit;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:.7rem;padding:0 .85rem;font-weight:800}.immersive-share-actions .immersive-share-confirm{color:#07100f;background:var(--accent);border-color:#79f5c8a6}@media (max-width:540px){.immersive-video-frame{width:min(92vw, calc(58svh * var(--immersive-quad-aspect,1.7778)))}.immersive-media-controls{top:calc(5.2rem + 3.3rem + env(safe-area-inset-top,0px));right:max(.65rem, env(safe-area-inset-right,0px));width:min(25rem,100% - 1.3rem);max-height:calc(100svh - 4.75rem - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));padding:.8rem}.immersive-upload-button{margin-top:0}}