.jvt360{max-width:760px;margin:24px auto;border:1px solid #e6e2da;border-radius:20px;background:#fff;overflow:hidden;font-family:Arial,Helvetica,sans-serif;box-shadow:0 18px 60px rgb(0 0 0 / .10)}.jvt360 *{box-sizing:border-box}.jvt360-top{padding:22px 22px 14px}.jvt360-kicker{font-size:11px;letter-spacing:.16em;font-weight:700;color:#777}.jvt360 h2{margin:4px 0 5px;font-size:25px}.jvt360-top p{margin:0;color:#686868;font-size:13px}.jvt360-tabs{display:flex;border-top:1px solid #eee;border-bottom:1px solid #eee}.jvt360-tab{flex:1;border:0;background:#fff;padding:12px;font-weight:700;cursor:pointer}.jvt360-tab.active{background:#111;color:#fff}.jvt360-view{position:relative;aspect-ratio:4/3;background:#111;overflow:hidden}.jvt360-video,.jvt360-canvas{position:absolute;inset:0;width:100%;height:100%}.jvt360-video{object-fit:cover;transform:scaleX(-1)}.jvt360-canvas{z-index:2;pointer-events:none;transform:scaleX(-1)}.jvt360-loader,.jvt360-permission{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:25px;background:#f5f3ee}.jvt360-loader{display:none}.jvt360-camera-icon{width:64px;height:64px;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center;font-size:27px}.jvt360-start,.jvt360-snap{border:0;border-radius:999px;background:#111;color:#fff;padding:13px 22px;font-weight:700;cursor:pointer}.jvt360-spinner{width:34px;height:34px;border:3px solid #ddd;border-top-color:#111;border-radius:50%;animation:jvt360spin .8s linear infinite;margin-bottom:12px}@keyframes jvt360spin{to{transform:rotate(360deg)}}.jvt360-spin-stage{position:relative;aspect-ratio:4/3;background:#f6f6f6;display:flex;align-items:center;justify-content:center;overflow:hidden}.jvt360-spin-image{max-width:90%;max-height:85%;object-fit:contain}.jvt360-spin-hint{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);font-size:12px;color:#666;background:rgb(255 255 255 / .85);padding:6px 10px;border-radius:999px}.jvt360-spin-range{width:calc(100% - 40px);margin:18px 20px}.jvt360-bottom{padding:14px 18px;display:flex;gap:10px;justify-content:center}.jvt360-frame{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.jvt360-frame-picker{position:relative;min-width:360px;z-index:20}.jvt360-frame-trigger{width:100%;min-height:58px;border:2px solid #1684e8;border-radius:999px;background:#fff;padding:7px 50px 7px 20px;display:flex;align-items:center;gap:12px;cursor:pointer;text-align:left;font:inherit;box-shadow:0 2px 8px rgb(0 0 0 / .06)}.jvt360-frame-trigger-name{font-size:17px;font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jvt360-frame-trigger-thumb{width:68px;height:38px;object-fit:contain;display:none;margin-left:auto}.jvt360-frame-trigger-arrow{position:absolute;right:18px;font-size:22px;line-height:1;color:#222}.jvt360-frame-menu{position:absolute;left:0;right:0;bottom:calc(100% + 8px);background:#fff;border:1px solid #d8d8d8;border-radius:15px;box-shadow:0 14px 35px rgb(0 0 0 / .18);padding:7px;max-height:330px;overflow:auto;z-index:9999}.jvt360-frame-menu[hidden]{display:none!important}.jvt360-frame-option{width:100%;min-height:64px;border:0;background:#fff;border-radius:10px;padding:8px 10px 8px 14px;display:flex;align-items:center;gap:12px;cursor:pointer;text-align:left;font:inherit}.jvt360-frame-option:hover,.jvt360-frame-option.is-selected{background:#f3f5f7}.jvt360-frame-option.is-selected .jvt360-frame-option-name:before{content:"✓ ";font-weight:700}.jvt360-frame-option-name{font-size:17px;flex:1;color:#222}.jvt360-frame-option-media{width:92px;height:48px;display:flex;align-items:center;justify-content:center;margin-left:auto}.jvt360-frame-option-media img{max-width:90px;max-height:46px;object-fit:contain;display:block}.jvt360-frame-option-plus{font-size:24px;width:92px;text-align:center;font-weight:700}.jvt360-frame-option-add{border-top:1px solid #eee;margin-top:4px;border-radius:0 0 10px 10px}.jvt360-status{text-align:center;font-size:12px;color:#777;min-height:18px;margin:0;padding:0 18px 14px}@media(max-width:640px){.jvt360{border-radius:0;margin:0}.jvt360-bottom{flex-direction:column}.jvt360-frame-picker,.jvt360-snap{width:100%;min-width:0}.jvt360-frame-menu{bottom:auto;top:calc(100% + 8px)}}.jvt360-spin-stage{cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y}.jvt360-spin-stage.is-dragging{cursor:grabbing}.jvt360-spin-image{pointer-events:none;user-select:none;-webkit-user-drag:none}.jvt360-spin-stage{isolation:isolate}.jvt360-spin-image,.jvt360-spin-image-b{position:absolute;left:50%;top:50%;width:auto;height:auto;max-width:90%;max-height:85%;object-fit:contain;transform:translate(-50%,-50%);transform-origin:center center;will-change:opacity,transform;transition:none;pointer-events:none}.jvt360-spin-image-b{opacity:0}.jvt360-spin-image{opacity:1!important;filter:none!important;transition:none!important}.jvt360-spin-image-b{display:none!important;opacity:0!important}.jvt360-spin-stage{cursor:grab;touch-action:pan-y;overscroll-behavior:contain}.jvt360-spin-stage.is-dragging{cursor:grabbing}.jvt360-spin-image{will-change:contents,transform;backface-visibility:hidden;transform:translateZ(0) translate(-50%,-50%)!important}.jvt360-video,.jvt360-canvas{object-position:center center}.jvt360-canvas{image-rendering:auto}.jvt360-status{font-weight:500}.jvt360-view{position:relative}.jvt360-video{z-index:1}.jvt360-canvas{z-index:3!important;display:block!important;visibility:visible!important;opacity:1!important;pointer-events:none}.jvt360-loader,.jvt360-permission{z-index:5}.jvt360-video{object-fit:fill!important}.jvt360-canvas{object-fit:fill}.jvt360-status{letter-spacing:.01em}.jvt360 .jvt360-tab[data-mode="spin"],.jvt360 .jvt360-tab[data-mode="spin"]:hover,.jvt360 .jvt360-tab[data-mode="spin"]:focus{background:#000!important;color:#fff!important;border-color:#000!important}.jvt360 .jvt360-tabs .jvt360-tab.jvt360-spin-tab,.jvt360 .jvt360-tabs .jvt360-tab.jvt360-spin-tab:hover,.jvt360 .jvt360-tabs .jvt360-tab.jvt360-spin-tab:focus,.jvt360 .jvt360-tabs .jvt360-tab.jvt360-spin-tab:focus-visible,.jvt360 .jvt360-tabs .jvt360-tab.jvt360-spin-tab:active,.jvt360 .jvt360-tabs .jvt360-tab.jvt360-spin-tab.active{background:#000!important;background-color:#000!important;color:#fff!important;border-color:#000!important;box-shadow:none!important}.jvt360-spin-stage{background:#fff!important}.jvt360 .jvt360-spin-stage{position:relative!important;aspect-ratio:4/3!important;overflow:hidden!important;background:#fff!important}.jvt360 .jvt360-spin-image,.jvt360 .jvt360-spin-image-b{position:absolute!important;left:50%!important;top:50%!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;padding:4%!important;box-sizing:border-box!important;object-fit:contain!important;object-position:center center!important;transform:translate(-50%,-50%) translateZ(0)!important;transform-origin:center center!important}@media (max-width:640px){.jvt360 .jvt360-bottom{padding:12px!important;gap:10px!important;align-items:stretch!important;overflow:visible!important}.jvt360 .jvt360-frame-picker{position:relative!important;width:100%!important;min-width:0!important;max-width:100%!important;z-index:50!important}.jvt360 .jvt360-frame-trigger{width:100%!important;min-width:0!important;min-height:52px!important;padding:6px 42px 6px 12px!important;gap:8px!important;border-radius:14px!important}.jvt360 .jvt360-frame-trigger-name{min-width:0!important;font-size:15px!important;line-height:1.25!important}.jvt360 .jvt360-frame-trigger-thumb{width:56px!important;height:34px!important;flex:0 0 56px!important;margin-left:auto!important}.jvt360 .jvt360-frame-trigger-arrow{right:12px!important;font-size:20px!important}.jvt360 .jvt360-frame-menu{position:static!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;min-width:0!important;max-width:100%!important;max-height:min(46vh,300px)!important;margin:8px 0 0!important;padding:6px!important;border-radius:12px!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;box-shadow:0 10px 24px rgb(0 0 0 / .14)!important}.jvt360 .jvt360-frame-option{width:100%!important;min-width:0!important;min-height:56px!important;padding:7px 8px 7px 10px!important;gap:8px!important}.jvt360 .jvt360-frame-option-name{min-width:0!important;font-size:15px!important;line-height:1.25!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.jvt360 .jvt360-frame-option-media{width:72px!important;height:42px!important;flex:0 0 72px!important;margin-left:auto!important}.jvt360 .jvt360-frame-option-media img{max-width:70px!important;max-height:40px!important}.jvt360 .jvt360-frame-option-plus{width:52px!important;flex:0 0 52px!important}.jvt360 .jvt360-snap{width:100%!important}}@media (max-width:380px){.jvt360 .jvt360-frame-trigger-thumb{width:48px!important;height:30px!important;flex-basis:48px!important}.jvt360 .jvt360-frame-option-media{width:60px!important;height:38px!important;flex-basis:60px!important}.jvt360 .jvt360-frame-option-media img{max-width:58px!important;max-height:36px!important}}.jvt360-frame-popup-backdrop{position:fixed!important;inset:0!important;display:block;background:rgb(0 0 0 / .50)!important;z-index:2147483645!important;-webkit-tap-highlight-color:#fff0;touch-action:manipulation}.jvt360-frame-popup-backdrop[hidden]{display:none!important}.jvt360-frame-popup-head{display:none}html.jvt360-frame-popup-open,body.jvt360-frame-popup-open{overflow:hidden!important;overscroll-behavior:none!important}@media (max-width:767px){.jvt360-frame-menu.jvt360-mobile-popup{position:fixed!important;left:12px!important;right:12px!important;top:auto!important;bottom:max(12px, env(safe-area-inset-bottom))!important;display:block!important;box-sizing:border-box!important;width:auto!important;max-width:520px!important;min-width:0!important;max-height:min(72vh, 540px)!important;max-height:min(72dvh, 540px)!important;margin:0 auto!important;padding:0 8px 10px!important;border:1px solid #e5e5e5!important;border-radius:20px!important;background:#fff!important;color:#111!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;box-shadow:0 22px 70px rgb(0 0 0 / .32)!important;z-index:2147483646!important;transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}.jvt360-frame-menu.jvt360-mobile-popup[hidden]{display:none!important}.jvt360-frame-menu.jvt360-mobile-popup .jvt360-frame-popup-head{position:sticky!important;top:0!important;z-index:3!important;display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:58px!important;margin:0 -8px 6px!important;padding:10px 14px!important;background:#fff!important;border-bottom:1px solid #eee!important;font:inherit!important;font-size:17px!important;color:#111!important}.jvt360-frame-menu.jvt360-mobile-popup .jvt360-frame-popup-close{width:38px!important;height:38px!important;display:grid!important;place-items:center!important;flex:0 0 38px!important;border:0!important;border-radius:50%!important;background:#f2f2f2!important;color:#111!important;font:400 28px/1 Arial,Helvetica,sans-serif!important;cursor:pointer!important;padding:0 0 3px!important;-webkit-appearance:none!important;appearance:none!important}.jvt360-frame-menu.jvt360-mobile-popup .jvt360-frame-option{width:100%!important;min-width:0!important;min-height:60px!important;padding:8px 10px 8px 12px!important;gap:10px!important;border-radius:12px!important}.jvt360-frame-menu.jvt360-mobile-popup .jvt360-frame-option-name{min-width:0!important;font-size:15px!important;line-height:1.25!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.jvt360-frame-menu.jvt360-mobile-popup .jvt360-frame-option-media{width:76px!important;height:44px!important;flex:0 0 76px!important;margin-left:auto!important}.jvt360-frame-menu.jvt360-mobile-popup .jvt360-frame-option-media img{max-width:74px!important;max-height:42px!important}.jvt360-frame-menu.jvt360-mobile-popup .jvt360-frame-option-plus{width:52px!important;flex:0 0 52px!important}}