.matchon-live-preview{width:100%;max-width:600px;min-width:0;margin:0;overflow:hidden;border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-white);box-shadow:var(--shadow-md)}.matchon-live-preview-image{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover}.matchon-live-preview figcaption{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:12px 16px;color:var(--color-text-secondary);font-size:13px;line-height:1.5}.matchon-live-preview figcaption a{color:var(--color-primary);font-weight:650;text-decoration:underline;text-underline-offset:3px}.matchon-live-preview figcaption a:hover{color:var(--color-primary-light)}.matchon-live-preview figcaption a:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:4px}.matchon-live-preview-empty{display:flex;flex-direction:column;justify-content:center;min-height:280px;padding:32px;background:var(--color-bg-primary-50)}.matchon-live-preview-empty h3{margin:0 0 12px;color:var(--color-primary);font-size:23px}.matchon-live-preview-empty p{margin:0 0 18px;color:var(--color-text-secondary);line-height:1.65}.matchon-live-preview-empty a{align-self:flex-start;color:var(--color-primary);font-weight:700;text-underline-offset:4px}