.examples_page__uMmoV{--ex-ink:#0f172a;--ex-muted:#475569;--ex-faint:#64748b;--ex-bg:#ffffff;--ex-surface:#f8fafc;--ex-line:#e2e8f0;--ex-accent:#7c3aed;min-height:100vh;background:var(--ex-bg);color:var(--ex-ink);font-family:var(--font-hanken,ui-sans-serif,system-ui,sans-serif)}@media (prefers-color-scheme:dark){.examples_page__uMmoV{--ex-ink:#f1f5f9;--ex-muted:#cbd5e1;--ex-faint:#94a3b8;--ex-bg:#0b1120;--ex-surface:#111827;--ex-line:#1e293b;--ex-accent:#a78bfa}}.examples_inner__8Dic3{max-width:1160px;margin:0 auto;padding:44px 20px 72px}.examples_head__tIIGO{max-width:680px;margin-bottom:26px}.examples_h1__dK86j{margin:0;font-family:var(--font-cormorant,Georgia,serif);font-weight:500;font-size:clamp(30px,6vw,46px);line-height:1.08;letter-spacing:-.01em;text-wrap:balance}.examples_lede__JqLae{margin:14px 0 0;font-size:17px;line-height:1.55;color:var(--ex-muted);text-wrap:pretty}.examples_chips__IFZuR{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 30px;padding:0;list-style:none}.examples_chip__EK7PG{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--ex-line);background:var(--ex-surface);color:var(--ex-muted);font-size:14px;font-weight:500;text-decoration:none;transition:border-color .14s ease,color .14s ease}.examples_chip__EK7PG:hover,.examples_chip__EK7PG[aria-current=page]{border-color:var(--ex-accent);color:var(--ex-ink)}.examples_chip__EK7PG[aria-current=page]{font-weight:600}.examples_chipCount__1FaKW{font-variant-numeric:tabular-nums;font-size:12.5px;color:var(--ex-faint)}.examples_grid__HIUPc{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:22px}.examples_card__XKciH{display:flex;flex-direction:column;border-radius:14px;border:1px solid var(--ex-line);background:var(--ex-surface);overflow:hidden;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.examples_card__XKciH:hover{transform:translateY(-2px);border-color:var(--ex-accent);box-shadow:0 16px 34px rgb(15 23 42/.13)}.examples_shot__ikSQy{position:relative;display:block;aspect-ratio:4/5;background:linear-gradient(160deg,#ede9fe,#f8fafc);background-size:cover;background-position:top;background-repeat:no-repeat;text-decoration:none;transition:background-position 2.4s ease}.examples_card__XKciH:hover .examples_shot__ikSQy{background-position:bottom}@media (prefers-color-scheme:dark){.examples_shot__ikSQy{background:linear-gradient(160deg,#312e81,#0f172a);background-size:cover;background-position:top}}.examples_srOnly__ImH6P{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.examples_body__vlgH_{display:flex;flex-direction:column;gap:4px;padding:14px 15px 15px}.examples_name__AbUAZ{margin:0;font-size:15.5px;font-weight:600;line-height:1.3;color:var(--ex-ink)}.examples_meta__qlcbg{margin:0;font-size:13px;line-height:1.45;color:var(--ex-faint);font-variant-numeric:tabular-nums}.examples_make__GY5lh{display:inline-flex;align-items:center;gap:5px;min-height:40px;margin-top:6px;font-size:13.5px;font-weight:600;color:var(--ex-accent);text-decoration:none}.examples_make__GY5lh:hover{text-decoration:underline;text-underline-offset:3px}.examples_card__XKciH a:focus-visible,.examples_chip__EK7PG:focus-visible{outline:2px solid var(--ex-accent);outline-offset:2px}.examples_empty__bAscA{padding:56px 20px;border:1px dashed var(--ex-line);border-radius:14px;text-align:center;color:var(--ex-muted)}.examples_empty__bAscA p{margin:0 auto;max-width:46ch;font-size:15.5px;line-height:1.6}.examples_emptyCta__qs17B{justify-content:center;min-height:48px;margin-top:20px;padding:0 24px;border-radius:999px;background:var(--ex-accent);color:#fff;font-size:16px;font-weight:600}.examples_backLink__1_q2M,.examples_emptyCta__qs17B{display:inline-flex;align-items:center;text-decoration:none}.examples_backLink__1_q2M{gap:6px;min-height:44px;margin-bottom:8px;font-size:14.5px;font-weight:500;color:var(--ex-muted)}.examples_backLink__1_q2M:hover{color:var(--ex-ink);text-decoration:underline;text-underline-offset:3px}@media (prefers-reduced-motion:reduce){.examples_card__XKciH,.examples_chip__EK7PG,.examples_shot__ikSQy{transition:none}.examples_card__XKciH:hover{transform:none}.examples_card__XKciH:hover .examples_shot__ikSQy{background-position:top}}.TabScrollArrows_arrow__GXJza{position:absolute;top:50%;z-index:6;display:none;align-items:center;justify-content:center;width:var(--tsa-size,30px);height:var(--tsa-size,30px);padding:0;border-radius:999px;border:1px solid var(--tsa-border,rgba(0,0,0,.14));background:var(--tsa-bg,var(--menu-background-color,#ffffff));color:var(--tsa-glyph,var(--menu-title-color,var(--tsa-fg,currentColor)));box-shadow:var(--tsa-shadow,0 2px 10px rgba(0,0,0,.14));cursor:pointer;opacity:0;pointer-events:none;transform:translateY(-50%) scale(.86);transition:opacity .18s ease,transform .18s cubic-bezier(.34,1.4,.64,1),background-color .18s ease,border-color .18s ease}@media (hover:hover) and (pointer:fine){.TabScrollArrows_arrow__GXJza{display:inline-flex}}.TabScrollArrows_arrowVisible__HHpdu{opacity:1;pointer-events:auto;transform:translateY(-50%) scale(1)}.TabScrollArrows_arrowLeft__bErfn{left:var(--tsa-inset,4px)}.TabScrollArrows_arrowRight__AqUYX{right:var(--tsa-inset,4px)}.TabScrollArrows_arrowVisible__HHpdu:hover{background:var(--tsa-bg-hover,var(--tsa-bg,var(--menu-background-color,#ffffff)));border-color:var(--tsa-fg,currentColor);transform:translateY(-50%) scale(1.08)}.TabScrollArrows_arrowVisible__HHpdu:active{transform:translateY(-50%) scale(.94)}.TabScrollArrows_arrow__GXJza:focus-visible{outline:2px solid var(--tsa-ring,var(--tsa-fg,currentColor));outline-offset:2px}.TabScrollArrows_fade__v0_hL{position:absolute;top:0;bottom:0;z-index:5;width:var(--tsa-fade-width,78px);pointer-events:none;opacity:0;transition:opacity .18s ease}.TabScrollArrows_fadeVisible__pVz_K{opacity:1}.TabScrollArrows_fadeLeft__co7Mv{left:0;background:linear-gradient(to right,var(--tsa-fade,var(--menu-background-color,#ffffff)) 48%,transparent 100%)}.TabScrollArrows_fadeRight__uKsVh{right:0;background:linear-gradient(to left,var(--tsa-fade,var(--menu-background-color,#ffffff)) 48%,transparent 100%)}@media (prefers-reduced-motion:reduce){.TabScrollArrows_arrow__GXJza,.TabScrollArrows_fade__v0_hL{transition:none}.TabScrollArrows_arrowVisible__HHpdu:active,.TabScrollArrows_arrowVisible__HHpdu:hover{transform:translateY(-50%) scale(1)}}