.calc-client-layout--leaflet{flex-direction:column;gap:16px;display:flex}.lf-preview{--lf-aspect:148 / 210;--lf-card-w:140px;--lf-card-h:198px;--lf-ref-w:198px;--lf-ref-h:280px;--lf-paper:#f7f4ef;--lf-paper-grain:#00000008;--lf-tilt-y:-18deg;--lf-tilt-x:10deg;order:-1}.lf-preview[data-orient=landscape]{--lf-tilt-y:-12deg;--lf-tilt-x:8deg}.lf-preview-card-wrap{border:1px solid var(--ds-separator,#e5e7eb);background:radial-gradient(80% 55% at 50% 0,#ffffffe6,#0000 60%),linear-gradient(165deg,#f4f7fb 0%,#e8eef6 45%,#dde5f0 100%);border-radius:16px;padding:14px 14px 16px;box-shadow:0 1px 2px #0f172a0a}.lf-preview-title{text-transform:uppercase;letter-spacing:.04em;color:var(--ds-text-muted,#6b7280);margin:0 0 10px;font-size:.8rem;font-weight:600}.lf-preview-stage{perspective:1200px;justify-content:center;align-items:center;height:320px;min-height:320px;padding:18px 28px 36px;display:flex;position:relative}.lf-preview-stage:after{content:"";filter:blur(2px);pointer-events:none;z-index:0;background:radial-gradient(#0f172a47,#0000 70%);width:55%;height:16px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.lf-preview-ref{width:var(--lf-ref-w);height:var(--lf-ref-h);pointer-events:none;z-index:0;box-sizing:border-box;background:#94a3b80f;border:1.5px dashed #64748b73;border-radius:3px;transition:width .4s cubic-bezier(.22,1,.36,1),height .4s cubic-bezier(.22,1,.36,1),opacity .25s;position:absolute;top:50%;left:50%;transform:translate(-50%,-54%)rotateY(-14deg)rotateX(8deg)}.lf-preview.is-ref-hidden .lf-preview-ref{opacity:0}.lf-preview-ref-label{letter-spacing:.06em;color:#64748bb3;text-transform:uppercase;font-size:.65rem;font-weight:700;position:absolute;top:6px;right:8px}.lf-preview-card-slot{z-index:1;width:var(--lf-card-w);height:var(--lf-card-h);perspective:900px;justify-content:center;align-items:center;transition:width .4s cubic-bezier(.22,1,.36,1),height .4s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.lf-preview-card{cursor:grab;width:100%;height:100%;transform-style:preserve-3d;transform:rotateY(var(--lf-tilt-y)) rotateX(var(--lf-tilt-x));z-index:1;background:0 0;border:0;padding:0;transition:transform .55s cubic-bezier(.22,1,.36,1);position:relative}.lf-preview.is-size-pulse .lf-preview-card-slot{animation:.55s lf-size-pop}.lf-preview.is-size-pulse .lf-preview-size{animation:.7s lf-size-flash}@keyframes lf-size-pop{0%{transform:scale(.86)}55%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes lf-size-flash{0%,to{background:0 0}30%{background:#fef08a}}.lf-preview-size{color:var(--ds-text,#111827);border-radius:6px;margin:-2px -6px;padding:2px 6px;font-weight:700;transition:background .2s}.lf-dim{pointer-events:none;z-index:2;color:#334155;font-variant-numeric:tabular-nums;opacity:.9;font-size:.68rem;font-weight:700;position:absolute}.lf-dim i{background:#64748b;display:block}.lf-dim-w{flex-direction:column;align-items:center;gap:2px;height:14px;display:flex;bottom:calc(100% + 8px);left:0;right:0}.lf-dim-w i{width:100%;height:2px;position:relative}.lf-dim-w i:before,.lf-dim-w i:after{content:"";background:#64748b;width:2px;height:8px;position:absolute;top:-3px}.lf-dim-w i:before{left:0}.lf-dim-w i:after{right:0}.lf-dim-h{flex-direction:row;align-items:center;gap:3px;width:18px;display:flex;top:0;bottom:0;left:calc(100% + 8px)}.lf-dim-h i{width:2px;height:100%;position:relative}.lf-dim-h i:before,.lf-dim-h i:after{content:"";background:#64748b;width:8px;height:2px;position:absolute;left:-3px}.lf-dim-h i:before{top:0}.lf-dim-h i:after{bottom:0}.lf-dim-h span{writing-mode:vertical-rl;white-space:nowrap;transform:rotate(180deg)}.lf-preview-card:active{cursor:grabbing}.lf-preview.is-flipped .lf-preview-card{--lf-tilt-y:180deg;--lf-tilt-x:8deg}.lf-preview.is-flipped[data-orient=landscape] .lf-preview-card{--lf-tilt-y:180deg;--lf-tilt-x:6deg}.lf-preview-face{backface-visibility:hidden;transform-style:preserve-3d;background:var(--lf-paper,#fcfcfd);border-radius:3px;position:absolute;inset:0;overflow:hidden;box-shadow:0 18px 28px #0f172a42,inset 0 0 0 1px #0f172a1a,inset 0 1px #ffffff8c}.lf-preview-face--front{transform:rotateY(0)translateZ(.5px)}.lf-preview-face--back{transform:rotateY(180deg)translateZ(.5px)}.lf-preview-card:before{content:"";top:1%;bottom:1%;right:calc(-1 * var(--lf-edge,3px));width:var(--lf-edge,3px);opacity:.95;pointer-events:none;background:linear-gradient(#e8e4dc,#c4bfb4 45%,#8f8a80);border-radius:0 2px 2px 0;transition:width .35s,right .35s,left .35s;position:absolute;transform:translateZ(-1px);box-shadow:inset 1px 0 #ffffff59}.lf-preview.is-flipped .lf-preview-card:before{right:auto;left:calc(-1 * var(--lf-edge,3px));border-radius:2px 0 0 2px}.lf-preview-paper{background:radial-gradient(circle at 18% 12%, #ffffffa6, transparent 42%), repeating-linear-gradient(0deg, transparent, transparent 2px, var(--lf-paper-grain) 2px, var(--lf-paper-grain) 3px), var(--lf-paper);position:absolute;inset:0}.lf-preview[data-paper=offset]{--lf-paper:#f1ebe0;--lf-paper-grain:#5a3c140f}.lf-preview[data-paper=coated]{--lf-paper:#fcfcfd;--lf-paper-grain:#00000005}.lf-preview[data-paper=design]{--lf-paper:#ebe4d8;--lf-paper-grain:#50321414}.lf-preview[data-paper=design] .lf-preview-paper{background:radial-gradient(circle at 18% 12%, #ffffff59, transparent 42%), repeating-linear-gradient(90deg, transparent, transparent 3px, #5a3c140a 3px, #5a3c140a 4px), var(--lf-paper)}.lf-preview-print{z-index:2;display:none;position:absolute;inset:0}.lf-preview[data-front="1"] .lf-preview-face--front .lf-preview-print,.lf-preview[data-back="1"] .lf-preview-face--back .lf-preview-print{display:block}.lf-preview[data-front="1"] .lf-preview-face--front .lf-preview-blank,.lf-preview[data-back="1"] .lf-preview-face--back .lf-preview-blank{display:none}.lf-preview-blank{color:#64748bcc;letter-spacing:.02em;z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:.78rem;display:flex;position:absolute;inset:0}.lf-preview-blank:before{content:"";background:#94a3b873;border-radius:999px;width:36%;height:2px}.lf-preview-print-hero{background:radial-gradient(55% 40% at 88% 18%,#ffffff59,#0000 70%),linear-gradient(155deg,#0369a1 0%,#4f46e5 45%,#be185d 100%);border-radius:3px;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff26}.lf-preview-print-hero--alt{background:radial-gradient(50% 38% at 12% 78%,#ffffff47,#0000 65%),linear-gradient(155deg,#0f766e 0%,#2563eb 48%,#6d28d9 100%)}.lf-preview-print-mark{background:#ffffff38;border-radius:2px;width:42%;height:10%;position:absolute;top:11%;left:10%;box-shadow:inset 0 0 0 1px #ffffff59}.lf-preview-print-panel{background:linear-gradient(145deg,#ffffff47,#ffffff0f),#0f172a2e;border-radius:6px;height:26%;position:absolute;top:32%;left:12%;right:12%;box-shadow:inset 0 1px #fff6,0 4px 14px #0f172a2e}.lf-preview-print-panel:after{content:"";background:#ffffff1f;border-radius:3px;position:absolute;inset:22% 18%}.lf-preview-print-bars{background:repeating-linear-gradient(#ffffff8c 0 22%,#ffffff14 22% 40%);border-radius:3px;width:54%;height:16%;position:absolute;bottom:14%;left:10%;box-shadow:inset 0 0 0 1px #ffffff47}.lf-preview[data-front-inks="1"] .lf-preview-face--front .lf-preview-print-hero,.lf-preview[data-back-inks="1"] .lf-preview-face--back .lf-preview-print-hero{background:radial-gradient(55% 40% at 88% 18%,#ffffff24,#0000 70%),linear-gradient(135deg,#3f3f46 0%,#18181b 100%)}.lf-preview[data-front-inks="1"] .lf-preview-face--front .lf-preview-print-mark,.lf-preview[data-back-inks="1"] .lf-preview-face--back .lf-preview-print-mark{background:#ffffff24}.lf-preview[data-front-inks="1"] .lf-preview-face--front .lf-preview-print-bars,.lf-preview[data-back-inks="1"] .lf-preview-face--back .lf-preview-print-bars{background:repeating-linear-gradient(#ffffff59 0 22%,#ffffff0f 22% 40%)}.lf-preview-print-cmyk{z-index:2;gap:4px;margin:0;display:flex;position:absolute;bottom:4%;right:4%}.lf-preview-print-cmyk i{border-radius:50%;width:10px;height:10px;display:block;box-shadow:inset 0 0 0 1px #0000001f,0 0 0 1px #ffffff59}.lf-preview-print-cmyk .c{background:#00a3e0}.lf-preview-print-cmyk .m{background:#ec008c}.lf-preview-print-cmyk .y{background:#ffed00}.lf-preview-print-cmyk .k{background:#231f20}.lf-preview[data-front-inks="1"] .lf-preview-face--front .lf-preview-print-cmyk .c,.lf-preview[data-front-inks="1"] .lf-preview-face--front .lf-preview-print-cmyk .m,.lf-preview[data-front-inks="1"] .lf-preview-face--front .lf-preview-print-cmyk .y,.lf-preview[data-back-inks="1"] .lf-preview-face--back .lf-preview-print-cmyk .c,.lf-preview[data-back-inks="1"] .lf-preview-face--back .lf-preview-print-cmyk .m,.lf-preview[data-back-inks="1"] .lf-preview-face--back .lf-preview-print-cmyk .y{display:none}.lf-preview-lam{pointer-events:none;opacity:0;z-index:4;transition:opacity .3s;position:absolute;inset:0}.lf-preview[data-lam=gloss] .lf-preview-face--front .lf-preview-lam,.lf-preview[data-lam=matte] .lf-preview-face--front .lf-preview-lam,.lf-preview[data-lam=soft_touch] .lf-preview-face--front .lf-preview-lam,.lf-preview[data-lam-sides="1+1"][data-lam=gloss] .lf-preview-face--back .lf-preview-lam,.lf-preview[data-lam-sides="1+1"][data-lam=matte] .lf-preview-face--back .lf-preview-lam,.lf-preview[data-lam-sides="1+1"][data-lam=soft_touch] .lf-preview-face--back .lf-preview-lam{opacity:1}.lf-preview[data-lam=gloss] .lf-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 lf-gloss-sweep}.lf-preview[data-lam=matte] .lf-preview-lam{background:#f8fafc47;box-shadow:inset 0 0 40px #94a3b81f}.lf-preview[data-lam=soft_touch] .lf-preview-lam{-webkit-backdrop-filter:saturate(.85);backdrop-filter:saturate(.85);background:#64748b24;box-shadow:inset 0 0 30px #0f172a24}@keyframes lf-gloss-sweep{0%,to{background-position:0%}50%{background-position:100%}}.lf-preview-uv{pointer-events:none;opacity:0;z-index:5;background:0 0;transition:opacity .3s;position:absolute;inset:0}.lf-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 lf-uv-spot-shine;position:absolute;bottom:14%;left:10%;box-shadow:inset 0 0 0 1px #fffc,0 2px 12px #0f172a38}.lf-preview-uv:after{content:none;display:none}.lf-preview[data-uv="1+0"] .lf-preview-face--front .lf-preview-uv,.lf-preview[data-uv="1+1"] .lf-preview-face--front .lf-preview-uv,.lf-preview[data-uv="1+1"] .lf-preview-face--back .lf-preview-uv{opacity:1}@keyframes lf-uv-spot-shine{0%,to{background-position:-10%,0 0,0 0}50%{background-position:110%,0 0,0 0}}.lf-preview-foil{opacity:0;z-index:7;background:linear-gradient(110deg,#6b4e12 0%,#f8e7a0 18%,#c9a227 40%,#fff8d0 55%,#a67c1a 78%,#6b4e12 100%) 0 0/220% 100%;border-radius:2px;width:42%;height:10%;transition:opacity .3s;animation:2.4s linear infinite lf-foil-shine;position:absolute;top:11%;left:10%;box-shadow:0 1px 2px #00000059,inset 0 1px #ffffff73}.lf-preview-foil:after{content:"";background:#0000002e;border-radius:1px;height:22%;position:absolute;top:38%;left:12%;right:12%}.lf-preview[data-foil="1"] .lf-preview-face--front .lf-preview-foil,.lf-preview[data-foil=silver] .lf-preview-face--front .lf-preview-foil{opacity:1}.lf-preview[data-foil=silver] .lf-preview-foil{background:linear-gradient(110deg,#4b5563 0%,#f3f4f6 20%,#9ca3af 42%,#fff 58%,#6b7280 80%,#4b5563 100%) 0 0/220% 100%}@keyframes lf-foil-shine{0%{background-position:0%}to{background-position:220%}}.lf-preview-emboss{opacity:0;z-index:6;background:linear-gradient(145deg,#ffffff38,#0f172a0f);border-radius:6px;height:26%;transition:opacity .3s,transform .3s;position:absolute;top:32%;left:12%;right:12%;transform:translateZ(2px)scale(1);box-shadow:inset 3px 3px 5px #ffffffb3,inset -3px -3px 6px #0f172a59,0 3px 6px #0f172a29}.lf-preview-emboss:before{content:"";border-radius:3px;position:absolute;inset:22% 18%;box-shadow:inset 1px 1px 2px #ffffff80,inset -1px -1px 2px #0f172a40}.lf-preview[data-emboss="1"] .lf-preview-face--front .lf-preview-emboss{opacity:1}.lf-preview[data-emboss="1"] .lf-preview-face--back .lf-preview-emboss{opacity:1;background:linear-gradient(145deg,#0f172a14,#ffffff2e);box-shadow:inset -3px -3px 5px #ffffff8c,inset 3px 3px 6px #0f172a61,0 1px 2px #0f172a14}.lf-preview-side-tag{z-index:7;letter-spacing:.04em;text-transform:uppercase;color:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffb8;border-radius:999px;padding:2px 7px;font-size:.65rem;font-weight:600;position:absolute;bottom:8px;left:8px}.lf-preview-meta{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:flex-start;gap:8px;margin-top:2px;font-size:.85rem;display:flex}.lf-preview-meta-main{flex:1;min-width:0}.lf-preview-paper-meta{color:var(--ds-text-muted,#6b7280);margin-top:2px;font-size:.78rem;font-weight:600;line-height:1.25}.lf-preview-colors{color:var(--ds-text-muted,#6b7280);flex-shrink:0;font-weight:600}.lf-preview-chips{flex-wrap:wrap;gap:6px;min-height:22px;margin-top:10px;display:flex}.lf-preview-chip{border:1px solid var(--ds-separator,#e5e7eb);color:#334155;background:#fff;border-radius:999px;align-items:center;padding:3px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.lf-preview-chip.is-off{display:none}.lf-preview-chip[data-kind=paper]{color:#92400e;background:#fffbeb;border-color:#fcd34d}.lf-preview-chip[data-kind=lam]{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.lf-preview-chip[data-kind=uv]{color:#6d28d9;background:#f5f3ff;border-color:#c4b5fd}.lf-preview-chip[data-kind=foil]{color:#b45309;background:#fef3c7;border-color:#fbbf24}.lf-preview-chip[data-kind=emboss]{color:#475569;background:#f8fafc;border-color:#cbd5e1}.lf-preview-chip[data-kind=duplex]{color:#166534;background:#f0fdf4;border-color:#86efac}.lf-preview-hint{text-align:center}#lf-preview-flip .lf-flip-label-back,.lf-preview.is-flipped #lf-preview-flip .lf-flip-label-front{display:none}.lf-preview.is-flipped #lf-preview-flip .lf-flip-label-back{display:inline}@media (min-width:992px){.calc-client-layout--leaflet{grid-template-columns:minmax(0,1fr) minmax(280px,320px);align-items:start;gap:20px;display:grid}.lf-preview{order:0;grid-area:1/2;position:sticky;top:16px}.calc-client-layout--leaflet>.calc-client-form{grid-area:1/1}.lf-preview-stage{height:340px;min-height:340px}}@media (prefers-reduced-motion:reduce){.lf-preview-card,.lf-preview-card-slot,.lf-preview-lam,.lf-preview-uv,.lf-preview-foil{transition:none!important;animation:none!important}}.gp-preview-flip-btn{border:1px solid color-mix(in srgb, var(--foreground,#1a1816) 14%, transparent);background:color-mix(in srgb, var(--surface,#fff) 92%, #fff);width:100%;min-height:40px;color:inherit;cursor:pointer;border-radius:.75rem;margin-top:.5rem;font-size:.875rem;font-weight:500;transition:background .15s,border-color .15s;display:block}.gp-preview-flip-btn:hover{border-color:color-mix(in srgb, var(--accent,#be185d) 40%, transparent);background:color-mix(in srgb, var(--accent,#be185d) 8%, #fff)}.lf-preview-hint{color:#6b7280;margin:.5rem 0 0;font-size:.75rem}