.filters-panel{z-index:100;background:var(--bg-panel);border-bottom:1px solid var(--border-panel);padding:4px;font-size:12px;position:sticky;top:0}.filters-toolbar{align-items:center;gap:6px;padding-bottom:2px;display:flex}.pipe-row{flex-wrap:wrap;align-items:center;gap:4px;padding:2px 0;display:flex}.pipe-row--dragging{opacity:.4}.pipe-row--droptarget{outline-offset:1px;border-radius:3px;outline:2px solid #4a90d9}.drag-handle{color:var(--drag-handle);-webkit-user-select:none;user-select:none;padding:0;font-size:13px}.drag-handle:hover{color:var(--drag-handle-hover)}.drag-handle:active{cursor:grabbing}button.delete-filter{color:var(--warn);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:12px;line-height:1}textarea.text-filter{border:1px solid var(--border-input);background:var(--bg-input);color:var(--text-input);box-sizing:border-box;border-radius:3px;width:100%;padding:4px 6px;font-family:Consolas,Courier New,monospace;font-size:11px}button{border:1px solid var(--border-input);background:var(--bg-button);color:var(--text-button);cursor:pointer;white-space:nowrap;border-radius:3px;padding:1px 7px;font-size:11px;line-height:1.6}button:hover{background:var(--bg-button-hover);border-color:var(--border-button-hover)}button:disabled{opacity:.35;cursor:default}input[type=text],input:not([type]){border:1px solid var(--border-input);box-sizing:border-box;background:var(--bg-input);height:20px;color:var(--text-input);border-radius:3px;padding:1px 5px;font-size:12px}input[type=text]:focus,input:not([type]):focus{border-color:#4a90d9;outline:none;box-shadow:0 0 0 2px #4a90d933}select{border:1px solid var(--border-input);background:var(--bg-input);color:var(--text-input);border-radius:3px;height:22px;padding:1px 3px;font-size:12px}label{white-space:nowrap;align-items:center;gap:3px;font-size:12px;display:inline-flex}.app-root{flex-direction:column;height:100vh;display:flex;overflow:hidden}.result-area{flex:1;padding:4px 8px;overflow-y:auto}.result-toolbar{align-items:center;gap:8px;padding:4px 0;display:flex}.result-warn{color:var(--warn);font-size:12px}pre{white-space:pre-wrap;margin:0;font-family:Consolas,Courier New,monospace;font-size:11px}.selection-popup{z-index:1000;background:var(--bg-panel);border:1px solid var(--border-panel);white-space:nowrap;pointer-events:all;border-radius:4px;align-items:center;gap:5px;padding:3px 6px;font-size:11px;display:flex;position:fixed;transform:translate(-50%,calc(-100% - 6px));box-shadow:0 2px 8px #00000040}.selection-popup-label{color:var(--text-main);text-overflow:ellipsis;opacity:.8;max-width:220px;font-family:Consolas,Courier New,monospace;overflow:hidden}.selection-popup-sep{background:var(--border-panel);flex-shrink:0;width:1px;height:14px}.color-swatch{cursor:pointer;border:1px solid #00000040;border-radius:50%;flex-shrink:0;width:14px;height:14px;padding:0}.color-swatch--red{background:#e74c3c}.color-swatch--green{background:#2ecc71}.color-swatch--blue{background:#3498db}.color-swatch--custom{appearance:none;padding:0;overflow:hidden}.color-swatch--custom::-webkit-color-swatch-wrapper{padding:0}.color-swatch--custom::-webkit-color-swatch{border:none;border-radius:50%}.color-swatch--custom::-moz-color-swatch{border:none}.color-swatch--active{outline:2px solid var(--text-main);outline-offset:1px}mark.hl-red{color:inherit;background:#e74c3c59;padding:0}mark.hl-green{color:inherit;background:#2ecc7159;padding:0}mark.hl-blue{color:inherit;background:#3498db59;padding:0}.color-rules-panel{border-top:1px solid var(--border-panel);flex-wrap:wrap;align-items:center;gap:5px;padding:2px 6px;font-size:11px;display:flex}.color-rules-panel-label{opacity:.6;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;font-size:10px}.color-rule{border-radius:3px;align-items:center;gap:3px;padding:1px 4px 1px 6px;display:inline-flex}.color-rule-pattern{text-overflow:ellipsis;white-space:nowrap;cursor:pointer;max-width:180px;font-family:Consolas,Courier New,monospace;overflow:hidden}.color-rule-pattern:hover{text-decoration:underline}.color-rule-edit-input{border:1px solid var(--border-panel);background:var(--bg-panel);width:120px;color:var(--text-main);border-radius:2px;padding:0 2px;font-family:Consolas,Courier New,monospace;font-size:11px}.color-rule-color-swatches{gap:2px;margin-left:2px;display:inline-flex}.color-rule-remove{cursor:pointer;color:inherit;opacity:.6;background:0 0;border:none;padding:0 2px;font-size:13px;line-height:1}.color-rule-remove:hover{opacity:1}.color-rules{display:none}:root{--bg-main:#fff;--text-main:#222;--bg-panel:#f0f2f5;--border-panel:#c8ccd2;--border-input:#bbb;--bg-input:#fff;--text-input:#222;--bg-button:#fff;--text-button:#333;--bg-button-hover:#e8eaf0;--border-button-hover:#999;--drag-handle:#aaa;--drag-handle-hover:#555;--warn:#b00}.dark{--bg-main:#141414;--text-main:#d4d4d4;--bg-panel:#202020;--border-panel:#3f3f46;--border-input:#555;--bg-input:#2d2d2d;--text-input:#e4e4e4;--bg-button:#2d2d2d;--text-button:#d4d4d4;--bg-button-hover:#404040;--border-button-hover:#777;--drag-handle:#666;--drag-handle-hover:#aaa;--warn:#ff6b6b}body{background:var(--bg-main);color:var(--text-main);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px}