.level-badge.svelte-1eq0bwj{color:var(--mint-ink);font:500 .62rem/1.4 var(--command-font);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:.45rem;display:inline-flex}.level-badge[data-level=intermediate].svelte-1eq0bwj{color:var(--brand-dark)}.level-badge[data-level=advanced].svelte-1eq0bwj{color:var(--coral-ink)}.level-badge.svelte-1eq0bwj>span:where(.svelte-1eq0bwj){background:currentColor;border-radius:2px;width:6px;height:6px}.showcase-browser.svelte-7wigyz{--case-color:var(--mint-ink);--case-surface:var(--surface-mint);scroll-margin-top:92px}.showcase-browser[data-level=intermediate].svelte-7wigyz{--case-color:var(--brand-dark);--case-surface:var(--surface-lavender)}.showcase-browser[data-level=advanced].svelte-7wigyz{--case-color:var(--coral-ink);--case-surface:var(--surface-coral)}.showcase-section-heading.svelte-7wigyz{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem 1rem;margin-bottom:1.25rem;display:flex}.showcase-notes-toggle.svelte-7wigyz{min-height:44px;color:var(--secondary-ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.75rem;padding:0;font-size:.72rem;display:inline-flex}.showcase-notes-toggle.svelte-7wigyz>span:where(.svelte-7wigyz):last-child{color:var(--brand);font-size:1.2rem}.showcase-notes-toggle.svelte-7wigyz:hover{color:var(--brand-dark)}.showcase-notes.svelte-7wigyz{grid-template-columns:minmax(0,1fr);margin:0 0 1.5rem;display:grid}.showcase-notes[hidden].svelte-7wigyz{display:none}.showcase-note.svelte-7wigyz{border-left:2px solid var(--editorial-border);padding-left:1rem}.showcase-note.svelte-7wigyz dt:where(.svelte-7wigyz){color:var(--secondary-ink);margin-bottom:.5rem;font-size:.66rem;font-weight:650}.showcase-note.svelte-7wigyz dd:where(.svelte-7wigyz){max-width:60ch;color:var(--reading-ink);margin:0;font-size:.8rem;line-height:1.7}.showcase-note.svelte-7wigyz code{font-size:inherit}.showcase-count.svelte-7wigyz{align-items:baseline;gap:.75rem;display:flex}.showcase-count.svelte-7wigyz h2:where(.svelte-7wigyz){letter-spacing:-.035em;margin:0;font-size:1.5rem;font-weight:650}.showcase-count.svelte-7wigyz>span:where(.svelte-7wigyz){color:var(--secondary-ink);white-space:nowrap;font-size:.75rem;line-height:1.5}.showcase-grid.svelte-7wigyz{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:1rem;display:grid}.showcase-card.svelte-7wigyz{border:1px solid var(--editorial-border);border-radius:var(--card-radius);background-color:color-mix(in srgb, var(--case-surface) 75%, white);min-width:0;transition:background-color var(--motion-duration) var(--motion-ease), border-color var(--motion-duration) var(--motion-ease);background-image:linear-gradient(145deg,#fff 8%,#fff0);scroll-margin-top:95px;overflow:hidden}.showcase-card.svelte-7wigyz:hover,.showcase-card.svelte-7wigyz:focus-within{background-color:var(--case-surface);border-color:color-mix(in srgb, var(--case-color) 45%, white)}.showcase-card-trigger.svelte-7wigyz{width:100%;height:100%;min-height:245px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;padding:1.5rem;display:flex}.showcase-card-meta.svelte-7wigyz{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.showcase-number.svelte-7wigyz{color:var(--case-color);font:1.2rem var(--command-font);letter-spacing:-.04em}.showcase-card-title.svelte-7wigyz{letter-spacing:-.04em;margin:1.4rem 0 .75rem;font-size:1.35rem;font-weight:650;line-height:1.2}.showcase-preview.svelte-7wigyz{-webkit-line-clamp:3;line-clamp:3;color:var(--reading-ink);-webkit-box-orient:vertical;margin:0 0 1.5rem;font-size:.84rem;line-height:1.65;display:-webkit-box;overflow:hidden}.showcase-card-bottom.svelte-7wigyz{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:auto;display:flex}.showcase-command-count.svelte-7wigyz{color:var(--secondary-ink);font:.6rem var(--command-font)}.showcase-action.svelte-7wigyz{min-height:44px;color:var(--case-color);align-items:center;gap:.75rem;font-size:.7rem;font-weight:650;display:inline-flex}.showcase-action.svelte-7wigyz>span:where(.svelte-7wigyz):last-child{transition:transform var(--motion-duration) var(--motion-ease);font-size:1.1rem}.showcase-card-trigger.svelte-7wigyz:hover .showcase-action:where(.svelte-7wigyz)>span:where(.svelte-7wigyz):last-child{transform:translate(3px)}.showcase-dialog.svelte-7wigyz{--case-color:var(--mint-ink);border:1px solid var(--editorial-border);border-radius:var(--panel-radius);background:var(--surface-white);width:min(1100px,100% - 3rem);max-width:none;height:min(800px,100dvh - 3rem);max-height:none;color:var(--ink);margin:auto;padding:0;overflow:hidden}.showcase-dialog[data-level=intermediate].svelte-7wigyz{--case-color:var(--brand-dark)}.showcase-dialog[data-level=advanced].svelte-7wigyz{--case-color:var(--coral-ink)}.showcase-dialog[open].svelte-7wigyz{grid-template-rows:auto minmax(0,1fr);display:grid}.showcase-dialog.svelte-7wigyz::backdrop{background:#23203373}.showcase-dialog-header.svelte-7wigyz{border-bottom:1px solid var(--editorial-border);background:var(--surface-white);justify-content:space-between;align-items:start;gap:1.5rem;padding:1.25rem 1.5rem;display:flex}.showcase-dialog-heading.svelte-7wigyz{min-width:0}.showcase-dialog-meta.svelte-7wigyz{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.6rem;display:flex}.showcase-dialog-meta.svelte-7wigyz>span:where(.svelte-7wigyz){color:var(--secondary-ink);font-size:.65rem}.showcase-dialog-heading.svelte-7wigyz h2:where(.svelte-7wigyz){letter-spacing:-.035em;margin:0;font-size:1.65rem;font-weight:650;line-height:1.2}.showcase-dialog-close.svelte-7wigyz{border:1px solid var(--editorial-border);border-radius:var(--control-radius);background:var(--surface-white);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;flex:none;justify-content:center;align-items:center;gap:.75rem;padding:.4rem .8rem;font-size:.75rem;display:inline-flex}.showcase-dialog-close.svelte-7wigyz>span:where(.svelte-7wigyz){color:var(--brand);font-size:1.3rem;line-height:1}.showcase-dialog-close.svelte-7wigyz:hover{border-color:var(--brand);background:var(--surface-lavender)}.showcase-dialog-content.svelte-7wigyz{overscroll-behavior:contain;min-height:0;padding:1.5rem;overflow-y:auto}.showcase-expanded.svelte-7wigyz{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-areas:"context prompt";gap:2.5rem;display:grid}.showcase-return.svelte-7wigyz{min-height:44px;color:var(--brand-dark);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.75rem;margin-top:2rem;padding:0;font-size:.78rem;display:inline-flex}.showcase-context.svelte-7wigyz{grid-area:context;align-content:start;gap:1.25rem;display:grid}.showcase-prompt.svelte-7wigyz{grid-area:prompt;min-width:0}.showcase-request-heading.svelte-7wigyz{border:1px solid var(--editorial-border);border-radius:var(--control-radius) var(--control-radius) 0 0;background:var(--surface-lavender);justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.showcase-request-heading.svelte-7wigyz .copy-button{min-height:44px}h4.svelte-7wigyz{color:var(--secondary-ink);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.62rem;font-weight:700}pre.svelte-7wigyz{border:1px solid var(--editorial-border);border-radius:0 0 var(--control-radius) var(--control-radius);background:var(--surface-lavender);white-space:pre-wrap;overflow-wrap:anywhere;border-top:0;margin:0;padding:1.25rem}pre.svelte-7wigyz code{font-size:.82rem;line-height:1.9}.showcase-explanation.svelte-7wigyz p:where(.svelte-7wigyz){color:var(--reading-ink);margin:.6rem 0 0;font-size:.86rem;line-height:1.75}.showcase-roles.svelte-7wigyz{gap:1rem;display:grid}.showcase-roles.svelte-7wigyz code{font-size:.74rem}.showcase-roles.svelte-7wigyz p:where(.svelte-7wigyz){color:var(--reading-ink);margin:.4rem 0 0;font-size:.8rem;line-height:1.7}.showcase-related.svelte-7wigyz{gap:.85rem;margin-top:1.25rem;display:grid}.showcase-related.svelte-7wigyz>div:where(.svelte-7wigyz){flex-wrap:wrap;gap:.6rem 1rem;display:flex}.showcase-related.svelte-7wigyz code{max-width:100%;font-size:.72rem;line-height:1.7}.showcase-related.svelte-7wigyz a{align-items:center;min-height:44px;display:inline-flex}.showcase-guide-link.svelte-7wigyz{border-top:1px solid var(--editorial-border);min-height:44px;color:var(--brand-dark);justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;font-size:.78rem;line-height:1.5;display:flex}a.svelte-7wigyz:focus-visible,button.svelte-7wigyz:focus-visible{outline:2px solid var(--brand);outline-offset:-3px}@media (width<=1100px){.showcase-grid.svelte-7wigyz{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.showcase-dialog.svelte-7wigyz{border:0;border-radius:0;width:100%;height:100dvh;margin:0}.showcase-dialog-header.svelte-7wigyz{gap:1rem;padding:1rem}.showcase-dialog-heading.svelte-7wigyz h2:where(.svelte-7wigyz){font-size:1.2rem}.showcase-dialog-content.svelte-7wigyz{padding:1.25rem}.showcase-browser.svelte-7wigyz,.showcase-card.svelte-7wigyz{scroll-margin-top:calc(var(--mobile-header-height,72px) + 12px)}.showcase-grid.svelte-7wigyz{grid-template-columns:1fr}.showcase-expanded.svelte-7wigyz{grid-template-columns:minmax(0,1fr);grid-template-areas:"prompt""context";gap:1.5rem}.showcase-notes.svelte-7wigyz{gap:1.25rem}}@media (width<=540px){.showcase-notes.svelte-7wigyz{grid-template-columns:1fr;margin:0 0 1.25rem}.showcase-card-trigger.svelte-7wigyz{min-height:230px;padding:1.25rem}.showcase-card-title.svelte-7wigyz{font-size:1.45rem}pre.svelte-7wigyz{padding:1rem}}.showcase-levels.svelte-1fcz5qf{grid-template-columns:repeat(3,minmax(0,1fr));align-self:start;gap:.75rem;min-width:0;display:grid}button.svelte-1fcz5qf{--level-color:var(--mint-ink);--level-accent:var(--level-color);--level-surface:var(--surface-mint);border:1px solid var(--editorial-border);border-radius:var(--card-radius);min-width:0;min-height:44px;color:var(--ink);background-color:color-mix(in srgb, var(--level-surface) 70%, white);text-align:left;cursor:pointer;transition:background-color var(--motion-duration) var(--motion-ease), border-color var(--motion-duration) var(--motion-ease);background-image:linear-gradient(145deg,#fff 8%,#fff0);align-content:start;gap:.7rem;padding:1rem;display:grid}button[data-level=intermediate].svelte-1fcz5qf{--level-color:var(--brand-dark);--level-surface:var(--surface-lavender)}button[data-level=advanced].svelte-1fcz5qf{--level-color:var(--coral-ink);--level-accent:var(--coral-accent);--level-surface:var(--surface-coral)}button.active.svelte-1fcz5qf{background-color:var(--level-surface);border-color:color-mix(in srgb, var(--level-color) 35%, white);box-shadow:inset 0 3px var(--level-accent)}button.svelte-1fcz5qf:hover{border-color:var(--level-color)}button.svelte-1fcz5qf:focus-visible{outline:2px solid var(--brand);outline-offset:-3px}.showcase-level-top.svelte-1fcz5qf,.showcase-level-title.svelte-1fcz5qf{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.showcase-level-count.svelte-1fcz5qf{color:var(--level-color);font:.7rem var(--command-font)}.showcase-level-title.svelte-1fcz5qf{letter-spacing:-.03em;font-size:1.05rem;font-weight:650}.showcase-level-title.svelte-1fcz5qf>span:where(.svelte-1fcz5qf){color:var(--level-color);font-size:1rem;font-weight:400}.showcase-level-description.svelte-1fcz5qf{color:var(--reading-ink);font-size:.76rem;line-height:1.65}@media (width<=760px){.showcase-levels.svelte-1fcz5qf{gap:.5rem}button.svelte-1fcz5qf{padding:.85rem}.showcase-level-title.svelte-1fcz5qf{font-size:.95rem}.showcase-level-description.svelte-1fcz5qf{font-size:.7rem}}@media (width<=540px){.showcase-levels.svelte-1fcz5qf{grid-template-columns:1fr}button.svelte-1fcz5qf{grid-template-columns:1fr auto;gap:.65rem 1rem;padding:1rem}.showcase-level-top.svelte-1fcz5qf{grid-column:1;justify-content:start;gap:.75rem}.showcase-level-title.svelte-1fcz5qf{grid-area:1/2;gap:.65rem;font-size:1rem}.showcase-level-description.svelte-1fcz5qf{grid-column:1/-1;font-size:.8rem}}
