.showcase{max-width:1280px;margin:0 auto;padding:var(--space-10) var(--space-8);display:flex;flex-direction:column;gap:var(--space-8);color:var(--rmos-text-1);font-family:var(--font-sans)}@media (max-width:900px){.showcase{padding:var(--space-6);gap:var(--space-6)}}.showcase__hero{position:relative;display:flex;isolation:isolate;padding-block:var(--space-12) var(--space-6);margin-block-end:var(--space-2)}@media (min-width:1024px){.showcase__hero{padding-block-start:var(--space-16)}}.showcase__hero-aura{z-index:-1;inset:-64px -25%}.showcase__hero-content{position:relative;display:flex;flex-direction:column;gap:var(--space-3);width:100%}.showcase__plaque{font-size:var(--text-xs-size);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);color:var(--rmos-text-3)}.showcase__heading{margin:0;max-width:22ch}.showcase__lede{margin:0;color:var(--rmos-text-2);font-size:var(--text-md-size);max-width:60ch}.showcase__bar{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.showcase__mode-toggle{appearance:none;font:inherit;font-size:var(--text-sm-size);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--rmos-border-2);background:var(--rmos-surface-1);color:var(--rmos-text-1);cursor:pointer;transition:background-color var(--motion-duration-fast) var(--motion-easing-standard)}.showcase__mode-toggle:hover{background:var(--rmos-surface-2)}.showcase__mode-toggle[aria-pressed=true]{background:var(--rmos-accent-orange);color:var(--rmos-text-inv);border-color:transparent}.showcase__search{flex:1 1 280px;min-width:220px;appearance:none;font:inherit;font-size:var(--text-md-size);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--rmos-border-1);background:var(--rmos-surface-1);color:var(--rmos-text-1)}.showcase__search:focus-visible{outline:2px solid var(--rmos-focus-ring);outline-offset:2px;border-color:transparent}.showcase__sort{display:inline-flex;border-radius:var(--radius-md);border:1px solid var(--rmos-border-1);background:var(--rmos-surface-1);padding:2px}.showcase__sort-btn{appearance:none;font:inherit;font-size:var(--text-sm-size);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);border:0;background:transparent;color:var(--rmos-text-2);cursor:pointer;transition:color var(--motion-duration-fast) var(--motion-easing-standard)}.showcase__sort-btn:hover{color:var(--rmos-text-1)}.showcase__sort-btn--active{background:var(--rmos-surface-0);color:var(--rmos-text-1);font-weight:500}.showcase__agent-hint{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--rmos-surface-1);border:1px solid var(--rmos-border-1);border-radius:var(--radius-md);font-size:var(--text-sm-size)}.showcase__agent-hint,.showcase__agent-hint-lead{color:var(--rmos-text-2)}.showcase__agent-suggestions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.showcase__agent-suggestion{appearance:none;font:inherit;font-size:var(--text-sm-size);padding:2px var(--space-3);border-radius:var(--radius-full);border:1px solid var(--rmos-border-1);background:var(--rmos-surface-0);color:var(--rmos-text-2);cursor:pointer;transition:background-color var(--motion-duration-fast) var(--motion-easing-standard),color var(--motion-duration-fast) var(--motion-easing-standard)}.showcase__agent-suggestion:hover{background:var(--rmos-surface-2);color:var(--rmos-text-1);border-color:var(--rmos-border-2)}.showcase__agent-suggestion:focus-visible{outline:2px solid var(--rmos-focus-ring);outline-offset:2px}.showcase__agent-answer{display:flex;flex-direction:column;gap:var(--space-6)}.showcase__agent-answer-lead{margin:0;font-size:var(--text-md-size);color:var(--rmos-text-1);max-width:64ch}.showcase__agent-groups{display:flex;flex-direction:column;gap:var(--space-10)}.showcase__agent-group{display:flex;flex-direction:column;gap:var(--space-4)}.showcase__agent-group-head{display:flex;align-items:baseline;gap:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--rmos-border-1)}.showcase__agent-group-title{margin:0;font-size:var(--text-lg-size);line-height:var(--text-lg-line);font-weight:600;color:var(--rmos-text-1);letter-spacing:-.01em}.showcase__agent-group-subtitle{font-size:var(--text-xs-size);color:var(--rmos-text-3);text-transform:uppercase;letter-spacing:var(--tracking-label)}.showcase__agent-group-empty{margin:0;font-size:var(--text-sm-size);color:var(--rmos-text-3)}.showcase__filters{display:flex;flex-direction:column;gap:var(--space-3)}.showcase__filter-row{display:flex;gap:var(--space-3);align-items:baseline;flex-wrap:wrap}.showcase__filter-label{font-size:var(--text-xs-size);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--rmos-text-3);min-width:56px}.showcase__filter-chips{display:flex;gap:var(--space-2);flex-wrap:wrap}.showcase__chip{appearance:none;font:inherit;font-size:var(--text-sm-size);padding:2px var(--space-3);border-radius:var(--radius-full);border:1px solid var(--rmos-border-1);background:transparent;color:var(--rmos-text-2);cursor:pointer;transition:background-color var(--motion-duration-fast) var(--motion-easing-standard)}.showcase__chip:hover{background:var(--rmos-surface-1);color:var(--rmos-text-1)}.showcase__chip:focus-visible{outline:2px solid var(--rmos-focus-ring);outline-offset:2px}.showcase__chip--active{background:var(--rmos-surface-2);color:var(--rmos-text-1);border-color:var(--rmos-border-2)}.showcase__clear{align-self:flex-start;appearance:none;font:inherit;font-size:var(--text-sm-size);padding:var(--space-1) 0;border:0;background:transparent;color:var(--rmos-text-3);cursor:pointer;text-decoration:underline}.showcase__clear:hover{color:var(--rmos-text-1)}.showcase__empty{padding:var(--space-12) var(--space-6);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2);border:1px dashed var(--rmos-border-1);border-radius:var(--radius-lg);color:var(--rmos-text-2)}.showcase__empty-title{font-size:var(--text-lg-size);font-weight:600;color:var(--rmos-text-1)}.showcase__empty-help{font-size:var(--text-sm-size);max-width:48ch}.showcase__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-6)}.showcase__cell,.showcase__cell-link{display:flex;flex-direction:column;gap:var(--space-3)}.showcase__cell-link{width:100%;text-decoration:none;color:inherit;border-radius:var(--radius-md)}.showcase__cell-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.showcase__cell-actions{flex-wrap:wrap;justify-content:flex-end}.showcase__cell-actions,.showcase__cell-author{display:inline-flex;align-items:center;gap:var(--space-2)}.showcase__cell-author{min-width:0;font-size:var(--text-sm-size);color:var(--rmos-text-2)}.showcase__cell-author-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.showcase__cell-dot,.showcase__cell-when{color:var(--rmos-text-3)}.showcase__cell-when{font-size:var(--text-xs-size)}.showcase__cell-link:focus-visible{outline:2px solid var(--rmos-focus-ring);outline-offset:2px}.showcase__meta{display:flex;gap:var(--space-3);flex-wrap:wrap;font-size:var(--text-xs-size);color:var(--rmos-text-3)}.showcase__meta-item--accent{color:var(--rmos-accent-orange)}.showcase__tags{display:flex;gap:var(--space-2);flex-wrap:wrap}.showcase__tag{font-size:var(--text-xs-size);padding:1px var(--space-2);color:var(--rmos-text-3)}.showcase__kudo,.showcase__tag{border-radius:var(--radius-full);background:var(--rmos-surface-1);border:1px solid var(--rmos-border-1)}.showcase__kudo{appearance:none;display:inline-flex;align-items:center;gap:var(--space-2);padding:4px var(--space-3);color:var(--rmos-text-2);font:inherit;font-size:var(--text-sm-size);cursor:pointer;transition:background-color var(--motion-duration-fast) var(--motion-easing-standard),border-color var(--motion-duration-fast) var(--motion-easing-standard),color var(--motion-duration-fast) var(--motion-easing-standard),transform var(--motion-duration-fast) var(--motion-easing-standard)}.showcase__kudo:hover:not(:disabled){background:var(--rmos-surface-2);color:var(--rmos-text-1);border-color:var(--rmos-border-2)}.showcase__kudo:active:not(:disabled){transform:scale(.97)}.showcase__kudo:focus-visible{outline:2px solid var(--rmos-focus-ring);outline-offset:2px}.showcase__kudo-count{font-variant-numeric:tabular-nums;transition:color var(--motion-duration-fast) var(--motion-easing-standard)}.showcase__kudo--given{background:var(--rmos-surface-1);color:var(--rmos-text-1);border-color:var(--rmos-accent-green-dim);cursor:default}.showcase__kudo--given:disabled{opacity:1}.showcase__kudo--given>:first-child{color:var(--rmos-accent-green)}@media (prefers-reduced-motion:reduce){.showcase__kudo{transition:none}.showcase__kudo:active:not(:disabled){transform:none}}.showcase__use{gap:var(--space-2)}.showcase__use,.showcase__use-btn{display:inline-flex;align-items:center}.showcase__use-btn{appearance:none;padding:4px var(--space-3);border-radius:var(--radius-full);border:1px solid var(--rmos-accent-orange);background:transparent;color:var(--rmos-accent-orange);font:inherit;font-size:var(--text-sm-size);font-weight:500;cursor:pointer;transition:background-color var(--motion-duration-fast) var(--motion-easing-standard),color var(--motion-duration-fast) var(--motion-easing-standard),transform var(--motion-duration-fast) var(--motion-easing-standard)}.showcase__use-btn:hover:not(:disabled){background:var(--rmos-accent-orange);color:var(--rmos-text-inv)}.showcase__use-btn:active:not(:disabled){transform:scale(.97)}.showcase__use-btn:focus-visible{outline:2px solid var(--rmos-focus-ring);outline-offset:2px}.showcase__use-btn:disabled{opacity:.6;cursor:progress}.showcase__use-count{font-size:var(--text-xs-size);color:var(--rmos-text-3);font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){.showcase__use-btn{transition:none}.showcase__use-btn:active:not(:disabled){transform:none}}