.showcase-browser.svelte-7wigyz{--case-color:#337557;--case-border:#c5e7d8;--case-surface:var(--mint)}.showcase-browser[data-level=intermediate].svelte-7wigyz{--case-color:var(--brand-dark);--case-border:#d7d1fa;--case-surface:var(--brand-soft)}.showcase-browser[data-level=advanced].svelte-7wigyz{--case-color:#a35849;--case-border:#f0cbbb;--case-surface:var(--peach)}.showcase-levels.svelte-7wigyz{flex-wrap:wrap;gap:.6rem;display:flex}.showcase-levels.svelte-7wigyz button:where(.svelte-7wigyz){border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:13px;align-items:center;gap:.75rem;padding:.8rem 1rem;font-size:.82rem;font-weight:650;transition:background .18s,border-color .18s;display:inline-flex}.showcase-levels.svelte-7wigyz small:where(.svelte-7wigyz){opacity:.75;font-size:.65rem}.showcase-levels.svelte-7wigyz button[data-level=simple]:where(.svelte-7wigyz){background:var(--mint);color:#337557;border-color:#c5e7d8}.showcase-levels.svelte-7wigyz button[data-level=intermediate]:where(.svelte-7wigyz){background:var(--brand-soft);color:var(--brand-dark);border-color:#d7d1fa}.showcase-levels.svelte-7wigyz button[data-level=advanced]:where(.svelte-7wigyz){background:var(--peach);color:#a35849;border-color:#f0cbbb}.showcase-levels.svelte-7wigyz button.active:where(.svelte-7wigyz){box-shadow:0 0 0 2px var(--case-color)}.showcase-levels.svelte-7wigyz button:where(.svelte-7wigyz):hover{border-color:#bbb5cf}.showcase-level-intro.svelte-7wigyz{margin:1.3rem 0 1.5rem}.showcase-level-description.svelte-7wigyz{color:#666276;margin:0 0 1rem;font-size:.85rem;line-height:1.6}.showcase-notes.svelte-7wigyz{border-top:1px solid var(--line);gap:.65rem;max-width:1050px;margin:0;padding-top:.85rem;display:grid}.showcase-note.svelte-7wigyz{grid-template-columns:145px minmax(0,1fr);align-items:baseline;gap:1.1rem;display:grid}.showcase-note.svelte-7wigyz dt:where(.svelte-7wigyz){color:#59556a;font-size:.67rem;font-weight:650;line-height:1.6}.showcase-note.svelte-7wigyz dd:where(.svelte-7wigyz){color:#767186;margin:0;font-size:.74rem;line-height:1.65}.showcase-note.svelte-7wigyz code:where(.svelte-7wigyz){font-size:inherit;white-space:nowrap}.showcase-count.svelte-7wigyz{color:var(--muted);margin-bottom:.85rem;font-size:.66rem}.showcase-grid.svelte-7wigyz{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1rem;display:grid}.showcase-card.svelte-7wigyz{border:1px solid var(--case-border);background:linear-gradient(145deg, #fff, var(--case-surface));border-radius:18px;min-width:0;overflow:hidden}summary.svelte-7wigyz{cursor:pointer;padding:1.15rem;list-style:none}summary.svelte-7wigyz::-webkit-details-marker{display:none}.showcase-card-meta.svelte-7wigyz{color:var(--case-color);justify-content:space-between;font-size:.62rem;display:flex}h2.svelte-7wigyz{letter-spacing:-.025em;margin:.7rem 0 .6rem;font-size:1.15rem;line-height:1.25}.showcase-preview.svelte-7wigyz{-webkit-line-clamp:3;line-clamp:3;color:#666276;-webkit-box-orient:vertical;margin:0;font-size:.81rem;line-height:1.55;display:-webkit-box;overflow:hidden}.showcase-action.svelte-7wigyz{color:var(--case-color);justify-content:space-between;align-items:center;gap:.5rem;margin-top:1rem;font-size:.72rem;font-weight:650;display:flex}.showcase-action.svelte-7wigyz>span:where(.svelte-7wigyz):last-child{font-size:1rem}.showcase-open-label.svelte-7wigyz,details[open].svelte-7wigyz .showcase-closed-label:where(.svelte-7wigyz){display:none}details[open].svelte-7wigyz .showcase-open-label:where(.svelte-7wigyz){display:inline}details[open].svelte-7wigyz .showcase-action:where(.svelte-7wigyz)>span:where(.svelte-7wigyz):last-child{transform:rotate(180deg)}summary.svelte-7wigyz:hover .showcase-action:where(.svelte-7wigyz){text-underline-offset:3px;text-decoration:underline}summary.svelte-7wigyz:focus-visible{outline:2px solid var(--case-color);outline-offset:-3px;border-radius:16px}.showcase-expanded.svelte-7wigyz{border-top:1px solid var(--case-border);gap:.85rem;margin:0 1.15rem;padding:1rem 0 1.15rem;display:grid}.showcase-request-heading.svelte-7wigyz{justify-content:space-between;align-items:center;gap:.5rem;display:flex}h3.svelte-7wigyz{margin:0;font-size:.73rem;font-weight:650}pre.svelte-7wigyz{border:1px solid var(--case-border);white-space:pre-wrap;overflow-wrap:anywhere;background:#ffffffd9;border-radius:12px;max-height:280px;margin:0;padding:.9rem;overflow:auto}code.svelte-7wigyz{color:var(--case-color);font-size:.72rem;line-height:1.65}.showcase-explanation.svelte-7wigyz p:where(.svelte-7wigyz){color:#666276;margin:.35rem 0 0;font-size:.8rem;line-height:1.6}button.svelte-7wigyz:focus-visible{outline:2px solid var(--case-color);outline-offset:3px}@media (width<=760px){.showcase-note.svelte-7wigyz{grid-template-columns:1fr;gap:.15rem}.showcase-notes.svelte-7wigyz{gap:.85rem}.showcase-grid.svelte-7wigyz{grid-template-columns:1fr}.showcase-levels.svelte-7wigyz{gap:.35rem}.showcase-levels.svelte-7wigyz button:where(.svelte-7wigyz){gap:.4rem;padding:.65rem .7rem;font-size:.72rem}}