.open-api-settings.integration-preview{position:relative;isolation:isolate;display:block;height:calc(100dvh - 220px);min-height:420px;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--paper)}
.integration-preview-content{display:flex;flex-direction:column;gap:18px;filter:blur(9px);opacity:.48;pointer-events:none;user-select:none;-webkit-user-select:none}
.integration-preview-overlay{position:absolute;inset:0;z-index:2;display:grid;place-items:center;padding:24px;background:rgba(243,250,255,.6);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.integration-preview-overlay .integration-coming-soon{max-width:440px;width:100%;padding:30px;text-align:center;border:1px solid var(--line);border-radius:16px;background:var(--paper);color:var(--ink);box-shadow:0 18px 60px rgba(20,87,135,.12)}
.integration-preview-icon{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 18px;border-radius:16px;background:var(--cream);color:var(--green-2);font:700 22px ui-monospace,monospace}
.integration-preview-overlay strong{display:block;font-size:21px;line-height:1.35}
.integration-preview-overlay p{margin:12px 0 0;color:var(--muted);font-size:14px;line-height:1.6}
@media(max-width:700px){.open-api-settings.integration-preview{height:calc(100dvh - 180px);min-height:400px}.integration-preview-overlay{padding:18px}.integration-preview-overlay .integration-coming-soon{padding:24px}.integration-preview-overlay strong{font-size:19px}}