.integrations-page.svelte-dawreb{max-width:1200px;margin:0 auto;padding:2.618rem}header.svelte-dawreb{margin-bottom:2.618rem}h1.svelte-dawreb{font-size:1.618rem;margin-bottom:.618rem;color:var(--color-text)}.description.svelte-dawreb{color:var(--color-text);font-size:1rem}.integrations-grid.svelte-dawreb{display:grid;grid-template-columns:repeat(auto-fill,minmax(287px,1fr));gap:1.618rem}.integration-card.svelte-dawreb{position:relative;display:flex;flex-direction:column;align-items:center;padding:1.618rem;background:var(--color-secondary);border-radius:10px;border:1px solid var(--color-text);text-decoration:none;color:var(--color-text);transition:all .4s ease}.integration-card.svelte-dawreb:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000001a}.badge.svelte-dawreb{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.236rem;padding:.236rem .618rem;border-radius:10px;font-size:.875rem;font-weight:500}.badge.enabled.svelte-dawreb{background:var(--color-success);color:#fff}.badge.coming-soon.svelte-dawreb{background:var(--color-warning);color:#fff}.integration-link.svelte-dawreb{margin-top:1rem;padding:.382rem 1.618rem;background:var(--color-primary);font-size:.875rem;color:#fff;border-radius:6px;text-decoration:none;transition:all .4s ease}.integration-link.svelte-dawreb:hover{background:var(--color-primary);transform:translateY(-1px)}.integration-icon.svelte-dawreb{margin-bottom:1rem;padding:1rem;background:#eee;color:#000;border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid #888888;box-shadow:10px 10px 10px #0000001a}h3.svelte-dawreb{margin:0 0 .618rem;font-size:1rem;text-align:center;color:var(--color-text)}p.svelte-dawreb{margin:0;color:var(--color-text);text-align:center;font-size:.875rem;line-height:1.618}.loading.svelte-dawreb{text-align:center;padding:2.618rem;color:var(--color-text)}@media (max-width: 768px){.integrations-page.svelte-dawreb{padding:1rem}.integrations-grid.svelte-dawreb{grid-template-columns:1fr}}.integration-card.enabled.svelte-dawreb{background:var(--color-accent-2);opacity:.85}.integration-info.svelte-dawreb{margin-top:4rem;padding:4rem;background:linear-gradient(to bottom,transparent,rgba(247,248,249,.8));width:100%}.info-content.svelte-dawreb{max-width:none;margin:0}.info-content.svelte-dawreb h2:where(.svelte-dawreb){font-family:Playfair Display,serif;font-size:2rem;color:var(--color-text);margin-bottom:2rem;text-align:left;line-height:1.3}.info-text.svelte-dawreb p:where(.svelte-dawreb){font-size:1.1rem;line-height:1.7;color:var(--color-text-light);margin-bottom:1.5rem;text-align:left;max-width:none}.info-text.svelte-dawreb p:where(.svelte-dawreb):last-child{margin-bottom:0}.info-callout.svelte-dawreb{margin-top:2rem;padding:1.5rem;border-radius:12px;background:#ffffff80;border:1px solid var(--color-border);display:flex;gap:1rem;align-items:flex-start;text-align:left}.info-callout.svelte-dawreb svg:where(.svelte-dawreb){flex-shrink:0;color:var(--color-primary);margin-top:.2rem}.info-callout.svelte-dawreb p:where(.svelte-dawreb){margin:0;font-size:1rem;font-style:italic;color:var(--color-text);text-align:left}@media (max-width: 768px){.integration-info.svelte-dawreb{padding:2rem}.info-content.svelte-dawreb h2:where(.svelte-dawreb){font-size:1.5rem}.info-text.svelte-dawreb p:where(.svelte-dawreb){font-size:1rem}.info-callout.svelte-dawreb{flex-direction:row;align-items:flex-start;text-align:left}}
