.mkt-visual-frame{--mvi-border:var(--border-muted);position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:300px;padding:var(--spacing-lg);overflow:hidden;background:var(--surface-background);border:var(--border-width-thin) solid var(--mvi-border)}.mkt-visual-frame:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,var(--color-primary) 0,transparent 62%);opacity:.14;pointer-events:none}.mkt-visual-frame[data-frame=flush]{padding:0;background:transparent;border:none}.mkt-visual-image{position:relative;width:auto;max-width:100%;max-height:280px;object-fit:contain}.mkt-visual-frame[data-fit=cover][data-frame=boxed]{padding:0;aspect-ratio:4/3}.mkt-visual-frame[data-fit=cover][data-frame=boxed] .mkt-visual-image{width:100%;height:100%;max-height:none;object-fit:cover;object-position:top center}.mkt-visual-frame[data-frame=flush] .mkt-visual-image{width:auto;max-height:400px;object-fit:contain}.mkt-shot{--sh-chrome-bg:var(--surface-code-muted);--sh-border:var(--border-code);--sh-fg-muted:var(--text-code-muted);--sh-accent:var(--color-primary);--sh-dot-size:var(--spacing-sm);display:flex;flex-direction:column;width:100%;margin:0;overflow:hidden;background:var(--surface-code);border:var(--border-width-thin) solid var(--sh-border);box-shadow:var(--shadow-card)}.mkt-shot-bar{gap:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md);background:var(--sh-chrome-bg);border-bottom:var(--border-width-thin) solid var(--sh-border)}.mkt-shot-bar,.mkt-shot-dots{display:flex;align-items:center}.mkt-shot-dots{gap:var(--spacing-xxs);flex-shrink:0}.mkt-shot-dots i{width:var(--sh-dot-size);height:var(--sh-dot-size);border-radius:var(--border-radius-full);background:var(--sh-fg-muted);opacity:.4}.mkt-shot-dots i:first-child{background:var(--sh-accent);opacity:.8}.mkt-shot-label{overflow:hidden;font-family:var(--system-mono-font);font-size:var(--type-label);color:var(--sh-fg-muted);letter-spacing:var(--tracking-tight);white-space:nowrap;text-overflow:ellipsis}.mkt-shot-image{display:block;width:100%;height:auto}.mkt-visual-map{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.mkt-visual-map-caption{font-family:var(--system-mono-font);font-size:var(--type-label);color:var(--text-muted);text-align:center}@media (max-width:900px){.mkt-visual-frame{min-height:220px;padding:var(--spacing-md)}.mkt-visual-frame[data-frame=flush] .mkt-visual-image,.mkt-visual-image{max-height:200px}}