.agmad-tool { max-width: 860px; margin: 24px auto; padding: 8px 16px; }
.agmad-tool-header h1 { margin: 0 0 6px; font-size: clamp(24px,3.4vw,34px); }
.agmad-tool-header p { color:#666; margin:0 0 16px; }
.agmad-note { margin-top: 12px; color:#666; font-size:12px; }

.agmad-drop { border:2px dashed #e6e6e6; border-radius:16px; padding:28px; text-align:center; }
.agmad-browse { color:#0a66c2; text-decoration:underline; cursor:pointer; }
.agmad-results { margin-top:16px; display:grid; gap:14px; grid-template-columns:1fr; }
@media (min-width:760px){ .agmad-results { grid-template-columns:1fr 1fr; } }

.agmad-card { border:1px solid #eee; border-radius:12px; padding:12px; display:flex; align-items:center; gap:12px; }
.agmad-thumb { width:72px; height:72px; border-radius:8px; object-fit:cover; background:#f6f6f6; }
.agmad-actions { margin-left:auto; display:flex; gap:8px; }
.agmad-btn { border:1px solid #ddd; background:#fff; border-radius:8px; padding:8px 12px; cursor:pointer; }
.agmad-btn:hover { border-color:#bbb; }
.agmad-controls { display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin:12px 0; }
.agmad-textarea { width:100%; padding:10px; border:1px solid #ddd; border-radius:8px; }

.agmad-pass-row { display:flex; gap:8px; align-items:center; }
.agmad-pass-row input { flex:1; padding:10px; border:1px solid #ddd; border-radius:8px; }

.agmad-qr-box { margin:12px 0; display:flex; justify-content:center; }
.agmad-stats { display:flex; gap:16px; margin-top:10px; color:#333; }

.agmad-colors code { padding:2px 6px; background:#f6f6f6; border-radius:6px; }

.ag-grid { display:grid; gap:16px; grid-template-columns:repeat(1,minmax(0,1fr)); }
@media (min-width:640px){ .ag-grid { grid-template-columns:repeat(2,1fr); } }
@media (min-width:980px){ .ag-grid { grid-template-columns:repeat(4,1fr); } }
.ag-card { display:block; background:#fff; border:1px solid #eee; border-radius:16px; padding:18px; text-decoration:none; color:inherit; box-shadow:0 4px 18px rgba(0,0,0,.06); transition:.12s ease; }
.ag-card:hover { transform: translateY(-2px); box-shadow:0 6px 22px rgba(0,0,0,.08); }
.ag-card .ag-emoji { font-size:28px; }
.ag-card h3 { margin:8px 0 4px; font-size:18px; }
.ag-card p { margin:0 0 8px; color:#666; font-size:14px; }
.ag-tag { display:inline-block; font-size:12px; padding:4px 8px; border:1px solid #eee; border-radius:999px; background:#fafafa; }