.iamai-quick-starts { margin: 44px auto 0; max-width: 1800px; text-align: left; }
.iamai-quick-starts .qs-header { display:flex; justify-content:space-between; align-items:center; gap:20px; margin:0 10px 18px; }
.iamai-quick-starts .qs-brand { color:#739eff; font-size:16px; font-weight:700; letter-spacing:.06em; margin:0 0 5px; }
.iamai-quick-starts .qs-brand i { color:#009dff; margin-right:6px; }
.iamai-quick-starts h2 { color:#f6f7ff; font-size:clamp(25px,2.5vw,42px); font-weight:750; letter-spacing:-.035em; margin:0 0 6px; }
.iamai-quick-starts .qs-subtitle { color:var(--studio-muted); margin:0; font-size:clamp(14px,1.2vw,18px); }
.iamai-quick-starts .qs-label { display:flex; align-items:center; gap:10px; white-space:nowrap; color:var(--studio-muted); font-weight:600; }
.iamai-quick-starts .qs-label i { font-size:30px; color:#009dff; }
.iamai-quick-starts .qs-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); grid-auto-rows:clamp(200px,16vw,240px); gap:14px; }
.iamai-quick-starts .qs-card { position:relative; isolation:isolate; overflow:hidden; border-radius:15px; border:1px solid #3c5c99; background:var(--studio-surface); }
.iamai-quick-starts .qs-featured { grid-column:span 3; border-color:#236eff; }
.iamai-quick-starts .qs-card > img,.iamai-quick-starts .qs-card > video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.iamai-quick-starts .qs-card > video { opacity:0; transition:opacity .2s; }
.iamai-quick-starts .qs-card.is-playing > video { opacity:1; }
.iamai-quick-starts .qs-card::after { content:""; position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(transparent 40%,#030c20ed 100%); }
.iamai-quick-starts button { border:0; }
.iamai-quick-starts button:focus-visible { outline:3px solid #80d7ff; outline-offset:3px; }
.iamai-quick-starts .qs-arrow,.iamai-quick-starts .qs-preview { position:absolute; z-index:3; top:10px; right:10px; width:38px; height:38px; border-radius:50%; display:grid; place-items:center; background:#acbed547; box-shadow:inset 0 0 0 1px #cce2ff33; backdrop-filter:blur(8px); font-size:23px; }
.iamai-quick-starts .qs-preview { left:10px; right:auto; font-size:19px; display:none; }
.iamai-quick-starts .qs-card:focus-within .qs-preview { display:grid; }
.iamai-quick-starts .qs-arrow:hover { background:#187bdbcc; }
.iamai-quick-starts .qs-caption { position:absolute; bottom:0; left:0; right:0; z-index:2; display:flex; align-items:end; justify-content:space-between; gap:10px; padding:15px; }
.iamai-quick-starts .qs-title-row { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.iamai-quick-starts h3 { margin:0; font-size:clamp(13px,1.05vw,18px); color:#fff; font-weight:700; line-height:1.35; }
.iamai-quick-starts h3 i { margin-right:7px; }
.iamai-quick-starts .qs-featured h3 { font-size:clamp(18px,1.5vw,25px); }
.iamai-quick-starts .qs-copy p { color:var(--studio-muted); font-size:13px; margin:4px 0 0 30px; }
.iamai-quick-starts .qs-badge { background:linear-gradient(#008dff,#005bea); border-radius:20px; padding:3px 9px; color:white; font-size:11px; font-weight:600; }
.iamai-quick-starts .qs-create { flex-shrink:0; border:1px solid #32c4ff; border-radius:20px; background:linear-gradient(120deg,#079fff,#0062ff); padding:9px 15px; font-weight:650; font-size:14px; box-shadow:0 0 15px #008cff70,inset 0 0 5px #5acbff; }
.iamai-quick-starts .qs-create i { margin-left:7px; }
.iamai-quick-starts .qs-modal { color:#f6f7ff; background:var(--studio-bg); border:1px solid #386bcd; border-radius:24px; padding:28px; width:min(720px,calc(100vw - 32px)); max-height:85dvh; overflow:auto; }
.iamai-quick-starts .qs-modal::backdrop { background:#020719bb; backdrop-filter:blur(8px); }
.iamai-quick-starts .qs-modal header { display:flex; justify-content:space-between; gap:20px; }
.iamai-quick-starts .qs-close { align-self:start; flex-shrink:0; border-radius:50%; width:40px; height:40px; background:var(--studio-control); }
.iamai-quick-starts .qs-modal-body { padding:35px 0 15px; color:var(--studio-muted); }
@media(max-width:1199px) { .iamai-quick-starts .qs-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:599px) {
 .iamai-quick-starts .qs-grid { grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:200px; gap:12px; }
 .iamai-quick-starts .qs-featured { grid-column:span 2; }
 .iamai-quick-starts .qs-header { display:block; margin:0 0 16px; }
 .iamai-quick-starts .qs-label { margin-top:14px; font-size:13px; }
 .iamai-quick-starts .qs-label i { font-size:19px; }
 .iamai-quick-starts .qs-caption { padding:12px; gap:6px; }
 .iamai-quick-starts .qs-featured .qs-caption { flex-wrap:wrap; }
 .iamai-quick-starts .qs-create { font-size:12px; padding:7px 11px; }
}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce) { .iamai-quick-starts .qs-preview { display:grid; } }
@media(prefers-reduced-motion:reduce) { .iamai-quick-starts .qs-card > video { transition:none; } }
