.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}