.remix-design[data-astro-cid-pzgofw4w]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;aspect-ratio:4 / 5;overflow:hidden;border:1px solid #12363f12;border-radius:.65rem;background:#f4eee3;color:#12363f;container-type:inline-size}.design-heading[data-astro-cid-pzgofw4w]{padding:7.5% 7.5% 0}.design-eyebrow[data-astro-cid-pzgofw4w]{font-size:3.2cqi;font-weight:600;letter-spacing:.16em}.design-headline[data-astro-cid-pzgofw4w]{margin-top:4%;font-family:Georgia,Times New Roman,serif;font-size:9.4cqi;font-weight:500;line-height:1.08;letter-spacing:-.055em;white-space:pre-line}.design-image[data-astro-cid-pzgofw4w]{position:relative;display:flex;min-height:0;align-items:center;justify-content:center;margin:5% 7.5%;overflow:hidden;border-radius:.3rem;background:#e8dfd1}.design-image[data-astro-cid-pzgofw4w] .product-photo{width:94%;height:100%;object-fit:contain;mix-blend-mode:multiply}[data-astro-cid-pzgofw4w][data-design=template] .design-image[data-astro-cid-pzgofw4w]{background:#c4c4c4}[data-astro-cid-pzgofw4w][data-design=template] .design-image[data-astro-cid-pzgofw4w] .product-photo{height:128%;transform:translateY(-3%);mix-blend-mode:normal}.design-badge[data-astro-cid-pzgofw4w]{position:absolute;top:7%;right:6%;padding:2% 4%;border-radius:99px;background:#bf6034;color:#fff;font-size:3.7cqi;font-weight:600}.design-features[data-astro-cid-pzgofw4w]{display:grid;gap:2.6cqi;padding:1% 7.5% 7.5%}.design-features[data-astro-cid-pzgofw4w] li[data-astro-cid-pzgofw4w]{display:flex;align-items:center;gap:3%;font-size:4cqi;font-weight:500}.design-features[data-astro-cid-pzgofw4w] .design-check{width:5cqi;height:5cqi;flex-shrink:0;padding:.6cqi;border:1px solid currentColor;border-radius:50%}[data-astro-cid-pzgofw4w][data-detected-field]{outline:1px dashed transparent;outline-offset:3px;transition:outline-color .18s}[data-remix-step="2"] [data-astro-cid-pzgofw4w][data-design=template] [data-astro-cid-pzgofw4w][data-detected-field]{outline-color:#2563eb}@media(prefers-reduced-motion:reduce){[data-astro-cid-pzgofw4w][data-detected-field]{transition:none}}.remix-header[data-astro-cid-yhhkvzet]{display:grid;gap:1.5rem;align-items:end;margin-bottom:2.5rem}highlight-remix-demo[data-astro-cid-yhhkvzet]{display:block}.remix-example[data-astro-cid-yhhkvzet]{overflow:hidden;border:1px solid var(--border);border-radius:.9rem;background:var(--muted)}.example-caption[data-astro-cid-yhhkvzet]{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border);font-size:.8125rem;font-weight:500}.example-badge[data-astro-cid-yhhkvzet]{flex-shrink:0;color:var(--muted-foreground);font-size:.75rem;font-weight:400}.remix-equation[data-astro-cid-yhhkvzet]{display:grid;grid-template-columns:minmax(0,1fr) 1.25rem minmax(0,.8fr) 2.5rem minmax(0,1.15fr);align-items:center;gap:1.2rem;padding:2rem 2rem 1.5rem}.board-label[data-astro-cid-yhhkvzet]{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-bottom:.75rem;font-size:.875rem;font-weight:500}.board-frame[data-astro-cid-yhhkvzet]{border-radius:.75rem;outline:2px solid transparent;outline-offset:4px;transition:outline-color .18s,box-shadow .18s}.board-hint[data-astro-cid-yhhkvzet]{margin-top:.75rem;color:var(--muted-foreground);font-size:.75rem;text-align:center}.product-frame[data-astro-cid-yhhkvzet]{display:flex;align-items:center;justify-content:center;aspect-ratio:1;padding:.5rem;border:1px solid var(--border);background:#fff}.product-frame[data-astro-cid-yhhkvzet] img[data-astro-cid-yhhkvzet]{width:100%;height:auto}.remix-plus{width:1.25rem;height:1.25rem;color:var(--muted-foreground)}.remix-arrow[data-astro-cid-yhhkvzet]{display:flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:50%;background:var(--background);color:var(--primary)}[data-astro-cid-yhhkvzet][data-remix-step="1"] .remix-product[data-astro-cid-yhhkvzet] .board-frame[data-astro-cid-yhhkvzet],[data-astro-cid-yhhkvzet][data-remix-step="2"] .remix-template[data-astro-cid-yhhkvzet] .board-frame[data-astro-cid-yhhkvzet],[data-astro-cid-yhhkvzet][data-remix-step="3"] .remix-result[data-astro-cid-yhhkvzet] .board-frame[data-astro-cid-yhhkvzet]{outline-color:var(--primary);box-shadow:0 6px 24px -12px var(--primary)}.remix-status[data-astro-cid-yhhkvzet]{display:flex;min-height:3.25rem;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1rem;border-top:1px solid var(--border);background:var(--background);color:var(--muted-foreground);font-size:.8125rem}.remix-steps[data-astro-cid-yhhkvzet]{display:grid;gap:.75rem;margin-top:1.5rem}.remix-steps[data-astro-cid-yhhkvzet] button[data-astro-cid-yhhkvzet]{display:flex;width:100%;height:100%;gap:.75rem;padding:1rem;border-top:2px solid var(--border);border-radius:0 0 .5rem .5rem;text-align:left;cursor:pointer;transition:background .18s,border-color .18s}.remix-steps[data-astro-cid-yhhkvzet] button[data-astro-cid-yhhkvzet]:hover{background:var(--muted)}.remix-steps[data-astro-cid-yhhkvzet] button[data-astro-cid-yhhkvzet]:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.remix-steps[data-astro-cid-yhhkvzet] button[data-astro-cid-yhhkvzet][aria-pressed=true]{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 4%,var(--background))}.step-number[data-astro-cid-yhhkvzet]{padding-top:.1rem;color:var(--muted-foreground);font-size:.75rem;font-weight:600}[data-astro-cid-yhhkvzet][aria-pressed=true] .step-number[data-astro-cid-yhhkvzet]{color:var(--primary)}.step-copy[data-astro-cid-yhhkvzet]{display:grid;align-content:start;gap:.4rem}.step-title[data-astro-cid-yhhkvzet]{font-size:.875rem;font-weight:600;letter-spacing:-.015em}.step-body[data-astro-cid-yhhkvzet]{color:var(--muted-foreground);font-size:.8125rem;line-height:1.55}.remix-reuse[data-astro-cid-yhhkvzet]{display:flex;align-items:center;gap:.85rem;margin-top:1.75rem;padding-top:1.5rem;border-top:1px solid var(--border);font-size:.8125rem;line-height:1.7}.remix-reuse[data-astro-cid-yhhkvzet] strong[data-astro-cid-yhhkvzet]{font-weight:500}.remix-reuse[data-astro-cid-yhhkvzet] p[data-astro-cid-yhhkvzet] span[data-astro-cid-yhhkvzet]{color:var(--muted-foreground)}@media(min-width:768px){.remix-header[data-astro-cid-yhhkvzet]{grid-template-columns:1fr 1fr;gap:3rem}.remix-steps[data-astro-cid-yhhkvzet]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:767px){.remix-equation[data-astro-cid-yhhkvzet]{gap:.8rem;padding:1.5rem 1rem}}@media(max-width:639px){.example-caption[data-astro-cid-yhhkvzet]{padding:.85rem 1rem;font-size:.75rem}.remix-equation[data-astro-cid-yhhkvzet]{grid-template-columns:minmax(0,1fr) 1.5rem minmax(0,1fr);gap:1.25rem .5rem}.remix-template[data-astro-cid-yhhkvzet]{grid-column:1;grid-row:2}.remix-product[data-astro-cid-yhhkvzet]{grid-column:1 / -1;grid-row:1;display:grid;grid-template-columns:4.5rem 1fr;align-items:center;gap:0 1rem;width:fit-content;max-width:100%;margin:0 auto}.remix-product[data-astro-cid-yhhkvzet] .product-frame[data-astro-cid-yhhkvzet]{grid-column:1;grid-row:1 / 3}.remix-product[data-astro-cid-yhhkvzet] .board-label[data-astro-cid-yhhkvzet]{justify-content:start;align-self:end;margin-bottom:.15rem}.remix-product[data-astro-cid-yhhkvzet] .board-hint[data-astro-cid-yhhkvzet]{align-self:start;margin-top:0;text-align:left}.remix-result[data-astro-cid-yhhkvzet]{grid-column:3;grid-row:2}.remix-arrow[data-astro-cid-yhhkvzet]{grid-column:2;grid-row:2;width:1.5rem;height:1.5rem;border:0;background:transparent}.remix-plus{display:none}.board-label[data-astro-cid-yhhkvzet]{font-size:.75rem}.board-hint[data-astro-cid-yhhkvzet]{font-size:.6875rem;line-height:1.4}.remix-status[data-astro-cid-yhhkvzet]{font-size:.75rem}}@media(prefers-reduced-motion:reduce){.board-frame[data-astro-cid-yhhkvzet],.remix-steps[data-astro-cid-yhhkvzet] button[data-astro-cid-yhhkvzet]{transition:none}}