export declare const ESLINT_CSS = "\n:root {\n\t--bg: #0b0c0e;\n\t--bg-grid: #14161a;\n\t--panel: #111317;\n\t--panel-2: #15181d;\n\t--border: #23262d;\n\t--border-soft: #1b1e23;\n\t--text: #e7e9ec;\n\t--dim: #82888f;\n\t--faint: #565c64;\n\t--accent: #cdf25b;\n\t--accent-dim: #8ea53a;\n\t--off: #565c64;\n\t--warn: #f0b429;\n\t--error: #ff5d5d;\n\t--mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;\n\t--serif: 'Instrument Serif', Georgia, 'Times New Roman', serif;\n}\n\n* { box-sizing: border-box; margin: 0; padding: 0; }\n\nhtml { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }\n\nbody {\n\tbackground-color: var(--bg);\n\tbackground-image:\n\t\tlinear-gradient(var(--bg-grid) 1px, transparent 1px),\n\t\tlinear-gradient(90deg, var(--bg-grid) 1px, transparent 1px);\n\tbackground-size: 44px 44px;\n\tbackground-position: center top;\n\tcolor: var(--text);\n\tfont-family: var(--mono);\n\tfont-size: 13px;\n\tline-height: 1.5;\n\tmin-height: 100vh;\n}\n\nbody::before {\n\tcontent: '';\n\tposition: fixed;\n\tinset: 0;\n\tbackground: radial-gradient(ellipse 80% 60% at 50% -10%, rgba(205, 242, 91, 0.06), transparent 70%);\n\tpointer-events: none;\n\tz-index: 0;\n}\n\n.shell { position: relative; z-index: 1; max-width: 1280px; margin: 0 auto; padding: 0 28px 80px; }\n\n/* ---- header ---- */\n.topbar {\n\tdisplay: flex;\n\talign-items: flex-end;\n\tjustify-content: space-between;\n\tgap: 24px;\n\tpadding: 34px 0 22px;\n\tborder-bottom: 1px solid var(--border);\n\tflex-wrap: wrap;\n}\n.brand { display: flex; flex-direction: column; gap: 2px; }\n.wordmark {\n\tfont-family: var(--serif);\n\tfont-size: 42px;\n\tline-height: 0.9;\n\tletter-spacing: -0.01em;\n\tfont-weight: 400;\n}\n.wordmark em { color: var(--accent); font-style: italic; }\n.subpath {\n\tfont-size: 11px;\n\tcolor: var(--dim);\n\tletter-spacing: 0.02em;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n}\n.dot { width: 5px; height: 5px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 8px var(--accent); }\n.counts { display: flex; gap: 26px; }\n.count { text-align: right; }\n.count b { display: block; font-size: 24px; font-weight: 500; letter-spacing: -0.02em; }\n.count span { font-size: 10px; text-transform: uppercase; letter-spacing: 0.14em; color: var(--faint); }\n\n/* ---- controls row ---- */\n.controls { display: flex; gap: 12px; align-items: center; padding: 18px 0; flex-wrap: wrap; }\n.tabs { display: flex; gap: 2px; background: var(--panel); border: 1px solid var(--border); border-radius: 9px; padding: 3px; }\n.tab {\n\tfont-family: var(--mono);\n\tfont-size: 12px;\n\tcolor: var(--dim);\n\tbackground: transparent;\n\tborder: 0;\n\tpadding: 7px 16px;\n\tborder-radius: 6px;\n\tcursor: pointer;\n\ttransition: color 0.15s, background 0.15s;\n\tletter-spacing: 0.01em;\n}\n.tab:hover { color: var(--text); }\n.tab[data-active='true'] { background: var(--panel-2); color: var(--accent); box-shadow: inset 0 0 0 1px var(--border); }\n.search {\n\tflex: 1;\n\tmin-width: 220px;\n\tfont-family: var(--mono);\n\tfont-size: 13px;\n\tcolor: var(--text);\n\tbackground: var(--panel);\n\tborder: 1px solid var(--border);\n\tborder-radius: 9px;\n\tpadding: 10px 14px;\n\toutline: none;\n\ttransition: border-color 0.15s, box-shadow 0.15s;\n}\n.search:focus { border-color: var(--accent-dim); box-shadow: 0 0 0 3px rgba(205, 242, 91, 0.08); }\n.search::placeholder { color: var(--faint); }\n.scope {\n\tmin-width: 250px;\n\tfont-family: var(--mono);\n\tfont-size: 12.5px;\n\tcolor: var(--accent);\n\tbackground: var(--bg);\n\tborder: 1px solid var(--border);\n\tborder-radius: 9px;\n\tpadding: 10px 14px;\n\toutline: none;\n\ttransition: border-color 0.15s, box-shadow 0.15s;\n}\n.scope:focus { border-color: var(--accent-dim); box-shadow: 0 0 0 3px rgba(205, 242, 91, 0.08); }\n.scope::placeholder { color: var(--faint); }\n.scope-clear {\n\tfont-family: var(--mono);\n\tfont-size: 11px;\n\tcolor: var(--dim);\n\tbackground: var(--panel);\n\tborder: 1px solid var(--border);\n\tborder-radius: 8px;\n\tpadding: 9px 12px;\n\tcursor: pointer;\n\ttransition: color 0.15s, border-color 0.15s;\n}\n.scope-clear:hover { color: var(--error); border-color: rgba(255, 93, 93, 0.4); }\n\n/* ---- rule controls + options editor ---- */\n.rule-controls { display: flex; align-items: center; gap: 8px; }\n.opts-toggle {\n\tfont-family: var(--mono);\n\tfont-size: 11px;\n\tcolor: var(--faint);\n\tbackground: transparent;\n\tborder: 1px solid var(--border);\n\tborder-radius: 7px;\n\tpadding: 6px 10px;\n\tcursor: pointer;\n\ttransition: color 0.13s, border-color 0.13s, background 0.13s;\n}\n.opts-toggle:hover { color: var(--text); }\n.opts-toggle[data-on='true'] { color: var(--accent); border-color: var(--accent-dim); background: rgba(205, 242, 91, 0.06); }\n.opts-editor { margin-top: 10px; max-width: 70ch; }\n.opts-input {\n\twidth: 100%;\n\tfont-family: var(--mono);\n\tfont-size: 12px;\n\tline-height: 1.5;\n\tcolor: var(--text);\n\tbackground: var(--bg);\n\tborder: 1px solid var(--border);\n\tborder-radius: 8px;\n\tpadding: 10px 12px;\n\tresize: vertical;\n\toutline: none;\n}\n.opts-input:focus { border-color: var(--accent-dim); box-shadow: 0 0 0 3px rgba(205, 242, 91, 0.08); }\n.opts-error { color: var(--error); font-size: 11px; margin-top: 6px; white-space: pre-wrap; }\n.opts-actions { display: flex; gap: 8px; margin-top: 8px; }\n.opts-btn {\n\tfont-family: var(--mono);\n\tfont-size: 11px;\n\tcolor: var(--dim);\n\tbackground: var(--panel);\n\tborder: 1px solid var(--border);\n\tborder-radius: 7px;\n\tpadding: 7px 13px;\n\tcursor: pointer;\n\ttransition: color 0.13s, border-color 0.13s;\n}\n.opts-btn:hover { color: var(--text); }\n.opts-btn.save { color: var(--accent); border-color: var(--accent-dim); }\n.opts-btn.save:hover { background: rgba(205, 242, 91, 0.08); }\n\n/* ---- layout ---- */\n.layout { display: grid; grid-template-columns: 200px 1fr; gap: 24px; margin-top: 20px; align-items: start; }\n.rail { position: sticky; top: 20px; display: flex; flex-direction: column; gap: 3px; }\n.rail-label { font-size: 10px; text-transform: uppercase; letter-spacing: 0.16em; color: var(--faint); padding: 4px 10px 8px; }\n.source-btn {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tgap: 8px;\n\tfont-family: var(--mono);\n\tfont-size: 12px;\n\tcolor: var(--dim);\n\tbackground: transparent;\n\tborder: 0;\n\tborder-left: 2px solid transparent;\n\tpadding: 7px 10px;\n\tcursor: pointer;\n\ttext-align: left;\n\ttransition: color 0.15s, background 0.12s, border-color 0.15s;\n\tborder-radius: 0 6px 6px 0;\n}\n.source-btn:hover { color: var(--text); background: var(--panel); }\n.source-btn[data-active='true'] { color: var(--accent); border-left-color: var(--accent); background: var(--panel); }\n.source-btn .n { font-size: 11px; color: var(--faint); }\n.source-btn[data-active='true'] .n { color: var(--accent-dim); }\n\n/* ---- rule list ---- */\n.section { margin-bottom: 30px; animation: rise 0.5s cubic-bezier(0.2, 0.8, 0.2, 1) both; }\n.section-head { display: flex; align-items: baseline; gap: 12px; padding: 0 2px 10px; border-bottom: 1px dashed var(--border-soft); margin-bottom: 4px; }\n.section-title { font-family: var(--serif); font-size: 22px; font-style: italic; }\n.section-files { font-size: 11px; color: var(--faint); }\n\n.rule {\n\tdisplay: grid;\n\tgrid-template-columns: 1fr auto;\n\tgap: 14px;\n\talign-items: center;\n\tpadding: 13px 14px;\n\tborder: 1px solid transparent;\n\tborder-radius: 10px;\n\ttransition: background 0.14s, border-color 0.14s;\n\tposition: relative;\n}\n.rule:hover { background: var(--panel); border-color: var(--border-soft); }\n.rule-main { min-width: 0; }\n.rule-name-row { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }\n.rule-name { font-size: 13.5px; color: var(--text); letter-spacing: -0.01em; }\n.rule-name .pfx { color: var(--faint); }\n.badge {\n\tfont-size: 9.5px;\n\ttext-transform: uppercase;\n\tletter-spacing: 0.08em;\n\tpadding: 2px 6px;\n\tborder-radius: 4px;\n\tborder: 1px solid var(--border);\n\tcolor: var(--dim);\n\tbackground: var(--panel-2);\n}\n.badge.src { color: var(--accent-dim); border-color: rgba(205, 242, 91, 0.2); }\n.badge.fix { color: #6cc6ff; border-color: rgba(108, 198, 255, 0.22); }\n.badge.dep { color: var(--warn); border-color: rgba(240, 180, 41, 0.25); }\n.rule-desc { font-size: 11.5px; color: var(--dim); margin-top: 4px; max-width: 64ch; line-height: 1.45; }\n.rule-opts { font-size: 11px; color: var(--accent-dim); margin-top: 5px; background: var(--bg); border: 1px solid var(--border-soft); border-radius: 5px; padding: 3px 7px; display: inline-block; white-space: pre-wrap; word-break: break-word; }\n.docs { color: var(--faint); text-decoration: none; transition: color 0.15s; font-size: 11px; }\n.docs:hover { color: var(--accent); }\n\n/* ---- severity segmented control ---- */\n.seg { display: inline-flex; background: var(--bg); border: 1px solid var(--border); border-radius: 8px; padding: 2px; gap: 2px; }\n.seg button {\n\tfont-family: var(--mono);\n\tfont-size: 11px;\n\tletter-spacing: 0.02em;\n\tcolor: var(--faint);\n\tbackground: transparent;\n\tborder: 0;\n\tpadding: 5px 11px;\n\tborder-radius: 6px;\n\tcursor: pointer;\n\ttransition: color 0.13s, background 0.13s, box-shadow 0.13s;\n}\n.seg button:hover:not([data-on='true']) { color: var(--text); }\n.seg button[data-sev='off'][data-on='true'] { background: rgba(86, 92, 100, 0.22); color: #c2c7cd; box-shadow: inset 0 0 0 1px rgba(130,136,143,0.4); }\n.seg button[data-sev='warn'][data-on='true'] { background: rgba(240, 180, 41, 0.16); color: var(--warn); box-shadow: inset 0 0 0 1px rgba(240,180,41,0.45); }\n.seg button[data-sev='error'][data-on='true'] { background: rgba(255, 93, 93, 0.15); color: var(--error); box-shadow: inset 0 0 0 1px rgba(255,93,93,0.45); }\n.seg.busy { opacity: 0.45; pointer-events: none; }\n\n.cat-control { display: flex; align-items: center; }\n.effective { font-size: 10px; color: var(--faint); margin-right: 10px; letter-spacing: 0.04em; }\n.effective b { color: var(--dim); }\n\n/* ---- toast ---- */\n.toast {\n\tposition: fixed;\n\tbottom: 22px;\n\tleft: 50%;\n\ttransform: translateX(-50%);\n\tz-index: 50;\n\tfont-family: var(--mono);\n\tfont-size: 12px;\n\tpadding: 11px 18px;\n\tborder-radius: 10px;\n\tborder: 1px solid var(--border);\n\tbackground: var(--panel-2);\n\tbox-shadow: 0 18px 50px rgba(0, 0, 0, 0.55);\n\tanimation: rise 0.3s ease both;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 10px;\n}\n.toast b { font-size: 14px; }\n.toast.ok b { color: var(--accent); }\n.toast.err b { color: var(--error); }\n\n.empty { padding: 60px 20px; text-align: center; color: var(--faint); font-size: 13px; }\n.more { padding: 18px 4px; font-size: 11px; color: var(--faint); text-align: center; }\n\n@keyframes rise { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }\n\n@media (max-width: 820px) {\n\t.layout { grid-template-columns: 1fr; }\n\t.rail { position: static; flex-direction: row; flex-wrap: wrap; }\n\t.wordmark { font-size: 34px; }\n}\n";