.bun-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.bun-media-card{display:flex;flex-direction:column;min-width:0;padding:0}.bun-media-preview{aspect-ratio:16/9;display:grid;overflow:hidden;background:var(--fw-bun-14-color-canvas);border-bottom:1px solid var(--fw-bun-14-color-border);place-items: center}.bun-media-preview img,.bun-media-preview video{display:block;object-fit:contain;width:100%;height:100%}.bun-media-preview video{background:var(--fw-bun-14-color-canvas)}.bun-media-placeholder{text-align:center;color:var(--fw-bun-14-color-text-muted);font:600 11px/1.5 var(--font-mono,ui-monospace,monospace);padding:20px}.bun-media-body{display:grid;gap:8px;padding:14px}.bun-media-title{margin:0;font-size:14px;line-height:1.3}.bun-media-caption{color:var(--fw-bun-14-color-text-muted);margin:0;font-size:12px;line-height:1.45}.bun-media-meta,.bun-media-links{display:flex;color:var(--fw-bun-14-color-text-muted);flex-wrap:wrap;align-items: center;gap:6px 10px;font-size:11px}.bun-media-links a{font-family:var(--font-mono,ui-monospace,monospace)}.bun-media-fallback{display:none;color:var(--fw-bun-14-color-text-muted);text-align:center;padding:18px;font-size:12px}.bun-media-card.is-fallback .bun-media-fallback,.bun-media-card.is-reduced-motion .bun-media-fallback{display:block}.bun-capability-badge{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.bun-video-facade{color:var(--fw-bun-14-color-text);background:var(--fw-bun-14-color-surface);cursor:pointer;position:relative;border:0;width:100%;height:100%;min-height:150px;padding:0}.bun-video-facade:before{content:"▶";display:grid;border:1px solid var(--fw-bun-14-color-accent);color:var(--fw-bun-14-color-accent);border-radius:50%;place-items: center;width:48px;height:48px;margin:auto;font-size:18px}.bun-video-facade:hover{background:color-mix(in srgb,var(--fw-bun-14-color-accent)10%,var(--fw-bun-14-color-surface));outline:2px solid var(--fw-bun-14-color-focus-ring);outline-offset:-2px}.bun-video-facade:focus-visible{background:color-mix(in srgb,var(--fw-bun-14-color-accent)10%,var(--fw-bun-14-color-surface));outline:2px solid var(--fw-bun-14-color-focus-ring);outline-offset:-2px}.bun-youtube-frame{border:0;width:100%;height:100%;min-height:180px}.bun-empty{grid-column:1/-1;display:grid;gap:6px}.bun-empty span{color:var(--fw-bun-14-color-text-muted);font-size:12px}.bun-banner-error{margin-bottom:18px}.bun-color-lab,.bun-color-result{display:grid;gap:12px}.bun-color-choices,.bun-color-control,.bun-color-output{display:flex;flex-wrap:wrap;align-items: center;gap:10px}.bun-color-choice{cursor:pointer}.bun-color-control input{min-width:min(100%,280px)}.bun-color-output{align-items:stretch}.bun-color-swatch{border:1px solid var(--fw-bun-14-color-border);border-radius:12px;width:72px;min-height:72px}.bun-color-result{align-content: center;min-width:0}.bun-color-result code{overflow-wrap:anywhere;color:var(--fw-bun-14-color-text-muted)}@media (max-width:680px){.bun-section-heading{flex-direction:column;align-items: flex-start}.bun-gallery{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.bun-media-preview video{display:none}}