.embed-generator{max-width:1200px;margin:0 auto;padding:var(--spacing-xl)}.embed-generator-header{margin-bottom:var(--spacing-xl)}.embed-generator-header h1{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-dark);margin:0 0 var(--spacing-sm) 0}.embed-generator-header p{color:var(--color-text-medium);margin:0}.embed-generator-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-xl);gap:var(--spacing-xl)}.embed-config-section{background:var(--color-white);border-radius:var(--radius-md);border:1px solid rgba(0,0,0,.1);padding:var(--spacing-lg)}.embed-config-section h2{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-dark);margin:0 0 var(--spacing-lg) 0}.embed-form-group{margin-bottom:var(--spacing-lg)}.embed-form-group>label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-dark);margin-bottom:var(--spacing-sm)}.embed-tool-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.embed-tool-option{display:flex;align-items:flex-start;padding:var(--spacing-md);border:2px solid rgba(0,0,0,.1);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.embed-tool-option:hover{border-color:rgba(0,0,0,.2)}.embed-tool-option.selected{border-color:var(--color-primary-purple);background:rgba(102,126,234,.05)}.embed-tool-option input{margin-right:var(--spacing-md);margin-top:4px}.embed-tool-name{font-weight:500;color:var(--color-text-dark)}.embed-tool-description{font-size:var(--font-size-sm);color:var(--color-text-medium);margin-top:2px}.embed-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid rgba(0,0,0,.15);border-radius:var(--radius-sm);font-size:var(--font-size-base);box-sizing:border-box}.embed-input:focus{outline:none;border-color:var(--color-primary-purple);box-shadow:0 0 0 2px rgba(102,126,234,.1)}.embed-hint{font-size:var(--font-size-xs);color:var(--color-text-medium);margin-top:var(--spacing-xs)}.embed-tracking-info{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:var(--radius-sm);padding:var(--spacing-md);margin-top:var(--spacing-lg)}.embed-tracking-info h3{font-size:var(--font-size-sm);font-weight:600;color:#065f46;margin:0 0 var(--spacing-xs) 0}.embed-tracking-info p{font-size:var(--font-size-sm);color:#047857;margin:0}.embed-tracking-info code{background:#d1fae5;padding:2px 6px;border-radius:4px}.embed-tracking-note{font-size:var(--font-size-xs);margin-top:var(--spacing-sm)!important}.embed-gen-code-block{background:#1f2937;border-radius:var(--radius-md);overflow:hidden}.embed-gen-code-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:#374151}.embed-gen-code-header span{font-size:var(--font-size-sm);color:#9ca3af}.embed-copy-btn{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);background:#4b5563;color:#d1d5db;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.embed-copy-btn:hover{background:#6b7280}.embed-copy-btn.copied{background:#10b981;color:#fff}.embed-gen-code{padding:var(--spacing-md);margin:0;overflow-x:auto}.embed-gen-code code{font-size:var(--font-size-sm);color:#d1d5db;white-space:pre-wrap;word-break:break-all;font-family:var(--font-family-mono)}.embed-preview{background:var(--color-white);border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-md);padding:var(--spacing-md);margin-top:var(--spacing-md)}.embed-preview h3{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-dark);margin:0 0 var(--spacing-md) 0}.embed-preview-content{border-top:1px solid rgba(0,0,0,.1);padding-top:var(--spacing-md)}.embed-instructions{background:#fffbeb;border:1px solid #fcd34d;border-radius:var(--radius-md);padding:var(--spacing-md);margin-top:var(--spacing-md)}.embed-instructions h3{font-size:var(--font-size-sm);font-weight:600;color:#92400e;margin:0 0 var(--spacing-sm) 0}.embed-instructions ul{margin:0;padding-left:var(--spacing-lg)}.embed-instructions li{font-size:var(--font-size-sm);color:#b45309;margin-bottom:var(--spacing-xs)}@media (max-width:968px){.embed-generator-grid{grid-template-columns:1fr}}