.canvas-frame{z-index:10;cursor:grab;touch-action:none;overscroll-behavior:none;flex:1;width:100%;min-height:0;margin-top:0;position:relative}.canvas-frame:active{cursor:grabbing}.canvas-inner-wrapper{z-index:1;touch-action:none;overscroll-behavior:none;background:#f4f4f4;border-radius:12px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000008}.canvas-zoom-container{will-change:transform;width:100%;height:100%}.canvas-zoom-container canvas{outline:none;display:block;width:100%!important;height:100%!important}.cursor-zoom-in{cursor:zoom-in!important}.cursor-grab{cursor:grab!important}.cursor-grabbing{cursor:grabbing!important}.scenario-fade-overlay{object-fit:cover;z-index:13;pointer-events:none;opacity:1;width:100%;height:100%;transition:opacity .5s ease-in-out;position:absolute;top:0;left:0}.scenario-fade-overlay.faded{opacity:0}.scenario-transition-overlay{z-index:12;pointer-events:none;visibility:hidden;will-change:opacity;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.blackout-overlay{z-index:15;opacity:0;pointer-events:none;background-color:#000;width:100%;height:100%;transition:opacity .5s ease-in-out;position:absolute;top:0;left:0}.blackout-overlay.active{opacity:1;pointer-events:auto}.initial-loader-overlay{background-color:var(--col-black-3);z-index:100;opacity:1;visibility:visible;pointer-events:auto;cursor:default;border-radius:12px;justify-content:center;align-items:center;transition:opacity .65s cubic-bezier(.4,0,.2,1),visibility .65s;display:flex;position:absolute;inset:0;overflow:hidden}.initial-loader-overlay.faded{opacity:0;visibility:hidden;pointer-events:none}.mode-transition-overlay{z-index:100;opacity:1;visibility:visible;pointer-events:all;cursor:default;background-color:#11131bb3;border-radius:12px;justify-content:center;align-items:center;transition:opacity .65s cubic-bezier(.4,0,.2,1),visibility .65s;animation:.18s ease-out mtoFadeIn;display:flex;position:absolute;inset:0;overflow:hidden}.mode-transition-overlay.faded{opacity:0;visibility:hidden;pointer-events:none}@keyframes mtoFadeIn{0%{opacity:0}to{opacity:1}}.mto-hint-block{flex-direction:column;align-items:center;gap:8px;display:flex}.premium-loader-inner{flex-direction:column;align-items:center;gap:28px;animation:.5s forwards premiumLoaderIn;display:flex}@keyframes premiumLoaderIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.premium-loader-wordmark{font-family:var(--font-primary);letter-spacing:.32em;color:#ffffff8c;font-size:.7rem;font-weight:600}.premium-loader-ring-wrap{justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:relative}.premium-loader-ring-wrap--lg{width:96px;height:96px}.premium-loader-svg{display:block;position:absolute;top:0;left:0}.premium-loader-arc{transform-origin:36px 36px;animation:1.4s linear infinite spinArc}.premium-loader-ring-wrap--lg .premium-loader-arc{transform-origin:48px 48px}@keyframes spinArc{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.premium-loader-logo{object-fit:contain;z-index:1;width:32px;height:32px;position:relative}.premium-loader-logo--lg{width:42px;height:42px}.premium-loader-text{font-family:var(--font-primary);letter-spacing:.05em;color:var(--col-white-4);text-align:center;max-width:240px;font-size:.8rem;font-weight:400;line-height:1.6;animation:.8s .3s both premiumTextIn}@keyframes premiumTextIn{0%{opacity:0}to{opacity:1}}.orbit-hint-overlay{z-index:40;pointer-events:none;opacity:0;visibility:hidden;background:radial-gradient(#0000 10%,#0000006b 100%);justify-content:center;align-items:center;transition:opacity .35s cubic-bezier(.4,0,.2,1),visibility .35s;display:flex;position:absolute;inset:0}.orbit-hint-overlay.orbit-hint-visible{opacity:1;visibility:visible}.orbit-hint-floating{flex-direction:column;align-items:center;gap:14px;animation:.4s cubic-bezier(.4,0,.2,1) forwards orbitFloatIn;display:flex}@keyframes orbitFloatIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.orbit-hint-drag-scene{justify-content:flex-start;align-items:center;width:80px;height:40px;display:flex;position:relative}.orbit-hint-cursor{fill:var(--col-gold);filter:drop-shadow(0 2px 12px #0000008c);width:33px;height:33px;animation:2s cubic-bezier(.4,0,.2,1) infinite cursorDrag}@keyframes cursorDrag{0%{opacity:0;transform:translate(0)}8%{opacity:1;transform:translate(0)}15%{opacity:1;transform:translate(2px)scale(.9)}22%{opacity:1;transform:translate(2px)scale(1)}80%{opacity:1;transform:translate(46px)}90%{opacity:0;transform:translate(46px)}to{opacity:0;transform:translate(0)}}.orbit-hint-title{font-family:var(--font-primary);letter-spacing:.04em;color:var(--col-white-4);text-align:center;white-space:nowrap;text-shadow:0 1px 10px #000000e6,0 3px 24px #0009;max-width:none;margin:0;font-size:.8rem;font-weight:400;line-height:1.65}.orbit-hint-sub{font-family:var(--font-primary);letter-spacing:.05em;color:#ffffff6b;text-align:center;text-shadow:0 1px 8px #000c;margin:0;font-size:.63rem;font-weight:300}.orbit-hint-desktop{display:block}.orbit-hint-mobile{display:none}@media (max-width:768px){.orbit-hint-desktop{display:none}.orbit-hint-mobile{display:block}.orbit-hint-title{white-space:normal;max-width:220px;font-size:.73rem}.orbit-hint-cursor{transform-origin:50%}}.canvas-frame:fullscreen{width:100vw;height:100vh;margin:0;padding:0;display:flex}.canvas-frame:fullscreen .canvas-inner-wrapper{border-radius:0}.canvas-frame:-webkit-full-screen{width:100%;height:100%;margin:0}.canvas-frame:-webkit-full-screen .canvas-inner-wrapper{border-radius:0}.canvas-ui-overlay{pointer-events:none;z-index:20;width:100%;height:100%;position:absolute;top:0;left:0}.ui-btn{pointer-events:auto;cursor:pointer;background-color:var(--col-white-1);color:var(--col-black-2);border:2px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;position:relative;overflow:visible}.ui-btn:hover{background-color:var(--col-white-3)}.ui-btn.active{border-color:var(--col-gold);color:var(--col-gold)}.ui-btn:disabled{cursor:default}.ui-btn:after{content:attr(data-label);background-color:var(--col-black-3);color:var(--col-white-1);white-space:nowrap;border:1px solid var(--col-black-2);pointer-events:none;z-index:1000;opacity:0;visibility:hidden;border-radius:4px;padding:7px 10px;font-size:.75rem;font-weight:500;transition:all .2s;position:absolute;top:95%;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000000d}.ui-btn:hover:after{opacity:1;visibility:visible;transition-delay:.8s;top:105%}.ui-btn:active:after,.ui-btn:focus:after{opacity:0!important;visibility:hidden!important;transition:none!important}.btn-fullscreen{position:absolute;top:15px;right:15px}.view-controls-vertical{flex-direction:column;gap:8px;transition:all .4s;display:flex;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.view-controls-vertical.hidden-controls{opacity:0;visibility:hidden;pointer-events:none}.bottom-left-controls{z-index:25;pointer-events:none;gap:8px;display:flex;position:absolute;bottom:15px;left:15px}.bottom-left-controls>*{pointer-events:auto}.bottom-right-controls{z-index:25;pointer-events:auto;gap:10px;display:flex;position:absolute;bottom:15px;right:15px}.camera-presets-wrapper{scrollbar-width:none;-webkit-user-select:none;user-select:none;contain:layout;flex:none;justify-content:flex-start;gap:12px;width:calc(100% + 8px);margin-left:-4px;padding:15px 4px 4px;display:flex;overflow-x:auto}.camera-presets-wrapper::-webkit-scrollbar{display:none}.preset-box{cursor:pointer;border:1.5px solid var(--col-white-3);background-color:var(--col-white-2);-webkit-user-drag:none;border-radius:6px;flex-shrink:0;width:120px;height:80px;transition:box-shadow .12s,border-color .12s;position:relative;overflow:hidden}.preset-box:hover,.preset-box.selected{box-shadow:0 0 0 2px var(--col-white-1), 0 0 0 3.5px var(--col-gold);z-index:10;border-color:#0000}.preset-thumb{display:block;position:absolute;inset:0}.preset-thumb-img{object-fit:cover;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;image-rendering:high-quality;display:block;position:absolute;inset:0}.preset-thumb-enter{animation:.3s thumbFadeIn}@keyframes thumbFadeIn{0%{opacity:0}to{opacity:1}}.preset-slot{flex-shrink:0;overflow:hidden}.preset-slot-settled{overflow:visible}.preset-slot-enter{will-change:width;animation:.45s forwards slotEnter}.preset-slot-exit{will-change:width;pointer-events:none;animation:.4s forwards slotExit}@keyframes slotEnter{0%{width:0}to{width:120px}}@keyframes slotExit{0%{width:120px}to{width:0}}.preset-slot-enter .preset-box{will-change:transform, opacity;animation:.45s forwards presetFadeIn}.preset-slot-exit .preset-box{will-change:transform, opacity;animation:.4s forwards presetFadeOut}@keyframes presetFadeIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes presetFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)}}.fs-ui-element{opacity:1;visibility:visible;transition:all .4s}.fs-ui-element.hidden-fs-ui{opacity:0;visibility:hidden;pointer-events:none}.fs-nav-left{z-index:25;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.fs-nav-right{z-index:25;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.fs-photo-counter{font-family:var(--font-primary);letter-spacing:.12em;color:var(--col-black-2);background-color:var(--col-white-1);pointer-events:none;z-index:26;white-space:nowrap;border:2px solid #0000;border-radius:6px;padding:8px 18px;font-size:.9rem;font-weight:600;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.spinner-canvas,.spinner{border-radius:50%;animation:.8s linear infinite spin}.spinner-canvas{border:4px solid var(--col-white-4);border-top-color:var(--col-gold);width:40px;height:40px}.spinner{border:3px solid #0000001a;border-top-color:var(--col-gold);width:24px;height:24px}.spinner-sm{border-width:2px;width:18px;height:18px}@keyframes spin{to{transform:rotate(360deg)}}.color-popup-menu{background-color:var(--col-white-1);z-index:100;opacity:0;visibility:hidden;pointer-events:none;cursor:default;border-radius:10px;padding:16px;transition:all .3s;position:absolute;bottom:calc(100% + 12px);left:0;transform:translateY(10px);box-shadow:0 6px 24px #0000001f}.color-popup-menu.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.color-menu-title{font-size:.75rem;font-family:var(--font-primary);letter-spacing:.06em;text-transform:uppercase;color:var(--col-black-1);border-bottom:1px solid var(--col-gold);margin-bottom:10px;padding-bottom:5px;font-weight:700;display:block}.color-options-wrapper{z-index:1;grid-template-columns:repeat(3,1fr);place-items:center;gap:8px;display:grid;position:relative}.color-option{border:1px solid var(--col-white-3);cursor:pointer;background-clip:padding-box;border-radius:50%;width:54px;height:54px;transition:all .1s;position:relative;overflow:visible}.color-option:hover,.color-option.active{border-color:var(--col-white-1);box-shadow:0 0 0 1px var(--col-white-1), 0 0 0 3px var(--col-gold)}.color-option:after{content:attr(data-label);background-color:var(--col-black-3);color:var(--col-white-1);font-family:var(--font-primary);white-space:nowrap;border:1px solid var(--col-black-2);pointer-events:none;opacity:0;visibility:hidden;border-radius:4px;padding:7px 10px;font-size:.75rem;font-weight:500;transition:all .2s;position:absolute;top:90%;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026;z-index:9999!important}.color-option:hover:after{opacity:1;visibility:visible;transition-delay:.6s;top:110%}@media screen and (max-width:1024px){.view-controls-vertical{flex-direction:row;top:auto;bottom:15px;left:50%;transform:translate(-50%)}.bottom-left-controls{bottom:15px;left:15px;right:auto}}