.wccatview-viewer-mount{--v-primary:#2563eb;--v-text:#0f172a;--v-muted:#475569;--v-warning:#d97706;--v-danger:#dc2626;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;width:100%}.wccatview-viewer-error{color:var(--v-muted);font-style:italic;padding:16px}.wccatview-viewer{display:flex;flex-direction:column;gap:18px;width:100%}.wccatview-viewer-mount--immersive{margin:0}.wccatview-viewer.is-immersive{background:radial-gradient(ellipse at center,#2a2f3a 0,#14171d 100%);border-radius:2px;box-sizing:border-box;min-height:88vh;padding:28px clamp(12px,4vw,64px) 22px}.wccatview-viewer.is-immersive:fullscreen{justify-content:center;min-height:100vh}.wccatview-stage{gap:clamp(8px,2vw,28px);min-height:0}.wccatview-stage,.wccatview-stage__inner{align-items:center;display:flex;flex:1;justify-content:center}.wccatview-stage__inner{max-width:1100px;overflow:hidden}.wccatview-zoomwrap{transform-origin:center center;transition:transform .2s ease}.wccatview-book{margin:0 auto}.wccatview-page{background:#fff}.wccatview-page__inner{background:#fff;height:100%;overflow:hidden;position:relative;width:100%}.wccatview-viewer:not(.is-scroll) .stf__item .wccatview-page__inner:after{bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:14px;z-index:3}.wccatview-viewer:not(.is-scroll) .stf__item.--right .wccatview-page__inner:after{background:linear-gradient(90deg,rgba(0,0,0,.18),transparent);left:0}.wccatview-viewer:not(.is-scroll) .stf__item.--left .wccatview-page__inner:after{background:linear-gradient(270deg,rgba(0,0,0,.18),transparent);right:0}.wccatview-viewer.is-immersive .wccatview-book{box-shadow:0 30px 80px rgba(0,0,0,.55)}.wccatview-nav{align-items:center;background:hsla(0,0%,100%,.95);border:none;border-radius:50%;box-shadow:0 6px 20px rgba(0,0,0,.35);color:#14171d;cursor:pointer;display:flex;flex-shrink:0;height:56px;justify-content:center;transition:transform .15s ease,background .15s ease,box-shadow .15s ease;width:56px}.wccatview-nav svg{height:26px;width:26px}.wccatview-nav:hover{background:#fff;box-shadow:0 10px 28px rgba(0,0,0,.45);transform:scale(1.08)}.wccatview-nav:active{transform:scale(.96)}.wccatview-viewer:not(.is-immersive) .wccatview-nav{background:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 10px rgba(0,0,0,.15);color:var(--v-text)}.wccatview-toolbar{align-items:center;align-self:center;background:hsla(0,0%,100%,.96);border-radius:999px;box-shadow:0 6px 20px rgba(0,0,0,.25);display:flex;gap:16px;justify-content:space-between;padding:8px 14px}.wccatview-viewer:not(.is-immersive) .wccatview-toolbar{border:1px solid #e2e8f0;box-shadow:0 1px 6px rgba(0,0,0,.12)}.wccatview-toolbar__group{align-items:center;display:flex;gap:6px}.wccatview-tool{align-items:center;background:transparent;border:none;border-radius:999px;color:var(--v-text);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;height:38px;justify-content:center;min-width:38px;padding:0 8px;transition:background .15s ease}.wccatview-tool svg{height:18px;width:18px}.wccatview-tool:hover{background:#eef2f7}.wccatview-tool--labeled{padding:0 14px}.wccatview-zoomlevel{color:var(--v-muted);font-size:13px;font-weight:600;min-width:44px;text-align:center}.wccatview-pageno{color:var(--v-text);font-size:13px;font-weight:700;min-width:70px;text-align:center}.wccatview-viewer.is-scroll .wccatview-nav{display:none}.wccatview-viewer.is-scroll .wccatview-stage{align-items:stretch}.wccatview-viewer.is-scroll .wccatview-stage__inner{align-items:stretch;overflow:visible}.wccatview-viewer.is-scroll .wccatview-zoomwrap{height:100%;overflow-y:auto;transform-origin:top center;width:100%}.wccatview-viewer-mount:not(.wccatview-viewer-mount--standalone) .wccatview-viewer.is-scroll .wccatview-zoomwrap{height:auto;max-height:80vh}.wccatview-scroll{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:24px;padding:8px 8px 24px;width:100%}.wccatview-scrollpage{aspect-ratio:1/1.3;background:#fff;box-shadow:0 8px 30px rgba(0,0,0,.3);flex-shrink:0;max-width:620px;position:relative;width:100%}.wccatview-v-slot{align-items:center;box-sizing:border-box;display:flex;justify-content:center;position:absolute}.wccatview-v-slot--text{background:#f8fafc}.wccatview-v-slot--image{background:#eef2f6}.wccatview-v-flow{display:flex;flex-wrap:wrap;gap:12px;padding:16px}.wccatview-v-cardlink{color:inherit;display:block;height:100%;text-decoration:none;width:100%}.wccatview-v-card{box-sizing:border-box;flex-direction:column;height:100%;padding:8px;position:relative;text-align:center}.wccatview-v-card,.wccatview-v-card__img{align-items:center;display:flex;justify-content:center;width:100%}.wccatview-v-card__img{flex:1;min-height:0}.wccatview-v-card__img img{max-height:100%;max-width:100%;object-fit:contain}.wccatview-v-noimg{background:#eef2f6;display:block;height:70%;width:70%}.wccatview-v-card__name{color:var(--v-text);font-size:13px;font-weight:600;line-height:1.25;margin-top:6px}.wccatview-v-card__price{color:var(--v-primary);font-size:13px;font-weight:700;margin-top:2px}.wccatview-v-card__sku{color:var(--v-muted);font-size:11px;margin-top:1px}.wccatview-v-badge{color:#fff;font-size:10px;font-weight:700;left:6px;letter-spacing:.4px;padding:2px 6px;position:absolute;text-transform:uppercase;top:6px;z-index:2}.wccatview-v-badge--oos{background:var(--v-warning)}.wccatview-v-badge--disc{background:var(--v-danger)}@media (max-width:700px){.wccatview-nav{height:44px;width:44px}.wccatview-nav svg{height:20px;width:20px}.wccatview-tool--labeled span{display:none}.wccatview-viewer.is-immersive{padding:16px 8px}}.wccatview-viewer-mount--standalone{height:100vh;height:100dvh}.wccatview-viewer-mount--standalone .wccatview-viewer.is-immersive{border-radius:0;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;padding:24px clamp(12px,4vw,72px)}.wccatview-viewer-mount--standalone .wccatview-stage{flex:1;min-height:0}.wccatview-viewer-mount--standalone .wccatview-stage__inner{height:100%;max-width:none}.wccatview-viewer-mount--standalone .wccatview-toolbar{margin-top:16px}
