:root{--color-bg: #0f1117;--color-surface: #1a1d27;--color-surface-alt: #22252f;--color-border: #2e3140;--color-text: #e1e4ed;--color-text-muted: #8b8fa3;--color-primary: #646cff;--color-primary-hover:#535bf2;--color-success: #22c55e;--color-error: #ef4444;--color-danger: #dc2626;--color-danger-hover: #b91c1c;--color-badge-criteria: #3b82f6;--color-badge-action: #8b5cf6;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--font-mono: "SF Mono", "Cascadia Code", "Fira Code", "Consolas", monospace;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--transition: .15s ease}[data-theme=light]{--color-bg: #f5f5f7;--color-surface: #ffffff;--color-surface-alt: #f0f0f3;--color-border: #d4d4d8;--color-text: #18181b;--color-text-muted: #71717a;--color-primary: #4f46e5;--color-primary-hover:#4338ca;--color-success: #16a34a;--color-error: #dc2626;--color-danger: #dc2626;--color-danger-hover: #b91c1c;--color-badge-criteria: #2563eb;--color-badge-action: #7c3aed;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);font-size:14px;line-height:1.6;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}#app{max-width:900px;margin:0 auto;padding:0 16px 64px}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--color-border);margin-bottom:24px;position:sticky;top:0;background:var(--color-bg);z-index:10}.toolbar__left{display:flex;align-items:center;gap:16px}.toolbar__title{font-size:20px;font-weight:700;display:flex;align-items:center;gap:8px;color:var(--color-primary)}.toolbar__logo{flex-shrink:0}.toolbar__undo-redo{display:flex;gap:2px}.toolbar__right{display:flex;gap:8px;align-items:center}.toolbar__theme{position:relative}.toolbar__theme-icon--dark{display:none}.toolbar__theme-icon--light,[data-theme=light] .toolbar__theme-icon--dark{display:block}[data-theme=light] .toolbar__theme-icon--light{display:none}.btn{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border:1px solid transparent;border-radius:var(--radius-sm);font-size:13px;font-weight:500;cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition);white-space:nowrap}.btn:disabled{opacity:.35;cursor:default;pointer-events:none}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover{background:var(--color-primary-hover)}.btn--secondary{background:var(--color-surface-alt);color:var(--color-text);border-color:var(--color-border)}.btn--secondary:hover{background:var(--color-border)}.btn--ghost{background:transparent;color:var(--color-text-muted)}.btn--ghost:hover{color:var(--color-text);background:var(--color-surface-alt)}.btn--danger{color:var(--color-danger)}.btn--danger:hover{color:#fff;background:var(--color-danger);border-color:var(--color-danger)}.btn--sm{padding:4px 10px;font-size:12px}.btn--icon{padding:4px;background:none;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition),background var(--transition)}.btn--icon:hover{color:var(--color-text);background:var(--color-surface-alt)}.btn--icon.btn--danger:hover{color:#fff;background:var(--color-danger)}.import-panel{margin-bottom:24px}.import-panel__drop-zone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:32px;text-align:center;transition:border-color var(--transition),background var(--transition);cursor:default}.import-panel__drop-zone--active,.import-panel__drop-zone:hover{border-color:var(--color-primary);background:#646cff0d}.import-panel__drop-content{display:flex;flex-direction:column;align-items:center;gap:12px}.import-panel__icon{width:40px;height:40px;color:var(--color-text-muted)}.import-panel__drop-content p{color:var(--color-text-muted)}.import-panel__drop-content code{font-family:var(--font-mono);font-size:13px;background:var(--color-surface-alt);padding:2px 6px;border-radius:var(--radius-sm)}.import-panel__file-input{display:none}.import-panel__file-label{cursor:pointer}.import-panel__paste{margin-top:12px}.import-panel__paste summary{cursor:pointer;color:var(--color-text-muted);font-size:13px;padding:4px 0}.import-panel__paste summary:hover{color:var(--color-text)}.import-panel__textarea{width:100%;margin-top:8px;padding:10px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-family:var(--font-mono);font-size:12px;resize:vertical}.import-panel__textarea:focus{outline:none;border-color:var(--color-primary)}.import-panel__parse-btn{margin-top:8px}.search-bar{display:flex;gap:8px;margin-bottom:16px;align-items:center}.search-bar__input-wrap{flex:1;position:relative;display:flex;align-items:center}.search-bar__icon{position:absolute;left:10px;color:var(--color-text-muted);pointer-events:none}.search-bar__input{width:100%;padding:8px 32px 8px 34px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:13px;font-family:var(--font-sans);transition:border-color var(--transition)}.search-bar__input:focus{outline:none;border-color:var(--color-primary)}.search-bar__input::placeholder{color:var(--color-text-muted)}.search-bar__clear{position:absolute;right:6px}.search-bar__action-filter{padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:13px;cursor:pointer;min-width:140px}.search-bar__action-filter:focus{outline:none;border-color:var(--color-primary)}.filter-list__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.filter-list__header-left{display:flex;align-items:center;gap:8px}.filter-list__select-all{display:flex;align-items:center;cursor:pointer}.filter-list__select-all-cb{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.filter-list__header h2{font-size:15px;font-weight:600;color:var(--color-text-muted)}.filter-list__bulk-bar{display:flex;align-items:center;gap:8px}.filter-list__bulk-count{font-size:13px;color:var(--color-primary);font-weight:500}.filter-list__empty{text-align:center;padding:48px 16px;color:var(--color-text-muted)}.filter-list__items{display:flex;flex-direction:column;gap:8px}.filter-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition),box-shadow var(--transition),opacity var(--transition)}.filter-card:hover{border-color:var(--color-primary)}.filter-card--editing{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.filter-card--dragging{opacity:.4}.filter-card--drop-above{border-top:2px solid var(--color-primary)}.filter-card--drop-below{border-bottom:2px solid var(--color-primary)}.filter-card__header{display:flex;align-items:flex-start;gap:8px;padding:12px 14px}.filter-card__select{display:flex;align-items:center;flex-shrink:0;padding-top:2px;cursor:pointer}.filter-card__checkbox{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.filter-card__drag-handle{display:flex;align-items:center;flex-shrink:0;padding-top:2px;cursor:grab;color:var(--color-text-muted);opacity:.4;transition:opacity var(--transition)}.filter-card:hover .filter-card__drag-handle{opacity:1}.filter-card__drag-handle:active{cursor:grabbing}.filter-card__index{font-family:var(--font-mono);font-size:12px;color:var(--color-text-muted);min-width:28px;flex-shrink:0;padding-top:2px}.filter-card__summary{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.filter-card__criteria,.filter-card__actions{display:flex;flex-wrap:wrap;gap:4px}.filter-card__controls{display:flex;gap:2px;flex-shrink:0;opacity:.5;transition:opacity var(--transition)}.filter-card:hover .filter-card__controls,.filter-card--editing .filter-card__controls{opacity:1}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:500;white-space:nowrap;max-width:320px;overflow:hidden;text-overflow:ellipsis}.badge--criteria{background:#3b82f626;color:var(--color-badge-criteria)}.badge--action{background:#8b5cf626;color:var(--color-badge-action)}.badge--empty{background:var(--color-surface-alt);color:var(--color-text-muted);font-style:italic}.filter-editor{padding:0 14px 14px;border-top:1px solid var(--color-border)}.filter-editor__group{border:none;padding:0;margin:12px 0 0}.filter-editor__group legend{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:8px}.filter-editor__field{display:flex;align-items:center;gap:8px;margin-bottom:6px}.filter-editor__field>span{min-width:120px;font-size:13px;color:var(--color-text-muted);flex-shrink:0}.filter-editor__field input[type=text]{flex:1;padding:5px 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-alt);color:var(--color-text);font-size:13px;font-family:var(--font-mono)}.filter-editor__field input[type=text]:focus{outline:none;border-color:var(--color-primary)}.filter-editor__field--bool{cursor:pointer}.filter-editor__field--bool input[type=checkbox]{accent-color:var(--color-primary);width:16px;height:16px}.filter-editor__actions{display:flex;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--color-border)}#toast-container{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column-reverse;gap:8px;z-index:1000;pointer-events:none}.toast{padding:10px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:500;box-shadow:var(--shadow-md);transform:translateY(10px);opacity:0;transition:transform .2s ease,opacity .2s ease;pointer-events:auto}.toast--visible{transform:translateY(0);opacity:1}.toast--info{background:var(--color-surface-alt);color:var(--color-text);border:1px solid var(--color-border)}.toast--success{background:#052e16;color:var(--color-success);border:1px solid #166534}.toast--error{background:#2a0a0a;color:var(--color-error);border:1px solid #7f1d1d}[data-theme=light] .toast--success{background:#f0fdf4;color:#166534;border-color:#bbf7d0}[data-theme=light] .toast--error{background:#fef2f2;color:#991b1b;border-color:#fecaca}@media(max-width:600px){.toolbar{flex-direction:column;gap:12px;align-items:stretch}.toolbar__left{justify-content:space-between}.toolbar__right{justify-content:flex-end;flex-wrap:wrap}.search-bar{flex-direction:column}.search-bar__action-filter{min-width:auto}.filter-list__header{flex-direction:column;gap:8px;align-items:flex-start}.filter-editor__field{flex-direction:column;align-items:stretch}.filter-editor__field>span{min-width:auto}.badge{max-width:200px}.filter-card__drag-handle{display:none}}