.filter-grid {
  display: grid;
  grid-template-columns: minmax(220px, 2fr) minmax(160px, 1fr) auto;
  gap: 12px;
  align-items: end;
}

.config-card { margin-top: 18px; }
.inline-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.inline-actions input { min-width: 180px; }
.preview-content { white-space: normal; }
.pagination { display: flex; gap: 14px; justify-content: center; align-items: center; margin: 22px 0; }
.pagination a { color: var(--brand); font-weight: 700; text-decoration: none; }
button:disabled { cursor: not-allowed; opacity: .5; }
.form-grid,.color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.color-grid{grid-template-columns:repeat(6,minmax(90px,1fr))}.color-grid label{display:grid;gap:4px}.color-grid input[type="color"]{min-height:48px;padding:3px}.theme-preview{display:grid;grid-template-columns:110px 1fr;min-height:180px;padding:0;overflow:hidden;background:var(--preview-bg);color:var(--preview-text)}.theme-preview-sidebar{display:grid;place-items:center;background:var(--preview-side);color:var(--preview-side-text);font-size:1.5rem;font-weight:900}.theme-preview-main{padding:28px;background:var(--preview-surface);margin:18px;border-radius:14px}.theme-preview-main button{background:var(--preview-primary);color:#fff}.nav-badge{margin-inline-start:auto}

@media (max-width: 780px) {
  .filter-grid,.form-grid,.color-grid { grid-template-columns: 1fr; }.theme-preview{grid-template-columns:70px 1fr}
}