.filter-editor-overlay.svelte-rm8csn{background:color-mix(in srgb, var(--color-bg-main) 70%, transparent);z-index:100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.filter-editor-overlay.hidden.svelte-rm8csn{display:none}.filter-editor.svelte-rm8csn{background:var(--color-bg-secondary);width:90%;max-width:500px;max-height:85vh;color:var(--color-text-main);border-radius:12px;padding:1.5rem;overflow-y:auto}.editor-header.svelte-rm8csn{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.editor-header.svelte-rm8csn h3:where(.svelte-rm8csn){margin:0;font-size:1.2rem}.editor-header.svelte-rm8csn .close:where(.svelte-rm8csn){background:var(--color-border);border:1px solid var(--color-border);color:var(--color-text-main);cursor:pointer;border-radius:4px;padding:.3rem .6rem}.name-field.svelte-rm8csn{flex-direction:column;gap:.25rem;margin-bottom:1rem;display:flex}.name-field.svelte-rm8csn span:where(.svelte-rm8csn){color:var(--color-text-secondary);font-size:.8rem}.name-field.svelte-rm8csn input:where(.svelte-rm8csn){border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-main);border-radius:6px;padding:.5rem}.section.svelte-rm8csn{margin-bottom:1rem}.section.svelte-rm8csn h4:where(.svelte-rm8csn){color:var(--color-primary-hover);margin:0 0 .5rem;font-size:.95rem}.parameter-row.svelte-rm8csn{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.parameter-row.svelte-rm8csn label:where(.svelte-rm8csn){min-width:90px;font-size:.9rem}.parameter-row.svelte-rm8csn input[type=range]:where(.svelte-rm8csn){appearance:none;background:var(--color-border);border-radius:3px;flex:1;height:6px}.parameter-row.svelte-rm8csn input[type=range]:where(.svelte-rm8csn)::-webkit-slider-thumb{appearance:none;background:var(--color-primary);cursor:pointer;border-radius:50%;width:16px;height:16px}.value-display.svelte-rm8csn{text-align:right;min-width:56px;color:var(--color-primary-hover);font-family:monospace}.preview-section.svelte-rm8csn{background:var(--color-bg-secondary);text-align:center;border-radius:8px;margin-bottom:1rem;padding:1rem}.preview-section.svelte-rm8csn h4:where(.svelte-rm8csn){color:var(--color-text-secondary);margin:0 0 .5rem;font-size:.9rem}.preview-section.svelte-rm8csn canvas:where(.svelte-rm8csn){width:150px;height:150px;image-rendering:pixelated;border-radius:4px}.actions.svelte-rm8csn{gap:.5rem;display:flex}.actions.svelte-rm8csn button:where(.svelte-rm8csn){cursor:pointer;background:var(--color-border);color:var(--color-text-main);border:none;border-radius:6px;flex:1;padding:.75rem;font-size:.9rem;font-weight:600}.actions.svelte-rm8csn button.primary:where(.svelte-rm8csn){background:var(--color-primary);color:#fff}.actions.svelte-rm8csn button.primary:where(.svelte-rm8csn):hover{background:var(--color-primary-hover)}.actions.svelte-rm8csn button.danger:where(.svelte-rm8csn){background:var(--color-status-error);color:#fff}.actions.svelte-rm8csn button.danger:where(.svelte-rm8csn):hover{background:color-mix(in srgb, var(--color-status-error) 85%, #000)}