.cld-dialog{inset:0;width:min(960px,calc(100vw - 32px));max-width:none;margin:auto;padding:0;border:none;border-radius:var(--radius-lg);background:transparent;color:inherit}.cld-dialog::backdrop{background:color-mix(in srgb,var(--color-black) 80%,transparent);backdrop-filter:blur(4px)}.cld-body{position:relative;display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.cld-image,.cld-video{display:block;width:100%;max-height:calc(100vh - 160px);object-fit:contain;border-radius:var(--radius-md);background:var(--color-background)}.cld-caption{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:0 var(--spacing-xs) var(--spacing-xs)}.cld-close{position:absolute;top:calc(-1 * var(--spacing-md) - 36px);right:0;display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--color-border);border-radius:50%;background:var(--color-surface);color:var(--color-foreground);cursor:pointer}@media (max-width:640px){.cld-close{top:var(--spacing-md);right:var(--spacing-md);z-index:2}}