.pvx-wrap{--pvw-a: #6c5ce7;--pvw-r: 24px;--pvw-ratio: 4 / 3;--pvw-bg: radial-gradient(ellipse at 50% 35%,#ffffff,#eeedf6 70%);--pvw-tx: #1a1a2e;--pvw-mut: #6b6b85;--pvx-a: 0;position: relative;width: 100%;color: var(--pvx-tc,inherit);font-family: inherit}.pvx-wrap *,.pvx-wrap *::before,.pvx-wrap *::after{box-sizing: border-box}.pvx-sr{position: absolute !important;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}.pvw-skin-dark{--pvw-bg: radial-gradient(ellipse at 50% 30%,#2d2c52,#0f0f23 72%);--pvw-tx: #ffffff;--pvw-mut: #a9a7cf}.pvw-skin-gradient{--pvw-bg: linear-gradient(135deg,var(--pvx-b1,#6c5ce7),var(--pvx-b2,#00cec9));--pvw-tx: #ffffff;--pvw-mut: rgba(255,255,255,.8)}.pvw-skin-spotlight{--pvw-bg: radial-gradient(ellipse 55% 60% at 50% 42%,#3a3a5c,#0c0c1c 75%);--pvw-tx: #ffffff;--pvw-mut: #a9a7cf}.pvw-skin-pastel{--pvw-bg: radial-gradient(ellipse at 50% 30%,#ffffff,var(--pvx-b1,#ffe8dc) 75%)}.pvw-skin-plain{--pvw-bg: transparent}.pvx-l-split .pvx-grid{display: grid;grid-template-columns: minmax(0,1.25fr) minmax(0,1fr);gap: clamp(24px,4vw,56px);align-items: center}.pvx-stage{position: relative;overflow: hidden;color: var(--pvw-tx);aspect-ratio: var(--pvw-ratio);border-radius: var(--pvw-r);background: var(--pvw-bg);cursor: grab;-webkit-user-select: none;user-select: none;touch-action: pan-y;outline: none;isolation: isolate}.pvx-stage:focus-visible{box-shadow: 0 0 0 3px color-mix(in srgb,var(--pvw-a) 60%,transparent)}.is-dragging .pvx-stage{cursor: grabbing}.pvx-view{position: absolute;inset: 0;z-index: 1;display: flex;align-items: center;justify-content: center;transition: transform .45s cubic-bezier(.22,.9,.3,1);transform-origin: var(--zx,50%) var(--zy,50%)}.is-zoomed .pvx-view,.is-zoomed .pvx-pano{transform: scale(2.1);cursor: zoom-out}.is-zoomed .pvx-view{transition: transform-origin .08s linear,transform .45s cubic-bezier(.22,.9,.3,1)}.pvx-img{display: block;width: 100% !important;height: 100% !important;max-width: none !important;margin: 0 !important;object-fit: contain;pointer-events: none}.pvw-skin-spotlight .pvx-stage::after{content: "";position: absolute;left: 50%;top: -20%;z-index: 0;width: 70%;height: 130%;background: radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.16),transparent 65%);transform: translateX(-50%);pointer-events: none}.pvx-table{position: absolute;left: 50%;bottom: 7%;z-index: 0;width: 64%;aspect-ratio: 1;transform: translateX(-50%) perspective(900px) rotateX(76deg);transform-origin: 50% 100%;pointer-events: none}.pvx-table i{position: absolute;inset: 0;border-radius: 50%;background: repeating-conic-gradient(from calc(var(--pvx-a) * 1deg),color-mix(in srgb,var(--pvw-tx) 7%,transparent) 0 6deg,transparent 6deg 12deg),radial-gradient(circle,color-mix(in srgb,var(--pvw-tx) 8%,transparent) 60%,color-mix(in srgb,var(--pvw-tx) 16%,transparent) 61% 64%,transparent 65%);box-shadow: 0 0 0 2px color-mix(in srgb,var(--pvw-tx) 10%,transparent)}.pvx-pano{position: absolute;inset: 0;z-index: 1;background-repeat: repeat-x;background-size: auto 100%;background-position: 0 50%;transition: transform .45s cubic-bezier(.22,.9,.3,1);transform-origin: var(--zx,50%) var(--zy,50%)}.pvx-m-pano .pvx-stage{cursor: grab}.pvx-title{position: absolute;top: 18px;left: 22px;z-index: 4;font-size: 16px;font-weight: 800}.pvx-ind{position: absolute;top: 14px;right: 14px;z-index: 4;display: grid;place-items: center;width: 50px;height: 50px;border-radius: 50%;background: rgba(255,255,255,.88);color: #16162a;box-shadow: 0 6px 18px rgba(10,10,40,.15);-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px)}.pvx-ind svg{position: absolute;inset: 3px;width: calc(100% - 6px);height: calc(100% - 6px);transform: rotate(-90deg);overflow: visible}.pvx-ind em{position: relative;font-size: 11px;font-style: normal;font-weight: 900;letter-spacing: .02em}.pvx-ring-bg{fill: none;stroke: rgba(22,22,42,.12);stroke-width: 3.5}.pvx-ring{fill: none;stroke: var(--pvw-a);stroke-width: 3.5;stroke-linecap: round;stroke-dasharray: 100;stroke-dashoffset: calc(100 - var(--pvx-a) / 3.6)}.pvx-m-pano .pvx-ring{stroke-dasharray: 12 88;stroke-dashoffset: calc(6 - var(--pvx-a) / 3.6)}.pvx-needle{fill: var(--pvw-a);transform-origin: 22px 22px;transform: rotate(calc(90deg + var(--pvx-a) * 1deg))}.pvx-m-pano .pvx-ind em{display: none}.pvx-hint{position: absolute;left: 50%;bottom: 16px;z-index: 4;display: inline-flex;align-items: center;gap: 8px;padding: 8px 16px;border-radius: 40px;background: rgba(20,20,45,.6);color: #fff;font-size: 12.5px;font-weight: 700;white-space: nowrap;transform: translateX(-50%);pointer-events: none;transition: opacity .5s ease;-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px)}.pvx-hint svg{animation: pvxHint 2.4s ease-in-out infinite}@keyframes pvxHint{0%,100%{transform: rotate(0)}50%{transform: rotate(160deg)}}.is-touched .pvx-hint{opacity: 0}.pvx-tools{position: absolute;top: 14px;left: 14px;z-index: 5;display: flex;gap: 8px}.pvx-title ~ .pvx-tools{top: auto;bottom: 14px;left: auto;right: 14px}.pvx-wrap .pvx-tb{display: grid;place-items: center;width: 38px;height: 38px;margin: 0;padding: 0;border: 0;border-radius: 12px;background: rgba(255,255,255,.78);color: #16162a !important;box-shadow: 0 6px 16px rgba(10,10,40,.14);cursor: pointer;transition: background .2s,transform .2s;-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px)}.pvx-wrap .pvx-tb:hover{transform: translateY(-2px)}.pvx-wrap .pvx-tb[aria-pressed="true"]{background: var(--pvw-a);color: #fff !important}.pvx-loading{position: absolute;inset: 0;z-index: 6;display: none;flex-direction: column;align-items: center;justify-content: center;gap: 10px;background: var(--pvw-bg)}.pvw-skin-plain .pvx-loading{background: rgba(255,255,255,.85)}.is-loading .pvx-loading{display: flex}.pvx-loading span{width: 42px;height: 42px;border: 4px solid color-mix(in srgb,var(--pvw-a) 22%,transparent);border-top-color: var(--pvw-a);border-radius: 50%;animation: ukPvwSpin .8s linear infinite}.pvx-loading em{font-size: 13px;font-style: normal;font-weight: 800}@keyframes ukPvwSpin{to{transform: rotate(360deg)}}.pvx-wrap .pvx-hs{position: absolute;z-index: 3;width: 34px;height: 34px;margin: -17px 0 0 -17px;padding: 0;border: 0;border-radius: 50%;background: transparent;color: #fff !important;cursor: pointer;opacity: 0;visibility: hidden;transform: scale(.4);transition: opacity .3s,transform .35s cubic-bezier(.34,1.56,.64,1),visibility .3s}.pvx-hs.is-vis{opacity: 1;visibility: visible;transform: none}.pvx-dot{position: absolute;inset: 7px;border: 3px solid #fff;border-radius: 50%;background: var(--pvw-a);box-shadow: 0 4px 12px rgba(0,0,0,.3)}.pvx-dot::after{content: "";position: absolute;inset: -9px;border: 2px solid color-mix(in srgb,var(--pvw-a) 60%,#fff);border-radius: 50%;animation: pvxPulse 2s ease-out infinite}@keyframes pvxPulse{from{transform: scale(.6);opacity: 1}to{transform: scale(1.5);opacity: 0}}.pvx-tip{position: absolute;bottom: calc(100% + 10px);left: 50%;width: max-content;max-width: 220px;padding: 10px 13px;border-radius: 12px;background: #16162a;color: #fff;font-size: 12.5px;font-weight: 500;line-height: 1.45;text-align: left;box-shadow: 0 12px 30px rgba(0,0,0,.3);opacity: 0;transform: translate(-50%,6px);pointer-events: none;transition: opacity .2s,transform .2s}.pvx-tip b{display: block;margin-bottom: 2px;font-size: 13px;font-weight: 800}.pvx-hs:hover .pvx-tip,.pvx-hs:focus-visible .pvx-tip,.pvx-hs.is-open .pvx-tip{opacity: 1;transform: translate(-50%,0)}.is-dragging .pvx-tip{opacity: 0 !important}.pvx-controls{display: flex;flex-wrap: wrap;align-items: center;gap: 10px;margin-top: 14px}.pvx-wrap .pvx-btn{display: inline-grid;place-items: center;flex: none;width: 42px;height: 42px;margin: 0;padding: 0;border: 0;border-radius: 50%;background: color-mix(in srgb,var(--pvw-a) 12%,transparent);color: var(--pvw-a) !important;cursor: pointer;transition: background .2s,color .2s}.pvx-wrap .pvx-btn:hover{background: var(--pvw-a);color: #fff !important}.pvx-btn span{display: inline-flex}.pvx-btn .i-pause,.is-rotating .pvx-btn.is-play .i-play{display: none}.is-rotating .pvx-btn.is-play .i-pause{display: inline-flex}.pvx-wrap .pvx-range{flex: 1;min-width: 80px;height: 6px;margin: 0 6px;padding: 0;border: 0;border-radius: 6px;background: linear-gradient(90deg,var(--pvw-a) var(--fill,0%),color-mix(in srgb,currentColor 15%,transparent) var(--fill,0%));-webkit-appearance: none;appearance: none;outline: none;cursor: pointer}.pvx-range::-webkit-slider-thumb{width: 20px;height: 20px;border: 4px solid var(--pvw-a);border-radius: 50%;background: #fff;box-shadow: 0 3px 10px rgba(0,0,0,.25);-webkit-appearance: none}.pvx-range::-moz-range-thumb{width: 12px;height: 12px;border: 4px solid var(--pvw-a);border-radius: 50%;background: #fff}.pvx-deg{min-width: 44px;font-size: 13px;font-weight: 800;font-variant-numeric: tabular-nums;text-align: right}.pvx-swatches{display: flex;align-items: center;gap: 8px}.pvx-wrap .pvx-sw{position: relative;width: 28px;height: 28px;margin: 0;padding: 0;border: 0;border-radius: 50%;background: var(--sw);box-shadow: inset 0 0 0 1px rgba(0,0,0,.15),0 0 0 2px transparent;cursor: pointer;transition: box-shadow .2s,transform .2s}.pvx-wrap .pvx-sw:hover{transform: scale(1.08)}.pvx-wrap .pvx-sw.is-on{box-shadow: inset 0 0 0 1px rgba(0,0,0,.15),0 0 0 3px var(--pvw-bgc,#fff),0 0 0 5px var(--pvw-a)}.pvx-swname{margin-left: 4px;font-size: 13px;font-weight: 700;opacity: .72}.pvx-l-minimal .pvx-col-view{position: relative}.pvx-l-minimal .pvx-controls{position: absolute;left: 50%;bottom: 16px;z-index: 5;margin: 0;padding: 6px;border-radius: 99px;background: rgba(255,255,255,.82);box-shadow: 0 10px 30px rgba(10,10,40,.18);transform: translateX(-50%);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);color: #16162a;flex-wrap: nowrap}.pvx-l-minimal .pvx-btn{width: 36px;height: 36px}.pvx-l-minimal .pvx-range,.pvx-l-minimal .pvx-deg{display: none}.pvx-l-minimal .pvx-hint{bottom: 72px}.pvx-eyebrow{display: inline-block;margin-bottom: 12px;padding: 5px 12px;border-radius: 99px;background: color-mix(in srgb,var(--pvw-a) 12%,transparent);color: var(--pvw-a);font-size: 12px;font-weight: 800;letter-spacing: .12em;text-transform: uppercase}.pvx-name{margin: 0 0 8px;color: inherit;font-size: clamp(26px,3vw,38px);font-weight: 850;line-height: 1.1;letter-spacing: -.02em}.pvx-price{margin-bottom: 14px;font-size: 22px;font-weight: 800;color: var(--pvw-a)}.pvx-text{margin: 0 0 18px;color: color-mix(in srgb,currentColor 72%,transparent);font-size: 15.5px;line-height: 1.65}.pvx-info .pvx-swatches{margin-bottom: 18px}.pvx-specs{display: grid;gap: 8px;margin: 0 0 24px;padding: 0;list-style: none}.pvx-specs li{position: relative;padding-left: 26px;font-size: 14.5px;font-weight: 600}.pvx-specs li::before{content: "✓";position: absolute;left: 0;top: 0;display: grid;place-items: center;width: 18px;height: 18px;border-radius: 50%;background: color-mix(in srgb,var(--pvw-a) 14%,transparent);color: var(--pvw-a);font-size: 11px;font-weight: 900}.pvx-wrap .pvx-cta{display: inline-flex;align-items: center;gap: 8px;padding: 14px 26px;border-radius: 99px;background: var(--pvw-a);color: #fff !important;font-size: 15px;font-weight: 750;text-decoration: none !important;box-shadow: 0 14px 30px -12px var(--pvw-a);transition: transform .25s,gap .25s}.pvx-wrap .pvx-cta:hover{transform: translateY(-2px);gap: 12px}.pvx-stage:fullscreen{aspect-ratio: auto;border-radius: 0}.ultrakit-pvw-demo{position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;perspective: 900px}.ultrakit-pvw-cube{--a: 0deg;position: relative;width: 150px;height: 150px;transform-style: preserve-3d;transform: rotateX(-18deg) rotateY(var(--a))}.ultrakit-pvw-cube i{position: absolute;inset: 0;border: 2px solid rgba(255,255,255,.55);border-radius: 16px;backface-visibility: hidden}.ultrakit-pvw-cube .f1{transform: translateZ(75px);background: linear-gradient(135deg,#6c5ce7,#a29bfe)}.ultrakit-pvw-cube .f2{transform: rotateY(90deg) translateZ(75px);background: linear-gradient(135deg,#00b894,#55efc4)}.ultrakit-pvw-cube .f3{transform: rotateY(180deg) translateZ(75px);background: linear-gradient(135deg,#e17055,#fdcb6e)}.ultrakit-pvw-cube .f4{transform: rotateY(-90deg) translateZ(75px);background: linear-gradient(135deg,#0984e3,#74b9ff)}.ultrakit-pvw-cube .f5{transform: rotateX(90deg) translateZ(75px);background: #dfe6e9}.ultrakit-pvw-cube .f6{transform: rotateX(-90deg) translateZ(75px);background: #b2bec3}.ultrakit-pvw-shadow{position: absolute;left: 50%;bottom: 20%;width: 170px;height: 26px;margin-left: -85px;border-radius: 50%;background: radial-gradient(ellipse,rgba(0,0,0,.3),transparent 70%)}@media (max-width: 767px){.pvx-l-split .pvx-grid{grid-template-columns: 1fr}.ultrakit-pvw-cube{width: 110px;height: 110px}.pvx-deg{display: none}.pvx-ind{width: 42px;height: 42px}.pvx-tip{max-width: 180px}}@media (prefers-reduced-motion: reduce){.pvx-hint svg,.pvx-dot::after{animation: none}}