@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-inter), 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 #e9c47ad9;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 #e9c47a1f,0 0 22px #e9c47a8c,inset 0 0 12px #e9c47a59}.pano-hotspot__icon:before{content:"";border-radius:inherit;border:1px solid #e9c47a99;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 #5eeaffcc,0 0 26px #5eeaff99}.pano-hotspot--navigation{flex-direction:column;gap:6px}.pano-hotspot--navigation .pano-hotspot__icon{color:#e6fdff;border-color:#5eeaffe6;width:30px;height:30px;box-shadow:0 0 0 4px #5eeaff1f,0 0 22px #5eeaff99,inset 0 0 12px #5eeaff59}.pano-hotspot--navigation .pano-hotspot__icon:before{border-color:#5eeaff99}.pano-hotspot--navigation .pano-hotspot__label{border-color:#5eeaff47;order:-1;margin-left:0}.pano-hotspot--cta .pano-hotspot__icon{color:#1a1204;background:radial-gradient(circle at 35% 30%,#fff1cc,#e9c47a 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.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 #5eeafff2,0 0 30px #5eeaffbf}@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,#5eeaff14,#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,#5eeaff 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 #5eeaffb3}.pano-fade-in{animation:.5s both pano-fade}@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,#5eeaff12 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-scanline:after{animation:none}}}