.integrations-demo.svelte-ds1hwx{display:flex;flex-direction:column;gap:var(--space-xl, 32px)}.demo-section.svelte-ds1hwx{display:flex;flex-direction:column;gap:var(--space-md, 16px)}.section-title.svelte-ds1hwx{font-size:24px;font-weight:700;color:var(--color-text-primary, #ffffff);margin:0}.subsection-title.svelte-ds1hwx{font-size:18px;font-weight:600;color:var(--color-text-primary, #ffffff);margin:0 0 var(--space-sm, 8px) 0}.auth-card.svelte-ds1hwx,.prefs-card.svelte-ds1hwx,.info-card.svelte-ds1hwx,.demo-card.svelte-ds1hwx{background:var(--glass-bg, rgba(255, 255, 255, .05));backdrop-filter:blur(var(--glass-blur, 12px));-webkit-backdrop-filter:blur(var(--glass-blur, 12px));border:1px solid var(--glass-border, rgba(255, 255, 255, .1));border-radius:var(--radius-lg, 24px);padding:var(--space-lg, 24px);display:flex;flex-direction:column;gap:var(--space-md, 16px)}.auth-card.success.svelte-ds1hwx{border-color:#22c55e4d;background:#22c55e0d}.success-badge.svelte-ds1hwx{display:inline-flex;align-items:center;gap:var(--space-xs, 4px);padding:var(--space-xs, 4px) var(--space-sm, 8px);background:#22c55e33;border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-md, 16px);color:#22c55e;font-size:14px;font-weight:600;width:fit-content}.user-info.svelte-ds1hwx{display:flex;flex-direction:column;gap:var(--space-sm, 8px);padding:var(--space-md, 16px);background:#0003;border-radius:var(--radius-md, 16px)}.user-field.svelte-ds1hwx{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md, 16px)}.field-label.svelte-ds1hwx{font-size:14px;color:var(--color-text-secondary, #a0a0b0);font-weight:500}.field-value.svelte-ds1hwx{font-size:14px;color:var(--color-text-primary, #ffffff);font-weight:600;font-family:Courier New,monospace}.current-prefs.svelte-ds1hwx{display:flex;flex-direction:column;gap:var(--space-sm, 8px)}.prefs-display.svelte-ds1hwx{display:flex;flex-direction:column;gap:var(--space-sm, 8px);padding:var(--space-md, 16px);background:#0003;border-radius:var(--radius-md, 16px)}.pref-item.svelte-ds1hwx{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md, 16px)}.pref-label.svelte-ds1hwx{font-size:14px;color:var(--color-text-secondary, #a0a0b0);font-weight:500}.pref-value.svelte-ds1hwx{font-size:14px;color:var(--color-text-primary, #ffffff);font-weight:600}.badge.svelte-ds1hwx{padding:var(--space-xs, 4px) var(--space-sm, 8px);background:var(--gradient-primary, linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%));border-radius:var(--radius-sm, 8px);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.prefs-form.svelte-ds1hwx{display:flex;flex-direction:column;gap:var(--space-md, 16px);padding-top:var(--space-md, 16px);border-top:1px solid var(--glass-border, rgba(255, 255, 255, .1))}.form-group.svelte-ds1hwx{display:flex;flex-direction:column;gap:var(--space-xs, 4px)}.form-label.svelte-ds1hwx{font-size:14px;font-weight:600;color:var(--color-text-primary, #ffffff)}.form-select.svelte-ds1hwx{padding:var(--space-sm, 8px) var(--space-md, 16px);background:#0000004d;border:1px solid var(--glass-border, rgba(255, 255, 255, .1));border-radius:var(--radius-md, 16px);color:var(--color-text-primary, #ffffff);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.form-select.svelte-ds1hwx:hover:not(:disabled){border-color:var(--color-accent-primary, #6366f1)}.form-select.svelte-ds1hwx:focus{outline:none;border-color:var(--color-accent-primary, #6366f1);box-shadow:0 0 0 3px #6366f11a}.form-select.svelte-ds1hwx:disabled{opacity:.5;cursor:not-allowed}.form-checkbox.svelte-ds1hwx{display:flex;align-items:center;gap:var(--space-sm, 8px);font-size:14px;color:var(--color-text-primary, #ffffff);cursor:pointer}.form-checkbox.svelte-ds1hwx input[type=checkbox]:where(.svelte-ds1hwx){width:20px;height:20px;cursor:pointer}.action-button.svelte-ds1hwx{padding:var(--space-sm, 8px) var(--space-lg, 24px);border:none;border-radius:var(--radius-md, 16px);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--space-xs, 4px)}.action-button.primary.svelte-ds1hwx{background:var(--gradient-primary, linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%));color:var(--color-text-primary, #ffffff);box-shadow:var(--shadow-md, 0 4px 16px rgba(0, 0, 0, .2))}.action-button.primary.svelte-ds1hwx:hover:not(:disabled){box-shadow:var(--shadow-glow, 0 0 32px rgba(99, 102, 241, .4));transform:translateY(-2px)}.action-button.secondary.svelte-ds1hwx{background:#ffffff1a;color:var(--color-text-primary, #ffffff);border:1px solid var(--glass-border, rgba(255, 255, 255, .2))}.action-button.secondary.svelte-ds1hwx:hover:not(:disabled){background:#ffffff26;border-color:var(--color-accent-primary, #6366f1)}.action-button.svelte-ds1hwx:disabled{opacity:.5;cursor:not-allowed;transform:none}.info-text.svelte-ds1hwx{font-size:14px;line-height:1.6;color:var(--color-text-secondary, #a0a0b0);margin:0}.info-text.small.svelte-ds1hwx{font-size:12px;opacity:.8}.error-message.svelte-ds1hwx{padding:var(--space-sm, 8px) var(--space-md, 16px);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md, 16px);color:#ef4444;font-size:14px}.success-message.svelte-ds1hwx{padding:var(--space-sm, 8px) var(--space-md, 16px);background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-md, 16px);color:#22c55e;font-size:14px}.loading-state.svelte-ds1hwx{display:flex;flex-direction:column;align-items:center;gap:var(--space-md, 16px);padding:var(--space-xl, 32px)}.spinner.svelte-ds1hwx{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--color-accent-primary, #6366f1);border-radius:50%;animation:svelte-ds1hwx-spin 1s linear infinite}@keyframes svelte-ds1hwx-spin{to{transform:rotate(360deg)}}.demo-steps.svelte-ds1hwx{margin:0;padding-left:var(--space-lg, 24px);color:var(--color-text-secondary, #a0a0b0);font-size:14px;line-height:1.8}.demo-steps.svelte-ds1hwx li:where(.svelte-ds1hwx){margin-bottom:var(--space-xs, 4px)}@media(max-width:640px){.auth-card.svelte-ds1hwx,.prefs-card.svelte-ds1hwx,.info-card.svelte-ds1hwx,.demo-card.svelte-ds1hwx{padding:var(--space-md, 16px)}.user-field.svelte-ds1hwx,.pref-item.svelte-ds1hwx{flex-direction:column;align-items:flex-start;gap:var(--space-xs, 4px)}}