/* Layers panel */
.layers-toolbar { display:flex; gap:6px; margin-bottom:8px; }
.layers-list { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:4px; }
.layer-item { display:grid; grid-template-columns: 18px 28px 28px 1fr auto auto; align-items:center; gap:6px; padding:6px 8px; border:1px solid #eee; border-radius:8px; background:#fff; cursor:grab; }
.layer-item:active { cursor:grabbing; }
.layer-item .drag-handle { cursor:grab; color:#999; }
.layer-item .eye, .layer-item .lock, .layer-item .bring-front, .layer-item .send-back { border:0; background:transparent; cursor:pointer; }
.layer-item .name { outline:none; padding:2px 4px; border-radius:4px; }
.layer-item .name:focus { background:#f3f4f6; }
.layer-item .type { font-size:11px; color:#666; }
.layer-item .row-actions { display:flex; gap:4px; }

/* Filters panel */
.filters-toolbar { display:flex; gap:8px; align-items:center; margin-bottom:8px; }
.filters-stack { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:6px; }
.filter-item { display:grid; grid-template-columns: 18px 18px 1fr 28px; gap:6px; align-items:start; padding:6px 8px; border:1px solid #eee; border-radius:8px; background:#fff; }
.filter-item .drag-handle { cursor:grab; color:#999; }
.filter-item .fname { font-weight:600; }
.filter-item .params { grid-column: 1 / -1; display:grid; grid-template-columns: 1fr; gap:6px; padding-left: 22px; }
.param { display:grid; grid-template-columns: 100px 1fr; gap:8px; align-items:center; }
.param input[type="range"] { width:100%; }
.filters-empty { font-size:13px; color:#666; padding:8px; border:1px dashed #e5e7eb; border-radius:8px; background:#fafafa; }