[data-integration-surface]{--intg-dialog-bg:#fff5ea;--intg-header-from:#ffeddb;--intg-header-to:#fff5ea;--intg-card-bg:#fff0e0;--intg-input-bg:#fff;--intg-video-bg:#fff5ec;--intg-divider:#ede3d6;--intg-icon-bg:#ff7a2f14;--intg-icon-border:#ff7a2f26;--intg-number-bg:#ff7a2f1a;--intg-heading:#1c1410;--intg-subtitle:#8a7e6e;--intg-step-title:#2d241c;--intg-step-desc:#8a7e6e;--intg-placeholder:#b5a898;--intg-value:#3d3228;--intg-number:#ea580c;--intg-btn-secondary-bg:#fff;--intg-btn-secondary-border:#e8ddd0;--intg-btn-secondary-text:#4a3f34;--intg-connected-bg:#22c55e1a;--intg-connected-text:#16a34a;--intg-coming-bg:#ff933c1a;--intg-coming-border:#ea823259;--intg-coming-text:#c2410c;--intg-badge-bg:#f5ede4;--intg-badge-text:#8a7e6e;--intg-workspace-badge:#f0e8dd}.dark [data-integration-surface]{--intg-dialog-bg:#201d1a;--intg-header-from:#2a2318;--intg-header-to:#201d1a;--intg-card-bg:#28241f;--intg-input-bg:#1c1915;--intg-video-bg:#1a1714;--intg-divider:#2e2920;--intg-icon-bg:#ff7a2f18;--intg-icon-border:#ff7a2f25;--intg-number-bg:#ff7a2f1f;--intg-heading:#f5efe8;--intg-step-title:#f0e8dd;--intg-placeholder:#5a5040;--intg-value:#d4c8b8;--intg-number:#ff7a2f;--intg-btn-secondary-bg:#28241f;--intg-btn-secondary-border:#3a3228;--intg-btn-secondary-text:#d4c8b8;--intg-connected-bg:#22c55e26;--intg-connected-text:#4ade80;--intg-coming-bg:#c2410c1f;--intg-coming-border:#c278324d;--intg-coming-text:#fb923c;--intg-badge-bg:#2a2520;--intg-workspace-badge:#332e28}.intg-header-gradient{background:linear-gradient(180deg, var(--intg-header-from), var(--intg-header-to))}.intg-bg-color{background:var(--intg-dialog-bg)}.intg-icon{background:var(--intg-icon-bg);border:1px solid var(--intg-icon-border);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;display:flex}.intg-icon[data-wide-logo]{aspect-ratio:1024/360;width:7.82222rem;height:2.75rem}.intg-step-number{background:var(--intg-number-bg);width:32px;height:32px;color:var(--intg-number);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.intg-step-card{border-radius:12px;padding:14px}.intg-step-title{color:var(--intg-step-title)}.intg-step-desc{color:var(--intg-step-desc)}.intg-subtitle{color:var(--intg-subtitle)}[data-integration-dialog] [data-slot=input]{background:var(--intg-input-bg);border-color:var(--intg-divider);color:var(--intg-value)}[data-integration-dialog] [data-slot=input]::placeholder{color:var(--intg-placeholder)}[data-integration-dialog] [data-slot=select-trigger]{background:var(--intg-input-bg);border-color:var(--intg-divider);color:var(--intg-value)}[data-integration-dialog] [data-slot=dialog-title]{color:var(--intg-heading)}.intg-btn-primary{border-radius:8px;height:44px;font-size:14px;font-weight:600}.intg-btn-secondary{background:var(--intg-btn-secondary-bg);border:1px solid var(--intg-btn-secondary-border);height:42px;color:var(--intg-btn-secondary-text);border-radius:8px;font-size:14px;font-weight:600}.intg-btn-secondary:hover{opacity:.85}.intg-connected-box{background:var(--intg-connected-bg);color:var(--intg-connected-text)}.intg-badge-default{background:var(--intg-badge-bg);color:var(--intg-badge-text);border-color:#0000;border-radius:8px}.intg-badge-connected{background:var(--intg-connected-bg);color:var(--intg-connected-text);border-color:#0000;border-radius:8px}.intg-badge-coming{background:var(--intg-coming-bg);color:var(--intg-coming-text);border:1px solid var(--intg-coming-border);border-radius:8px}.intg-video-panel{background:var(--intg-video-bg);border-color:var(--intg-divider);width:260px}.intg-workspace-row{background:var(--intg-card-bg);border-color:var(--intg-divider)}.intg-workspace-badge{background:var(--intg-workspace-badge)}.intg-divider{border-color:var(--intg-divider)}.intg-heading{color:var(--intg-heading)}.intg-body{color:var(--intg-step-desc)}.intg-code{background:var(--intg-card-bg)}.intg-video-caption{background:var(--intg-card-bg);border-color:var(--intg-divider);color:var(--intg-subtitle)}.intg-video-border{border-color:var(--intg-divider)}