@layer components{.pano-root{isolation:isolate;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(120% 90% at 50% 40%,#0b1020 0%,#05060a 70%);position:relative;overflow:hidden}.pano-canvas{cursor:grab;outline:none;display:block;position:absolute;inset:0}.pano-canvas:active{cursor:grabbing}.pano-placing .pano-canvas{cursor:crosshair}.pano-overlay{pointer-events:none;z-index:2;position:absolute;inset:0}.pano-hotspot{color:var(--paper,#f4f1ea);pointer-events:auto;will-change:transform, opacity;font:600 12px/1 var(--font-ui), system-ui, sans-serif;letter-spacing:.01em;touch-action:none;background:0 0;border:0;align-items:center;gap:0;padding:0;transition:opacity .2s;display:inline-flex;position:absolute;top:0;left:0}.pano-hotspot__icon{color:#fff7e6;-webkit-backdrop-filter:blur(6px);background:radial-gradient(circle at 35% 30%,#ffffff47,#0a0e18b8 62%);border:1.5px solid #ffb547d9;border-radius:999px;place-items:center;width:34px;height:34px;font-size:14px;font-weight:800;transition:transform .25s cubic-bezier(.2,.9,.3,1.4),box-shadow .25s;display:grid;position:relative;box-shadow:0 0 0 4px #ffb5471f,0 0 22px #ffb5478c,inset 0 0 12px #ffb54759}.pano-hotspot__icon:before{content:"";border-radius:inherit;border:1px solid #ffb54799;animation:2.4s cubic-bezier(0,0,.2,1) infinite pano-ping;position:absolute;inset:-6px}.pano-hotspot__label{white-space:nowrap;-webkit-backdrop-filter:blur(10px);opacity:0;background:#080b13d1;border:1px solid #ffffff1f;border-radius:999px;max-width:0;margin-left:0;padding:0;transition:max-width .35s,opacity .25s,padding .35s,margin .35s;overflow:hidden;box-shadow:0 10px 30px #00000073}.pano-hotspot:hover .pano-hotspot__label,.pano-hotspot:focus-visible .pano-hotspot__label,.pano-hotspot.is-selected .pano-hotspot__label,.pano-hotspot--navigation .pano-hotspot__label{opacity:1;max-width:260px;margin-left:8px;padding:8px 12px}.pano-hotspot:hover .pano-hotspot__icon{transform:scale(1.12)}.pano-hotspot:focus-visible{outline:none}.pano-hotspot:focus-visible .pano-hotspot__icon{box-shadow:0 0 0 3px #b18cffcc,0 0 26px #b18cff99}.pano-hotspot--navigation{flex-direction:column;gap:6px}.pano-hotspot--navigation .pano-hotspot__icon{color:#e6fdff;border-color:#b18cffe6;width:30px;height:30px;box-shadow:0 0 0 4px #b18cff1f,0 0 22px #b18cff99,inset 0 0 12px #b18cff59}.pano-hotspot--navigation .pano-hotspot__icon:before{border-color:#b18cff99}.pano-hotspot--navigation .pano-hotspot__label{border-color:#b18cff47;order:-1;margin-left:0}.pano-hotspot--cta .pano-hotspot__icon{color:#1a1204;background:radial-gradient(circle at 35% 30%,#fff1cc,#ffb547 55%,#a57c34)}.pano-hotspot--video .pano-hotspot__icon{border-color:#a78bfaf2;box-shadow:0 0 0 4px #a78bfa24,0 0 22px #a78bfa99}.pano-hotspot--video .pano-hotspot__icon:before{border-color:#a78bfa99}.pano-hotspot--image .pano-hotspot__icon{border-color:#5eeaffe6;box-shadow:0 0 0 4px #5eeaff1f,0 0 22px #5eeaff80}.pano-hotspot--image .pano-hotspot__icon:before{border-color:#5eeaff8c}.pano-hotspot--image.has-thumb .pano-hotspot__icon{color:#0000;background-position:50%;background-size:cover;border:2px solid #fff;width:46px;height:46px;box-shadow:0 0 0 3px #5eeaff73,0 8px 26px #0000008c}.pano-hotspot--audio .pano-hotspot__icon{border-color:#ff4f8be6;box-shadow:0 0 0 4px #ff4f8b1f,0 0 22px #ff4f8b8c}.pano-hotspot--audio .pano-hotspot__icon:before{border-color:#ff4f8b99;animation-duration:1.5s}.pano-hotspot--audio .pano-hotspot__icon:after{content:"";border-radius:inherit;border:1px solid #ff4f8b59;animation:1.5s cubic-bezier(0,0,.2,1) .5s infinite pano-ping;position:absolute;inset:-12px}.pano-hotspot.is-editable{cursor:grab}.pano-hotspot.is-dragging{cursor:grabbing;transition:none}.pano-hotspot.is-dragging .pano-hotspot__icon{transform:scale(1.25)}.pano-hotspot.is-selected .pano-hotspot__icon{box-shadow:0 0 0 3px #05060a,0 0 0 5px #b18cfff2,0 0 30px #b18cffbf}@keyframes pano-ping{0%{opacity:.9;transform:scale(.9)}80%,to{opacity:0;transform:scale(1.9)}}.pano-joystick{-webkit-backdrop-filter:blur(8px);touch-action:none;z-index:5;background:radial-gradient(circle,#b18cff14,#080b138c 70%);border:1px solid #ffffff24;border-radius:999px;width:112px;height:112px;position:absolute}.pano-joystick__knob{background:radial-gradient(circle at 35% 30%,#e6fdff,#b18cff 60%,#1b8fa3);border-radius:999px;width:44px;height:44px;margin:-22px 0 0 -22px;position:absolute;top:50%;left:50%;box-shadow:0 0 24px #b18cffb3}.pano-fade-in{animation:.5s both pano-fade}.pano-card-in{animation:.5s cubic-bezier(.34,1.36,.64,1) both pano-card}@keyframes pano-card{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:none}}.pano-audio__bars{align-items:center;gap:2px;height:26px;display:flex}.pano-audio__bars i{background:var(--gold,#ffb547);transform-origin:50%;border-radius:2px;flex:1;transition:opacity .2s}.pano-audio__bars.is-playing i{animation:.5s ease-in-out infinite alternate pano-wave}.pano-audio__bars.is-playing i:nth-child(3n){animation-delay:.12s}.pano-audio__bars.is-playing i:nth-child(3n+1){animation-delay:.24s}@keyframes pano-wave{to{transform:scaleY(.4)}}.pano-hud .glass,.pano-hud .chip{background:color-mix(in oklab, var(--ink,#07060b) 72%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.3)}.pano-hud .chip{border-color:color-mix(in oklab, var(--gold,#ffb547) 55%, transparent)}@keyframes pano-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.pano-scanline:after{content:"";pointer-events:none;background:linear-gradient(#0000,#b18cff12 50%,#0000) 0 0/100% 220%;animation:2.6s linear infinite pano-scan;position:absolute;inset:0}@keyframes pano-scan{0%{background-position:0 -120%}to{background-position:0 120%}}@media (prefers-reduced-motion:reduce){.pano-hotspot__icon:before,.pano-hotspot__icon:after,.pano-scanline:after,.pano-audio__bars i{animation:none!important}}}