.ivg-wrapper { max-width: 720px; margin: 24px auto; padding: 0 12px; }
.ivg-card { background: #fff; border: 1px solid #e6e8eb; border-radius: 12px; padding: 20px; box-shadow: 0 4px 12px rgba(0,0,0,0.04); }
.ivg-title { margin: 0 0 16px; font-size: 20px; }
.ivg-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.ivg-field { display: flex; flex-direction: column; }
.ivg-field label { font-weight: 600; margin-bottom: 6px; }
.ivg-input { padding: 10px 12px; border: 1px solid #cfd6df; border-radius: 8px; }
.ivg-help { color: #6b7280; }
.ivg-actions { display: flex; align-items: flex-end; }
.ivg-btn { padding: 10px 16px; border: none; border-radius: 10px; background: #0ea5e9; color: #fff; cursor: pointer; font-weight: 600; }
.ivg-btn:hover { background: #0284c7; }
.ivg-message { margin-top: 12px; padding: 10px 12px; border-radius: 8px; border: 1px solid transparent; }
.ivg-success { background: #ecfeff; border-color: #67e8f9; }
.ivg-error { background: #fff1f2; border-color: #fecdd3; }
.ivg-result { background: #0b1020; color: #e5e7eb; padding: 12px; border-radius: 8px; overflow: auto; font-size: 13px; max-height: 340px; }
@media (max-width: 640px){
  .ivg-grid { grid-template-columns: 1fr; }
}