.asi-outer { display:flex; justify-content:center; }
.asi-card { width:100%; max-width:980px; padding:24px; border-radius:14px; background:#fcfcfd; border:1px solid #d1d5db; box-shadow:0 12px 28px rgba(0,0,0,.12); }
.asi-title { margin:0 0 6px; font-weight:700; text-align:center; }
.asi-sub { margin:0 0 18px; opacity:.8; text-align:center; }
.asi-row { display:flex; gap:10px; align-items:center; }
.asi-input { flex:1 1 auto; padding:12px 14px; border:1px solid #e5e7eb; border-radius:10px; }
.asi-btn { padding:12px 16px; border-radius:10px; border:1px solid #e5e7eb; cursor:pointer; }
.asi-btn-primary { background:#2563eb; color:#fff; }
.asi-progress { margin-top:10px; padding:10px; background:#fff8e1; border:1px dashed #f59e0b; border-radius:8px; }
.asi-result { margin-top:18px; }
.asi-grid { display:grid; grid-template-columns: 300px 1fr; gap:16px; align-items:start; }
.asi-img { width:100%; height:auto; border-radius:12px; border:1px solid #e5e7eb; }
.asi-bullets { margin:10px 0; padding:0 18px; }
.asi-final { margin-top:12px; padding:16px; background:#f1f5f9; border:1px solid #cbd5e1; border-radius:12px; text-align:center; }
.asi-final h3 { margin:0; font-size:22px; }
.asi-actions { display:flex; gap:10px; margin-top:12px; }
.asi-amz-link { word-break: break-word; overflow-wrap:anywhere; }
@media (max-width: 720px) { .asi-grid { grid-template-columns: 1fr; } }