.craft-root[data-astro-cid-uqiolull]{display:flex;flex-direction:column;width:100%;max-width:1128px;margin-inline:auto;padding-inline:1.5rem}@media(min-width:640px){.craft-root[data-astro-cid-uqiolull]{padding-inline:2rem}}@media(min-width:1024px){.craft-root[data-astro-cid-uqiolull]{padding-inline:3.5rem}}.craft-browser[data-astro-cid-uqiolull]{display:flex;flex-direction:column}.craft-chrome[data-astro-cid-uqiolull]{display:flex;align-items:flex-end;height:44px;padding:0 .5rem;background-color:transparent;flex-shrink:0;gap:0}.craft-tab-strip[data-astro-cid-uqiolull]{display:flex;align-items:flex-end;height:100%;overflow-x:auto;scrollbar-width:none}.craft-tab-strip[data-astro-cid-uqiolull]::-webkit-scrollbar{display:none}.craft-tab[data-astro-cid-uqiolull]{display:inline-flex;align-items:center;gap:.375rem;padding:0 .875rem;height:34px;background:oklch(from var(--background) calc(l + .02) c h);border:1px solid var(--border);border-bottom:none;border-radius:6px 6px 0 0;color:var(--muted-foreground);font-size:.75rem;font-family:inherit;white-space:nowrap;cursor:pointer;transition:color .15s,background-color .15s;position:relative;margin-right:2px}.craft-tab[data-astro-cid-uqiolull].is-active{background:var(--background);color:var(--foreground);border-color:var(--border)}.craft-tab[data-astro-cid-uqiolull].is-active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:var(--background)}.tab-favicon[data-astro-cid-uqiolull]{width:14px;height:14px;object-fit:contain;flex-shrink:0;border-radius:2px}.tab-title[data-astro-cid-uqiolull]{max-width:120px;overflow:hidden;text-overflow:ellipsis}.craft-viewport[data-astro-cid-uqiolull]{position:relative;background-color:var(--background);border:1px solid var(--border);border-radius:8px;overflow:hidden}.craft-panel[data-astro-cid-uqiolull]{display:none;flex-direction:column}.craft-panel[data-astro-cid-uqiolull].is-active{display:flex}.panel-header[data-astro-cid-uqiolull]{flex-shrink:0;border-bottom:1px solid var(--border)}.panel-header-inner[data-astro-cid-uqiolull]{display:flex;flex-direction:column;gap:.25rem;padding:.75rem 1.5rem}@media(min-width:640px){.panel-header-inner[data-astro-cid-uqiolull]{padding:.875rem 2rem}}.panel-title-row[data-astro-cid-uqiolull]{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.panel-name[data-astro-cid-uqiolull]{font-size:1rem;font-weight:600;letter-spacing:-.02em;line-height:1.2;margin:0;color:var(--foreground)}@media(min-width:640px){.panel-name[data-astro-cid-uqiolull]{font-size:1.125rem}}.panel-kind[data-astro-cid-uqiolull]{font-size:.6875rem;font-weight:400;color:var(--muted-foreground);white-space:nowrap;flex-shrink:0;text-align:right}.panel-note[data-astro-cid-uqiolull]{font-size:.75rem;line-height:1.55;color:var(--muted-foreground);margin:0;max-width:72ch}.panel-visual[data-astro-cid-uqiolull]{display:flex;align-items:center;justify-content:center;padding:1.5rem;height:56vh;background-color:oklch(from var(--background) calc(l - .02) c h);overflow:hidden;position:relative}@media(min-width:640px){.panel-visual[data-astro-cid-uqiolull]{padding:2rem 2.5rem}}@media(min-width:1024px){.panel-visual[data-astro-cid-uqiolull]{padding:2.5rem 4rem}}.panel-video[data-astro-cid-uqiolull]{max-width:100%;max-height:100%;width:auto;height:100%;border-radius:.75rem;display:block;object-fit:contain}.panel-slides[data-astro-cid-uqiolull]{width:100%;max-width:820px;position:relative;height:44vh}.panel-slide[data-astro-cid-uqiolull]{display:none}.panel-slide[data-astro-cid-uqiolull].is-active{display:flex;justify-content:center;align-items:center;height:100%}.slide-desktop-img[data-astro-cid-uqiolull]{width:100%;height:auto;max-height:50vh;object-fit:contain;display:block}.slide-phone-img[data-astro-cid-uqiolull]{height:min(52vh,400px);width:auto;border-radius:.75rem;box-shadow:0 12px 40px #00000073;display:block}.phone-spread[data-astro-cid-uqiolull]{display:flex;align-items:flex-end;justify-content:center;gap:1.25rem;width:100%}.phone-spread-img[data-astro-cid-uqiolull]{height:min(48vh,380px);width:auto;border-radius:1rem;box-shadow:0 16px 48px #0000002e;display:block;flex-shrink:0}.phone-spread-img[data-astro-cid-uqiolull]:nth-child(1){transform:translateY(.75rem)}.phone-spread-img[data-astro-cid-uqiolull]:nth-child(2){transform:translateY(-.5rem)}.phone-spread-img[data-astro-cid-uqiolull]:nth-child(3){transform:translateY(.75rem)}.side-by-side-wrap[data-astro-cid-uqiolull]{display:flex;align-items:center;justify-content:center;gap:1.5rem;width:100%;height:100%}.side-by-side-desktop[data-astro-cid-uqiolull]{height:min(52vh,420px);width:auto;border-radius:.5rem;box-shadow:0 16px 48px #0000002e;object-fit:contain;flex-shrink:1;max-width:72%}.side-by-side-mobile[data-astro-cid-uqiolull]{height:min(48vh,380px);width:auto;border-radius:1rem;box-shadow:0 16px 48px #0000002e;object-fit:contain;flex-shrink:0}.ba-wrap[data-astro-cid-uqiolull]{position:relative;width:100%;max-width:640px;aspect-ratio:5/4;max-height:100%;cursor:col-resize;user-select:none;touch-action:none;overflow:hidden;border-radius:.5rem}.ba-after[data-astro-cid-uqiolull],.ba-before[data-astro-cid-uqiolull]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center}.ba-before[data-astro-cid-uqiolull]{clip-path:inset(0 50% 0 0)}.ba-divider[data-astro-cid-uqiolull]{position:absolute;top:0;bottom:0;width:2px;background:#fff;transform:translate(-50%);pointer-events:none;box-shadow:0 0 8px #00000059}.ba-handle[data-astro-cid-uqiolull]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;background:#fff;color:#111;font-size:13px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000004d;pointer-events:none;cursor:col-resize}.ba-label[data-astro-cid-uqiolull]{position:absolute;top:50%;transform:translateY(-50%);font-size:.625rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.2rem .5rem;border-radius:.25rem;background:#ffffff1f;color:#ffffffbf;pointer-events:none;white-space:nowrap}.ba-label[data-astro-cid-uqiolull][hidden]{display:none}.ba-label-l[data-astro-cid-uqiolull]{left:0}.ba-label-r[data-astro-cid-uqiolull]{right:0}.slide-arrow[data-astro-cid-uqiolull]{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:transparent;color:#ffffffd9;font-size:1rem;cursor:pointer;transition:background-color .15s;user-select:none}.slide-arrow[data-astro-cid-uqiolull]:hover{background-color:#ffffff1f}.slide-prev[data-astro-cid-uqiolull]{left:-4.5rem}.slide-next[data-astro-cid-uqiolull]{right:-4.5rem}@media(max-width:640px){.slide-prev[data-astro-cid-uqiolull]{left:-1.5rem}.slide-next[data-astro-cid-uqiolull]{right:-1.5rem}}.slide-dots[data-astro-cid-uqiolull]{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:1.25rem;position:relative}.slide-dot[data-astro-cid-uqiolull]{width:.375rem;height:.375rem;border-radius:50%;border:none;background:#ffffff40;cursor:pointer;transition:background-color .2s,transform .2s;padding:0}.slide-dot[data-astro-cid-uqiolull].is-active{background:#ffffffe6;transform:scale(1.35)}