.embed-code-container{padding:var(--spacing-xl);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.embed-code-container h3{font-size:1.25rem}.embed-code-container h3,.embed-code-container h4{font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-text)}.embed-code-container h4{font-size:1rem}.embed-options{display:flex;gap:var(--spacing-lg);margin:var(--spacing-lg) 0;flex-wrap:wrap}.option-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.option-group label{font-weight:500}.option-group label,.option-input{font-size:.875rem;color:var(--color-text)}.option-input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background);width:150px}.embed-preview{margin:var(--spacing-xl) 0}.preview-container{margin-top:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md)}.embed-code{margin-top:var(--spacing-xl)}.code-block{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);overflow-x:auto;margin:var(--spacing-md) 0}.code-block code{font-family:Courier New,Courier,monospace;font-size:.875rem;line-height:1.6;color:var(--color-text);white-space:pre-wrap;word-break:break-all}