.integration-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.integration-card { min-width: 0; padding: 24px; border: 1px solid var(--line); border-radius: 22px; background: var(--panel); box-shadow: 0 18px 45px #0003; }
.integration-card h2 { font-size: 28px; margin: 10px 0; }
.integration-card p { color: var(--soft); line-height: 1.5; }
.service-label { display: inline-flex; padding: 7px 10px; border-radius: 8px; font-size: 11px; font-weight: 900; letter-spacing: .14em; }
.suno-card .service-label { color: #160820; background: linear-gradient(120deg,#f3d7ff,#d384ff); }
.soundcloud-card .service-label { color: #fff; background: linear-gradient(120deg,#ff7700,#ff3300); }
.other-card .service-label { color:#fff; background:linear-gradient(120deg,#1d706e,#33b7a8); }
.integration-card form { display: grid; grid-template-columns: 1fr auto; gap: 10px; margin-top: 18px; }
.integration-card input { min-width: 0; padding: 13px 14px; border: 1px solid #3b3045; border-radius: 11px; background: #0f0c13; color: #fff; }
.integration-card button { border: 0; border-radius: 11px; padding: 12px 15px; background: #fff; color: #160f1f; font-weight: 800; cursor: pointer; }
.integration-status { min-height: 22px; font-size: 13px; }
.embed-slot iframe { width: 100%; border: 0; border-radius: 12px; background: #0f0c13; }
.streaming-note { margin: 24px 0; color: var(--soft); text-align: center; }
.public-search { margin-bottom:20px; padding:24px; border:1px solid var(--line); border-radius:22px; background:linear-gradient(125deg,#21102e,#13101b); }
.public-search h2 { margin:10px 0 5px; font-size:clamp(24px,4vw,34px); }
.public-search p { color:var(--soft); }
.public-search form { display:grid; grid-template-columns:1fr auto; gap:10px; margin-top:18px; }
.public-search input { min-width:0; padding:13px 14px; border:1px solid #493554; border-radius:11px; background:#0f0c13; color:#fff; }
.public-search button,.integration-link,.search-results>a { display:inline-flex; align-items:center; justify-content:center; border:0; border-radius:11px; padding:12px 15px; background:#fff; color:#160f1f; font-weight:800; text-decoration:none; cursor:pointer; }
.search-results { margin-top:12px; }
.search-results iframe { width:100%; height:520px; border:1px solid #3b3045; border-radius:14px; background:#0f0c13; }
.search-results>a { margin-top:10px; background:#30223a; color:#fff; }
@media(max-width:1050px){.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.integration-grid{grid-template-columns:1fr}.integration-card form,.public-search form{grid-template-columns:1fr}.integration-card button,.public-search button{width:100%}.search-results iframe{height:430px}}