.products.svelte-1maubl9{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:100%}.product.svelte-1maubl9{display:grid;grid-template-rows:subgrid;grid-row:span 2;min-width:0;transition:transform .2s}.wps.svelte-1maubl9{z-index:1}h2.svelte-1maubl9{font-size:21px;line-height:1.3;font-weight:600;letter-spacing:-.5px;margin:0 0 5px;color:#111b31}h2.svelte-1maubl9 span:where(.svelte-1maubl9){color:#94a3b8}.product-label.svelte-1maubl9 p:where(.svelte-1maubl9){font-size:14px;line-height:1.6;color:#526980;margin:0}.standard-tag.svelte-1maubl9{display:inline-block;color:#075f95;background:#e5f3fc;border:1px solid #bfdff2;border-radius:4px;padding:0 5px;margin:1px 0;font-weight:600;line-height:1.45;white-space:nowrap}.preview-area.svelte-1maubl9{height:408px;background:#f2f6fa}.drawing.svelte-1maubl9{background:#fff}.drawing.svelte-1maubl9 video{filter:brightness(1.05)}.wps-preview.svelte-1maubl9{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:18px;padding:18px 14px 14px}.sheet.svelte-1maubl9{position:relative;justify-self:center;height:100%;max-height:290px;aspect-ratio:210 / 297;max-width:100%}.included-designer.svelte-1maubl9{display:flex;align-items:center;gap:11px;padding:10px;background:#fff;border:1px solid #b6dbef;border-radius:8px;box-shadow:0 3px 12px #203b5d0c}.included-thumbnail.svelte-1maubl9{width:49px;height:49px;flex-shrink:0;border:1px solid #d8e7f1;border-radius:4px;background:#f4f9fc;overflow:hidden}.included-thumbnail.svelte-1maubl9 img:where(.svelte-1maubl9){width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.included-copy.svelte-1maubl9{min-width:0;display:flex;flex-direction:column;gap:4px}.included-copy.svelte-1maubl9 strong:where(.svelte-1maubl9){font-size:14px;line-height:1.25;font-weight:600;color:#143c5e}.included-copy.svelte-1maubl9 span:where(.svelte-1maubl9){font-size:11px;line-height:1.4;color:#59738a}.included-check.svelte-1maubl9{margin-left:auto;color:#148dca;background:#eaf6fc;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;flex-shrink:0}.drawing-destination.svelte-1maubl9{position:absolute;left:6.8%;top:13.4%;width:57.5%;height:15.4%;border:1px solid #1496d299;border-radius:3px;background:#1496d20a;box-shadow:0 0 0 2px #ffffffb3;pointer-events:none}.drawing-transfer.svelte-1maubl9{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.transfer-route.svelte-1maubl9{fill:none;stroke-linecap:round;stroke-linejoin:round}.halo.svelte-1maubl9{stroke:#f2f6fa;stroke-width:6}.line.svelte-1maubl9{stroke:#1496d2;stroke-width:2}.drawing-transfer.svelte-1maubl9 circle:where(.svelte-1maubl9){fill:#fff;stroke:#1496d2;stroke-width:2}.products[data-active=designer].svelte-1maubl9 .designer:where(.svelte-1maubl9),.products[data-active=wps].svelte-1maubl9 .wps:where(.svelte-1maubl9){transform:translateY(-4px)}.products[data-active=designer].svelte-1maubl9 .designer:where(.svelte-1maubl9) .application-frame,.products[data-active=wps].svelte-1maubl9 .wps:where(.svelte-1maubl9) .application-frame{border-color:#1496d2;box-shadow:0 0 0 3px #1496d21a,0 17px 35px -22px #203b5d55}@media(min-width:1024px)and (max-width:1199px){.preview-area.svelte-1maubl9{height:370px}.sheet.svelte-1maubl9{max-height:246px}.included-designer.svelte-1maubl9{gap:8px;padding:8px}.included-thumbnail.svelte-1maubl9{width:35px;height:44px}.included-check.svelte-1maubl9{display:none}.included-copy.svelte-1maubl9 strong:where(.svelte-1maubl9){font-size:12px}.included-copy.svelte-1maubl9 span:where(.svelte-1maubl9){font-size:10px}}@media(max-width:539px){.products.svelte-1maubl9{grid-template-columns:1fr;row-gap:14px}.wps.svelte-1maubl9{margin-top:18px}.preview-area.svelte-1maubl9{height:370px}.sheet.svelte-1maubl9{max-height:253px}.included-thumbnail.svelte-1maubl9{width:43px;height:43px}.included-copy.svelte-1maubl9 strong:where(.svelte-1maubl9){font-size:13px}}@media(prefers-reduced-motion:reduce){.product.svelte-1maubl9{transition:none}}.hero-choices.svelte-6sv7pa{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hero-choices.svelte-6sv7pa a{font-size:16px;font-weight:700;padding-inline:15px;justify-content:space-between}@media(min-width:1024px)and (max-width:1199px),(max-width:539px){.hero-choices.svelte-6sv7pa{grid-template-columns:1fr}}
