.demo[data-v-c9c7729c]{background:var(--background);color:var(--foreground);padding-block:clamp(4rem,7vw,7rem);scroll-margin-top:6rem}.demo__container[data-v-c9c7729c]{margin-inline:auto;padding-inline:clamp(1.5rem,5vw,5rem);width:min(100%,86rem)}.demo__header[data-v-c9c7729c]{align-items:flex-end;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2.75rem}.demo__header h2[data-v-c9c7729c]{font-size:clamp(2.25rem,4vw,3.75rem);font-weight:500;letter-spacing:-.055em;line-height:1.08;margin:0}.demo__header h2 span[data-v-c9c7729c],.demo__header>p[data-v-c9c7729c]{color:var(--muted-foreground)}.demo__header>p[data-v-c9c7729c]{font-size:.9rem;line-height:1.7;margin:0;max-width:24rem}.demo__browser[data-v-c9c7729c]{background:#fff;border:1px solid #d8d7d2;border-radius:.85rem;box-shadow:0 24px 60px -32px #17171738;overflow:hidden}.demo__chrome[data-v-c9c7729c]{align-items:center;background:#eae9e5;border-bottom:1px solid #d8d7d2;display:grid;gap:1rem;grid-template-columns:1fr auto 1fr;min-height:3.1rem;padding:.6rem clamp(1rem,2.5vw,1.35rem)}.demo__window-dots[data-v-c9c7729c]{align-items:center;display:flex;gap:.55rem;justify-self:start;padding-inline:.15rem 0;width:-moz-fit-content;width:fit-content}.demo__window-dots i[data-v-c9c7729c]{border-radius:50%;height:.72rem;width:.72rem}.demo__window-dots i[data-v-c9c7729c]:first-child{background:#ff5f57}.demo__window-dots i[data-v-c9c7729c]:nth-child(2){background:#febc2e}.demo__window-dots i[data-v-c9c7729c]:nth-child(3){background:#28c840}.demo__address[data-v-c9c7729c]{align-items:center;background:#f7f7f4;border:1px solid #dfded8;border-radius:.35rem;box-sizing:border-box;color:#62625c;display:flex;font-size:.65rem;gap:.5rem;justify-content:center;justify-self:center;max-width:min(24rem,100%);min-height:1.75rem;padding:.35rem .85rem}.demo__chrome-spacer[data-v-c9c7729c]{display:block}.demo__address svg[data-v-c9c7729c]{height:.8rem;width:.8rem}.demo__app[data-v-c9c7729c]{--demo-bar-padding-inline:1.5rem;--demo-bar-min-height:3.375rem;display:grid;grid-template-columns:13.5rem minmax(0,1fr)}.demo__sidebar[data-v-c9c7729c]{background:#171819;color:#f6f5ef;display:flex;flex-direction:column;overflow:visible;padding:0 .85rem 1rem}.demo__app.demo__app--single[data-v-c9c7729c]{grid-template-columns:minmax(0,1fr)}.demo__brand[data-v-c9c7729c]{align-items:center;border-bottom:1px solid #2b2c2e;box-sizing:border-box;display:flex;gap:.45rem;justify-content:flex-start;margin-inline:-.85rem;min-height:var(--demo-bar-min-height);overflow:visible;padding-inline:var(--demo-bar-padding-inline)}.demo__brand-mark[data-v-c9c7729c]{display:block;flex:0 0 1.35rem;height:1.35rem;overflow:visible;width:1.35rem}.demo__brand-text[data-v-c9c7729c]{display:block;flex:1 1 auto;height:.72rem;max-width:100%;min-width:0;overflow:visible;width:auto}.demo__group[data-v-c9c7729c]{margin-top:1.65rem}.demo__group-label[data-v-c9c7729c]{color:#a3a5a7;font-size:.56rem;font-weight:500;letter-spacing:.1em;margin:0 0 .65rem;padding-inline:.65rem;text-transform:uppercase}.demo__choice[data-v-c9c7729c]{--button-hover-bg:#2b2c2f;--button-hover-fg:#fff;border-radius:.35rem;color:#c4c6c8;display:flex;font-size:.75rem;justify-content:space-between;margin-top:.25rem;min-height:2.6rem;padding:.65rem .7rem;text-align:left;width:100%}.demo__choice[aria-pressed=true][data-v-c9c7729c]{background:#343538;border-color:#48494b;color:#fff}.demo__choice-mark[data-v-c9c7729c]{color:#989b9e}.demo__choice[aria-pressed=true] .demo__choice-mark[data-v-c9c7729c]{color:#fff}.demo__sidebar-footer[data-v-c9c7729c]{align-items:center;color:#adafb2;display:flex;font-size:.56rem;gap:.45rem;line-height:1.5;margin-top:auto;padding:2rem .6rem 0}.demo__status-dot[data-v-c9c7729c]{background:#8dba9b;border-radius:50%;flex-shrink:0;height:.35rem;width:.35rem}.demo__workspace[data-v-c9c7729c]{display:flex;flex-direction:column;min-width:0}.demo__toolbar[data-v-c9c7729c]{align-items:center;border-bottom:1px solid #e9e9e5;box-sizing:border-box;color:#74746c;display:flex;font-size:.65rem;gap:1rem;justify-content:space-between;min-height:var(--demo-bar-min-height);padding-inline:var(--demo-bar-padding-inline)}.demo__toolbar strong[data-v-c9c7729c]{color:#292a27;font-weight:500}.demo__toolbar>span>span[data-v-c9c7729c]{color:#b3b3ac;margin-inline:.5rem}.demo__toolbar-note[data-v-c9c7729c]{font-size:.6rem}.demo__workarea[data-v-c9c7729c]{align-items:start;display:grid;flex:1;gap:1.75rem;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);padding:1.5rem}.demo__preview-column[data-v-c9c7729c]{min-width:0}.demo__portrait[data-v-c9c7729c]{aspect-ratio:3/4;background:#e8e5de;border-radius:.5rem;overflow:hidden;position:relative}.demo__portrait>img[data-v-c9c7729c]{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.demo__preview-caption[data-v-c9c7729c]{background:linear-gradient(transparent,#151615b8);color:#fff;display:flex;flex-direction:column;font-size:.9rem;font-weight:500;gap:.35rem;inset:auto 0 0;padding:3rem 1rem 1rem;position:absolute}.demo__preview-caption>span+span[data-v-c9c7729c]{color:#eeeee9;font-size:.62rem;font-weight:400}.demo__inspector[data-v-c9c7729c]{display:flex;flex-direction:column;min-height:100%;min-width:0}.demo__eyebrow[data-v-c9c7729c]{color:var(--muted-foreground);font-size:.58rem;letter-spacing:.09em;margin:0 0 .65rem;text-transform:uppercase}.demo__copy h3[data-v-c9c7729c]{font-size:clamp(1.35rem,1.9vw,1.8rem);font-weight:500;letter-spacing:-.04em;line-height:1.14;margin:0 0 .7rem}.demo__description[data-v-c9c7729c]{color:var(--muted-foreground);font-size:.75rem;line-height:1.65;margin:0}.demo__catalog[data-v-c9c7729c]{margin-top:1.4rem}.demo__catalog-heading[data-v-c9c7729c]{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.demo__catalog-heading h4[data-v-c9c7729c]{font-size:.75rem;font-weight:500;margin:0}.demo__catalog-heading>span[data-v-c9c7729c]{color:var(--muted-foreground);font-size:.6rem}.demo__products[data-v-c9c7729c]{display:grid;gap:.45rem;grid-template-columns:repeat(3,minmax(0,1fr))}.demo__product[data-v-c9c7729c]{background:#fafaf8;border:1px solid #e5e5df;border-radius:.35rem;display:flex;flex-direction:column;gap:.25rem;justify-content:flex-start;min-width:0;padding:.3rem;position:relative}.demo__product img[data-v-c9c7729c]{aspect-ratio:1.2;border-radius:.2rem;display:block;height:auto;mix-blend-mode:multiply;-o-object-fit:contain;object-fit:contain;width:100%}.demo__product-name[data-v-c9c7729c]{display:block;font-size:.55rem;font-weight:400;line-height:1.3;padding:.2rem 0}.demo__product[aria-pressed=true][data-v-c9c7729c]{background:#f1f1ec;border-color:#30312c;box-shadow:inset 0 0 0 1px #30312c}.demo__product-check[data-v-c9c7729c]{background:#242520;border-radius:50%;color:#fff;display:grid;font-size:.55rem;height:.9rem;place-items:center;position:absolute;right:.3rem;top:.3rem;width:.9rem}.demo__selected-product[data-v-c9c7729c]{color:var(--muted-foreground);display:flex;flex-direction:column;font-size:.65rem;gap:.25rem;padding:.9rem 0 0}.demo__selected-product>span[data-v-c9c7729c]:first-child{font-size:.55rem;letter-spacing:.07em;text-transform:uppercase}.demo__selected-product strong[data-v-c9c7729c]{color:var(--foreground);font-size:.85rem;font-weight:500}.demo__preparation[data-v-c9c7729c]{background:#f7f7f3;border:1px solid #e5e5df;border-radius:.5rem;margin-top:1.75rem;padding:1.25rem}.demo__preparation-icon[data-v-c9c7729c]{background:#fff;border:1px solid #dcdcd3;border-radius:.5rem;display:grid;height:2.5rem;margin-bottom:1rem;place-items:center;width:2.5rem}.demo__preparation-icon svg[data-v-c9c7729c]{height:1.5rem;width:1.5rem}.demo__preparation h4[data-v-c9c7729c]{font-size:.85rem;font-weight:500;margin:0 0 .5rem}.demo__preparation p[data-v-c9c7729c]{color:var(--muted-foreground);font-size:.75rem;line-height:1.6;margin:0}.demo__preparation a[data-v-c9c7729c]{color:var(--foreground);display:block;font-size:.7rem;margin-top:.85rem;text-underline-offset:.2rem}.demo__actions[data-v-c9c7729c]{margin-top:auto;padding-top:1.4rem}.demo__launch[data-v-c9c7729c]{border-radius:.35rem;display:flex;font-size:.8rem;justify-content:space-between;min-height:2.8rem;padding-inline:1rem;width:100%}.demo__hint[data-v-c9c7729c]{color:var(--muted-foreground);font-size:.6rem;line-height:1.6;margin:.7rem 0 0}.demo__details[data-v-c9c7729c]{color:var(--foreground);display:block;font-size:.65rem;margin-top:.8rem;text-underline-offset:.25rem;width:-moz-fit-content;width:fit-content}.demo__mobile-choices[data-v-c9c7729c]{display:none}a[data-v-c9c7729c]:focus-visible,button[data-v-c9c7729c]:focus-visible,select[data-v-c9c7729c]:focus-visible{outline:2px solid currentColor;outline-offset:3px}.demo-image-enter-active[data-v-c9c7729c],.demo-image-leave-active[data-v-c9c7729c]{transition:opacity .2s ease}.demo-image-enter-from[data-v-c9c7729c],.demo-image-leave-to[data-v-c9c7729c]{opacity:0}@media(max-width:1150px){.demo__app[data-v-c9c7729c]{--demo-bar-padding-inline:1rem;grid-template-columns:12.75rem minmax(0,1fr)}.demo__workarea[data-v-c9c7729c]{gap:1rem;padding:1.2rem}.demo__toolbar-note[data-v-c9c7729c]{display:none}}@media(max-width:950px){.demo__app[data-v-c9c7729c]{grid-template-columns:1fr}.demo__sidebar[data-v-c9c7729c]{padding:1rem 1.25rem}.demo__brand[data-v-c9c7729c],.demo__desktop-choices[data-v-c9c7729c],.demo__sidebar-footer[data-v-c9c7729c]{display:none}.demo__mobile-choices[data-v-c9c7729c]{align-items:center;display:flex;gap:1rem}.demo__mobile-choices label[data-v-c9c7729c]{font-size:.75rem}.demo__mobile-choices select[data-v-c9c7729c]{background:#292a2d;border:1px solid #4b4c4e;border-radius:.35rem;color:#fff;color-scheme:dark;flex:1;font:inherit;font-size:.8rem;min-height:2.75rem;min-width:0;padding:.6rem}}@media(max-width:600px){.demo__header[data-v-c9c7729c]{display:block;margin-bottom:1.75rem}.demo__header>p[data-v-c9c7729c]{margin-top:1.25rem;max-width:none}.demo__chrome[data-v-c9c7729c]{gap:.75rem;gap:.65rem;padding:.6rem .75rem}.demo__address[data-v-c9c7729c]{font-size:.58rem}.demo__mobile-choices[data-v-c9c7729c]{display:block}.demo__mobile-choices label[data-v-c9c7729c]{color:#c2c3c5;display:block;font-size:.65rem;margin-bottom:.5rem}.demo__mobile-choices select[data-v-c9c7729c]{width:100%}.demo__toolbar[data-v-c9c7729c]{font-size:.6rem;min-height:3.25rem;padding-inline:1.1rem}.demo__workarea[data-v-c9c7729c]{gap:1.5rem;grid-template-columns:1fr;padding:1.1rem}.demo__portrait[data-v-c9c7729c]{margin-inline:auto;max-width:23rem}.demo__copy h3[data-v-c9c7729c]{font-size:1.65rem}.demo__product-name[data-v-c9c7729c]{font-size:.6rem}}@media(prefers-reduced-motion:reduce){.demo-image-enter-active[data-v-c9c7729c],.demo-image-leave-active[data-v-c9c7729c]{transition:none}}