
#uh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.uh-card{border:1px solid #e5e7eb;border-radius:12px;padding:16px;background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.04);display:flex;flex-direction:column;gap:8px}
.uh-panel{border:1px solid #e5e7eb;border-radius:12px;padding:12px;background:#fff}
.uh-result{margin-top:10px;padding:10px;background:#f9fafb;border:1px dashed #e5e7eb;border-radius:10px}
html.uh-js #uh-grid-fallback, html.uh-js #uh-tool-fallback{ display:none; }
@media (max-width: 600px){ .uh-panel, .uh-card{padding:12px} }
