/* filters.css */

/* ============================================================
   FILTER EDITOR — визуальный редактор SVG-фильтров
   ============================================================ */
.filter-editor-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.filter-create-row {
  display: flex;
  gap: 6px;
}

.filter-create-btn {
  flex: 1;
  padding: 8px 10px;
  background: rgba(var(--neon-rgb),.12);
  border: 1px solid var(--neon-border);
  border-radius: var(--radius-sm);
  color: var(--neon);
  font-family: inherit;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  transition: .15s;
}
.filter-create-btn:hover {
  background: var(--neon);
  color: #fff;
  border-color: var(--neon);
}

.filter-editor {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px;
  background: rgba(255,255,255,.02);
  border: 1px solid rgba(255,255,255,.06);
  border-radius: var(--radius-sm);
}

.filter-empty {
  padding: 10px;
  margin-bottom: 6px;
  text-align: center;
  color: var(--text-muted);
  font-size: 10.5px;
  font-style: italic;
  background: rgba(255,255,255,.02);
  border: 1px dashed rgba(255,255,255,.08);
  border-radius: var(--radius-sm);
}

.filter-delete-btn {
  padding: 6px 10px;
  background: rgba(225,29,72,.15);
  border: 1px solid rgba(225,29,72,.4);
  border-radius: 5px;
  color: #fca5a5;
  font-family: inherit;
  font-size: 10.5px;
  font-weight: 600;
  cursor: pointer;
  transition: .15s;
  margin-top: 4px;
}
.filter-delete-btn:hover {
  background: rgba(225,29,72,.28);
  border-color: #f87171;
  color: #fff;
}

.filter-editor-container .prop-row label {
  font-size: 9.5px;
}