:root { font-family: system-ui, sans-serif; color: #1f2937; background: #f3f4f6; }
* { box-sizing: border-box; }
body { margin: 0; }
.container { max-width: 960px; margin: 0 auto; padding: 24px 16px 48px; }
.card { background: white; border: 1px solid #d1d5db; border-radius: 10px; padding: 20px; margin: 16px 0; }
.image-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; }
.image-grid img { width: 100%; display: block; border-radius: 8px; border: 1px solid #d1d5db; }
label { display: block; font-weight: 600; margin: 16px 0 6px; }
input, textarea { width: 100%; padding: 10px 12px; font: inherit; border: 1px solid #9ca3af; border-radius: 6px; }
button { margin-top: 18px; padding: 11px 18px; border: 0; border-radius: 6px; font: inherit; font-weight: 700; cursor: pointer; background: #111827; color: white; }
.warning, .notice { color: #92400e; background: #fffbeb; border: 1px solid #fde68a; padding: 10px 12px; border-radius: 6px; }
.muted { color: #6b7280; }
.provider { padding: 12px 0; border-top: 1px solid #e5e7eb; }
.provider:first-of-type { border-top: 0; }