.bx-preview{--bx-box-w:120px;--bx-box-h:180px;--bx-box-d:56px;--bx-lid-h:28px;--bx-paper:#f7f4ef;--bx-paper-grain:#00000008}.bx-preview[data-paper=coated]{--bx-paper:#f8fafc;--bx-paper-grain:#0f172a05}.bx-preview[data-paper=offset]{--bx-paper:#f7f4ef;--bx-paper-grain:#0000000a}.bx-preview[data-paper=design]{--bx-paper:#efe6d8;--bx-paper-grain:#7850280f}.bx-preview-card-wrap{border:1px solid var(--border,#e5e7eb);background:radial-gradient(ellipse 80% 55% at 50% 0%, color-mix(in srgb, var(--surface-elevated,#fff) 90%, transparent), transparent 60%), linear-gradient(165deg, color-mix(in srgb, var(--accent) 8%, var(--surface)) 0%, var(--surface) 45%, color-mix(in srgb, var(--muted) 12%, var(--surface)) 100%);box-shadow:0 1px 2px color-mix(in srgb, var(--foreground) 6%, transparent);border-radius:16px;padding:14px 14px 16px}.bx-preview-title{text-transform:uppercase;letter-spacing:.04em;color:var(--muted,#6b7280);margin:0 0 10px;font-size:.8rem;font-weight:600}.bx-preview-stage{perspective:1100px;justify-content:center;align-items:center;min-height:280px;padding:20px 12px 28px;display:flex;position:relative;overflow:visible}.bx-preview-stage:after{content:"";filter:blur(2px);pointer-events:none;background:radial-gradient(#0f172a38,#0000 70%);width:58%;height:14px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.bx-preview-scene{justify-content:center;align-items:center;width:100%;min-height:220px;display:flex;position:relative}.bx-preview-placeholder{color:#94a3b8;pointer-events:none;justify-content:center;align-items:center;font-size:.9rem;display:flex;position:absolute;inset:0}.bx-preview[data-has-dims="1"] .bx-preview-placeholder{display:none}.bx-box-3d{--bx-orbit-y:-32deg;--bx-orbit-x:12deg;width:var(--bx-box-w);height:var(--bx-box-h);transform-style:preserve-3d;transform:rotateX(var(--bx-orbit-x)) rotateY(var(--bx-orbit-y));margin:36px 48px 40px;transition:transform .55s;position:relative}.bx-box-face{box-sizing:border-box;backface-visibility:hidden;border:1px solid #94a3b88c;position:absolute;overflow:hidden}.bx-box-face--front{width:var(--bx-box-w);height:var(--bx-box-h);transform:translateZ(calc(var(--bx-box-d) / 2));background:var(--bx-paper);inset:0;box-shadow:inset 0 0 0 1px #ffffff8c}.bx-box-face--side{top:0;left:calc((var(--bx-box-w) - var(--bx-box-d)) / 2);width:var(--bx-box-d);height:var(--bx-box-h);transform:rotateY(90deg) translateZ(calc(var(--bx-box-w) / 2));background:linear-gradient(90deg, #0f172a0f, transparent 35%), color-mix(in srgb, var(--bx-paper) 92%, #64748b)}.bx-box-face--top{left:0;top:calc((var(--bx-box-h) - var(--bx-box-d)) / 2);width:var(--bx-box-w);height:var(--bx-box-d);transform:rotateX(90deg) translateZ(calc(var(--bx-box-h) / 2));background:linear-gradient(180deg, #ffffff59, transparent 40%), color-mix(in srgb, var(--bx-paper) 96%, #94a3b8)}.bx-box-face--bottom{left:0;top:calc((var(--bx-box-h) - var(--bx-box-d)) / 2);width:var(--bx-box-w);height:var(--bx-box-d);transform:rotateX(-90deg) translateZ(calc(var(--bx-box-h) / 2));background:color-mix(in srgb, var(--bx-paper) 80%, #475569)}.bx-box-lid-crease{left:0;right:0;top:var(--bx-lid-h);pointer-events:none;z-index:5;border-top:1.5px solid #64748b73;height:0;position:absolute;box-shadow:0 1px #ffffff80}.bx-box-lid-crease--side{top:var(--bx-lid-h)}.bx-box-face--front .bx-preview-paper,.bx-box-face--front .bx-preview-print,.bx-box-face--front .bx-preview-blank{position:absolute;inset:0}.bx-preview-paper{z-index:0;background:repeating-linear-gradient(0deg, transparent, transparent 3px, var(--bx-paper-grain) 3px, var(--bx-paper-grain) 4px), var(--bx-paper)}.bx-preview-print{z-index:1;opacity:0;pointer-events:none}.bx-preview[data-front="1"] .bx-preview-print{opacity:1}.bx-preview-print-hero{left:10%;right:10%;top:calc(var(--bx-lid-h) + 10%);opacity:.85;background:linear-gradient(165deg,#60a5fa,#7c3aed 55%,#a855f7);border-radius:6px;position:absolute;bottom:14%}.bx-preview-print-mark,.bx-preview-print-panel,.bx-preview-print-bars{background:#ffffff59;border-radius:2px;display:block;position:absolute}.bx-preview-print-mark{width:18%;height:10%;top:12%;left:10%}.bx-preview-print-panel{background:#fff3;height:36%;top:28%;left:10%;right:10%}.bx-preview-print-bars{height:8%;bottom:14%;left:10%;right:28%}.bx-preview-print-cmyk{z-index:2;gap:3px;display:flex;position:absolute;bottom:8%;right:8%}.bx-preview-print-cmyk i{border-radius:50%;width:8px;height:8px;display:block}.bx-preview-print-cmyk .c{background:#06b6d4}.bx-preview-print-cmyk .m{background:#db2777}.bx-preview-print-cmyk .y{background:#eab308}.bx-preview-print-cmyk .k{background:#0f172a}.bx-preview-blank{z-index:2;color:#94a3b8;opacity:0;justify-content:center;align-items:center;font-size:.78rem;display:flex}.bx-preview[data-front="0"] .bx-preview-blank{opacity:1}.bx-preview-lam{pointer-events:none;opacity:0;z-index:4;transition:opacity .3s;position:absolute;inset:0}.bx-preview[data-lam=gloss] .bx-box-face--front .bx-preview-lam,.bx-preview[data-lam=matte] .bx-box-face--front .bx-preview-lam,.bx-preview[data-lam=soft_touch] .bx-box-face--front .bx-preview-lam{opacity:1}.bx-preview[data-lam=gloss] .bx-preview-lam{mix-blend-mode:soft-light;background:linear-gradient(118deg,#0000 12%,#ffffff26 28%,#ffffffb8 40%,#0000 55%,#ffffff47 72%,#0000 88%) 0 0/180% 100%;animation:3.6s ease-in-out infinite bx-gloss-sweep}.bx-preview[data-lam=matte] .bx-preview-lam{background:#f8fafc47;box-shadow:inset 0 0 40px #94a3b81f}.bx-preview[data-lam=soft_touch] .bx-preview-lam{-webkit-backdrop-filter:saturate(.85);backdrop-filter:saturate(.85);background:#64748b24;box-shadow:inset 0 0 30px #0f172a24}@keyframes bx-gloss-sweep{0%,to{background-position:0%}50%{background-position:100%}}.bx-preview-uv{pointer-events:none;opacity:0;z-index:5;background:0 0;transition:opacity .3s;position:absolute;inset:0}.bx-preview-uv:before{content:"";mix-blend-mode:overlay;background:linear-gradient(100deg,#0000 0% 38%,#fffffffa 48%,#b4e6ffb3 52%,#0000 62% 100%) 0 0/240% 100%,repeating-linear-gradient(#ffffffb8 0 18%,#ffffff1f 18% 36%) 0 0/100% 100%,#ffffff38 0 0/100% 100%;border-radius:3px;width:54%;height:16%;animation:2.8s ease-in-out infinite bx-uv-spot-shine;position:absolute;bottom:14%;left:10%;box-shadow:inset 0 0 0 1px #fffc,0 2px 12px #0f172a38}.bx-preview-uv:after{content:none;display:none}.bx-preview[data-uv="1+0"] .bx-box-face--front .bx-preview-uv,.bx-preview[data-uv="1+1"] .bx-box-face--front .bx-preview-uv{opacity:1}@keyframes bx-uv-spot-shine{0%,to{background-position:-10%,0 0,0 0}50%{background-position:110%,0 0,0 0}}.bx-preview-foil{width:42%;left:10%;top:calc(var(--bx-lid-h,24px) + 12%);opacity:0;z-index:7;pointer-events:none;background:linear-gradient(110deg,#6b4e12 0%,#f8e7a0 18%,#c9a227 40%,#fff8d0 55%,#a67c1a 78%,#6b4e12 100%) 0 0/220% 100%;border-radius:2px;height:10%;transition:opacity .3s;animation:2.4s linear infinite bx-foil-shine;position:absolute;box-shadow:0 1px 2px #00000059,inset 0 1px #ffffff73}.bx-preview-foil:after{content:"";background:#0000002e;border-radius:1px;height:22%;position:absolute;top:38%;left:12%;right:12%}.bx-preview[data-foil="1"] .bx-box-face--front .bx-preview-foil,.bx-preview[data-foil=silver] .bx-box-face--front .bx-preview-foil{opacity:1}.bx-preview[data-foil=silver] .bx-preview-foil{background:linear-gradient(110deg,#4b5563 0%,#f3f4f6 20%,#9ca3af 42%,#fff 58%,#6b7280 80%,#4b5563 100%) 0 0/220% 100%}@keyframes bx-foil-shine{0%{background-position:0%}to{background-position:220%}}.bx-preview-emboss{left:12%;right:12%;top:calc(var(--bx-lid-h,24px) + 28%);opacity:0;z-index:6;pointer-events:none;background:linear-gradient(145deg,#ffffff38,#0f172a0f);border-radius:6px;height:26%;transition:opacity .3s,transform .3s;position:absolute;transform:translateZ(2px)scale(1);box-shadow:inset 3px 3px 5px #ffffffb3,inset -3px -3px 6px #0f172a59,0 3px 6px #0f172a29}.bx-preview-emboss:before{content:"";border-radius:3px;position:absolute;inset:22% 18%;box-shadow:inset 1px 1px 2px #ffffff80,inset -1px -1px 2px #0f172a40}.bx-preview[data-emboss="1"] .bx-box-face--front .bx-preview-emboss{opacity:1}.bx-box-dims{width:calc(var(--bx-box-w,120px) + 88px);height:calc(var(--bx-box-h,180px) + 72px);z-index:5;pointer-events:none;opacity:0;transition:opacity .25s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bx-preview[data-orbit-dims="1"] .bx-box-dims{opacity:1}.bx-dim{color:#1e293b;white-space:nowrap;background:#ffffffeb;border-radius:6px;align-items:center;gap:4px;padding:2px 6px;font-size:.68rem;font-weight:700;display:flex;position:absolute;box-shadow:0 1px 4px #0f172a1f}.bx-dim i{background:#2563eb;flex-shrink:0;width:18px;height:2px;display:block}.bx-dim-w{bottom:0;left:50%;transform:translate(-50%)}.bx-dim-h{writing-mode:vertical-rl;top:50%;left:0;transform:translateY(-50%)}.bx-dim-d{bottom:18%;right:0}.bx-orbit-bar{background:#f8fafcf5;border:1px solid #94a3b873;border-radius:999px;justify-content:center;align-items:center;gap:6px;width:max-content;max-width:100%;margin:10px auto 6px;padding:4px 8px;display:none;box-shadow:0 2px 8px #0f172a29}.bx-preview[data-has-dims="1"] .bx-orbit-bar{display:flex}.bx-orbit-btn{color:#334155;cursor:pointer;background:0 0;border:0;border-radius:999px;width:28px;height:26px;padding:0;font-size:1rem;line-height:1}.bx-orbit-btn:hover{color:#1d4ed8;background:#2563eb1a}.bx-orbit-label{text-align:center;color:#475569;min-width:3.2rem;font-size:.72rem;font-weight:700}.bx-preview-meta{flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin-top:12px;font-size:.82rem;display:flex}.bx-preview-size{color:var(--foreground,#0f172a);font-weight:600}.bx-preview-paper-meta{color:var(--muted,#64748b);flex:auto}.bx-preview-colors{color:#2563eb;font-weight:600}.bx-preview-chips{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.bx-preview-chip{color:#3730a3;background:#e0e7ff;border:1px solid #0000;border-radius:999px;padding:3px 8px;font-size:.72rem}.bx-preview-chip.is-off{display:none}.bx-preview-chip[data-kind=lam]{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.bx-preview-chip[data-kind=uv]{color:#6d28d9;background:#f5f3ff;border-color:#c4b5fd}.bx-preview-chip[data-kind=foil]{color:#b45309;background:#fef3c7;border-color:#fbbf24}.bx-preview-chip[data-kind=emboss]{color:#475569;background:#f8fafc;border-color:#cbd5e1}@media (prefers-reduced-motion:reduce){.bx-preview-lam,.bx-preview-uv,.bx-preview-foil{transition:none!important;animation:none!important}}.bx-preview-hint{color:var(--muted,#64748b);margin:10px 0 0;font-size:.75rem;line-height:1.4}.bx-preview-blank-meta,.bx-preview-nest{color:var(--muted,#64748b);width:100%;font-size:.78rem}