@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,400;0,14..32,500;0,14..32,600;0,14..32,700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--heading:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--mono:"JetBrains Mono", "Fira Code", ui-monospace, Consolas, monospace;font:14px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code{font-family:var(--mono);background:var(--code-bg);color:var(--text-h);border-radius:4px;padding:4px 8px;font-size:15px;line-height:135%;display:inline-flex}.counter{font-family:var(--heading);color:var(--text-h);border-radius:4px;display:inline-flex}.ui-heading,.panel-header h2,.sidebar-brand span,.sidebar-panel-header h3,.tab-button,.field-label,.detail-label,.badge,.group-item .badge{font-family:var(--heading);text-transform:uppercase;letter-spacing:.12em;font-size:13px;font-weight:700}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0f13;--surface-0:#0d1117;--surface-1:#161b22;--surface-2:#1c2330;--surface-3:#ffffff08;--border:#21262d;--border-subtle:#30363d99;--text-1:#e6edf3;--text-2:#8b949e;--text-3:#484f58;--accent:#4a9eff;--accent-dim:#4a9eff1f;--accent-border:#4a9eff4d;--yellow:#e6c700;--yellow-dim:#e6c7001f;--red:#f85149;--red-dim:#f851491f;--input-bg:#0d1117;--heading-blue:#4a9eff;--font-ui:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "Fira Code", Menlo, monospace;--text-xs:11px;--text-sm:12px;--text-base:13px;--text-md:14px;--text-lg:15px;--text-xl:22px;--text-2xl:28px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--r-sm:5px;--r-md:7px;--r-lg:10px;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 16px #0006, 0 1px 3px #0000004d;--sidebar-w:228px;--right-w:288px;font-family:var(--font-ui);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;line-height:1.55}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);width:100%;height:100%;color:var(--text-1);overflow:hidden}#root{width:100%;height:100%;overflow:hidden}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}input,textarea{font:inherit}ul,ol{list-style:none}a{color:inherit;text-decoration:none}.app-root{flex-direction:column;height:100%;display:flex;overflow:hidden}.app-shell{grid-template-columns:var(--sidebar-w) 1fr var(--right-w);flex:1;min-height:0;display:grid;overflow:hidden}.sidebar{background:var(--surface-0);border-right:1px solid var(--border);padding:var(--sp-4) 0;flex-direction:column;display:flex;overflow:hidden auto}.sidebar-brand{align-items:center;gap:var(--sp-2);padding:0 var(--sp-4) var(--sp-4);border-bottom:1px solid var(--border-subtle);display:flex}.brand-icon{border-radius:var(--r-sm);background:var(--accent-dim);border:1px solid var(--accent-border);width:26px;height:26px;color:var(--accent);flex-shrink:0;place-items:center;display:grid}.brand-name{font-size:var(--text-md);color:var(--text-1);letter-spacing:-.01em;font-weight:600}.sidebar-section-label{padding:var(--sp-4) var(--sp-4) var(--sp-2);font-size:var(--text-xs);letter-spacing:.07em;text-transform:uppercase;color:var(--text-3);font-weight:600}.tab-list{padding:0 var(--sp-2);flex-direction:column;gap:2px;display:flex}.tab-btn{align-items:center;gap:var(--sp-2);width:100%;padding:7px var(--sp-3);border-radius:var(--r-md);font-size:var(--text-base);color:var(--text-2);-webkit-user-select:none;user-select:none;font-weight:500;transition:background .12s,color .12s;display:flex;position:relative}.tab-btn:hover{background:var(--surface-3);color:var(--text-1)}.tab-btn.active{background:var(--accent-dim);color:var(--text-1)}.tab-btn__icon{opacity:.7;flex-shrink:0;place-items:center;display:grid}.tab-btn.active .tab-btn__icon{opacity:1;color:var(--accent)}.tab-btn__label{flex:1}.tab-btn__pip{background:var(--accent);border-radius:50%;width:5px;height:5px;display:block}.sidebar-content{padding:var(--sp-4) var(--sp-3) var(--sp-4);flex:1;min-height:0;overflow-y:auto}.panel-section{gap:var(--sp-2);flex-direction:column;display:flex}.panel-section__head{margin-bottom:var(--sp-1);justify-content:space-between;align-items:center;display:flex}.panel-section__title{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);font-weight:600}.text-btn{font-size:var(--text-sm);color:var(--text-3);padding:2px var(--sp-1);border-radius:var(--r-sm);font-weight:500;transition:color .12s}.text-btn:hover{color:var(--red)}.history-list{gap:var(--sp-1);flex-direction:column;display:flex}.history-card{text-align:left;width:100%;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);background:0 0;border:1px solid #0000;transition:background .12s,border-color .12s;display:block}.history-card:hover{background:var(--surface-3);border-color:var(--border-subtle)}.history-card__top{justify-content:space-between;align-items:center;gap:var(--sp-2);margin-bottom:4px;display:flex}.history-card__tag{font-size:var(--text-xs);color:var(--text-3);background:#ffffff0a;border-radius:100px;padding:1px 6px;font-weight:500}.history-card__time{font-size:var(--text-xs);color:var(--text-3)}.history-card__pattern{align-items:center;gap:var(--sp-1);display:flex;overflow:hidden}.history-card__pattern code{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent);white-space:nowrap;text-overflow:ellipsis;background:0 0;padding:0;overflow:hidden}.history-card__flags{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-3);flex-shrink:0}.groups-list{gap:var(--sp-2);flex-direction:column;display:flex}.group-card{padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);border:1px solid var(--border-subtle);background:var(--surface-2)}.group-card__header{align-items:center;gap:var(--sp-2);display:flex}.group-card__index{font-size:var(--text-xs);color:var(--text-3);font-weight:600}.group-card__value{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--yellow);background:0 0;padding:0}.group-card__badges{margin-top:var(--sp-2);flex-wrap:wrap;gap:4px;display:flex}.preset-list{gap:var(--sp-1);flex-direction:column;display:flex}.preset-card{text-align:left;width:100%;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);background:0 0;border:1px solid #0000;flex-direction:column;gap:3px;transition:background .12s,border-color .12s;display:flex}.preset-card:hover{background:var(--surface-3)}.preset-card.active{background:var(--accent-dim);border-color:var(--accent-border)}.preset-card__name{font-size:var(--text-base);color:var(--text-1);font-weight:600}.preset-card.active .preset-card__name{color:var(--accent)}.preset-card__desc{font-size:var(--text-sm);color:var(--text-2)}.badge{font-size:var(--text-xs);padding:2px var(--sp-2);background:var(--accent-dim);color:var(--accent);border:1px solid var(--accent-border);border-radius:100px;font-weight:500;display:inline-flex}.empty-state{font-size:var(--text-base);color:var(--text-3);padding:var(--sp-3) 0;line-height:1.5}.content-area{background:var(--surface-1);border-left:1px solid var(--border);border-right:1px solid var(--border);padding:var(--sp-5) var(--sp-5) var(--sp-8);overflow:hidden auto}.center-column{gap:var(--sp-4);flex-direction:column;max-width:720px;margin:0 auto;display:flex}.card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--shadow-sm);gap:var(--sp-4);flex-direction:column;display:flex}.card__header{justify-content:space-between;align-items:flex-start;gap:var(--sp-4);display:flex}.card__title{font-size:var(--text-md);color:var(--text-1);letter-spacing:-.01em;font-weight:600;line-height:1.3}.card__subtitle{font-size:var(--text-sm);color:var(--text-2);margin-top:2px;font-weight:400}.match-pill{font-size:var(--text-xs);padding:3px var(--sp-2);background:var(--yellow-dim);color:var(--yellow);border:1px solid #e6c70040;border-radius:100px;flex-shrink:0;margin-top:2px;font-weight:600}.field{gap:var(--sp-2);flex-direction:column;display:flex}.field--row{align-items:center;gap:var(--sp-4);flex-direction:row}.field--row .field__label{flex-shrink:0;width:56px;margin:0}.field__label{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);font-weight:600}.field__error{font-size:var(--text-sm);color:var(--red);font-weight:500}.pattern-wrap{background:var(--input-bg);border:1px solid var(--border);border-radius:var(--r-md);align-items:center;gap:0;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.pattern-wrap:focus-within{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-dim)}.pattern-wrap--invalid{border-color:var(--red)!important;box-shadow:0 0 0 3px var(--red-dim)!important}.pattern-wrap__delim,.pattern-wrap__flags{font-family:var(--font-mono);font-size:var(--text-md);color:var(--text-3);padding:11px var(--sp-2) 11px var(--sp-3);-webkit-user-select:none;user-select:none;flex-shrink:0}.pattern-wrap__flags{padding:11px var(--sp-3) 11px var(--sp-2)}.pattern-input{color:var(--text-1);font-family:var(--font-mono);font-size:var(--text-md);caret-color:var(--accent);background:0 0;border:none;outline:none;flex:1;padding:11px 0;font-weight:500}.pattern-input::placeholder{color:var(--text-3)}.flags-row{align-items:center;gap:var(--sp-3);flex:1;display:flex}.flags-text-input{background:var(--input-bg);border:1px solid var(--border);border-radius:var(--r-sm);width:72px;color:var(--text-1);font-family:var(--font-mono);font-size:var(--text-base);padding:6px var(--sp-2);outline:none;flex-shrink:0;transition:border-color .15s}.flags-text-input:focus{border-color:var(--accent-border)}.flag-pills{gap:var(--sp-1);display:flex}.flag-pill{border-radius:var(--r-sm);border:1px solid var(--border);width:28px;height:28px;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-2);background:0 0;place-items:center;font-weight:600;transition:all .15s;display:grid}.flag-pill:not(:disabled):hover{border-color:var(--accent-border);color:var(--accent)}.flag-pill--on{background:var(--accent);border-color:var(--accent);color:#fff}.flag-pill--on:not(:disabled):hover{background:var(--accent);color:#fff}.flag-pill--locked{opacity:1;cursor:default}.flag-pill--locked.flag-pill--on{opacity:.7}.editor-wrapper{border:1px solid var(--border);border-radius:var(--r-md);width:100%;height:240px;transition:border-color .15s;position:relative;overflow:hidden}.editor-wrapper:focus-within{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-dim)}.highlight-layer{padding:var(--sp-3) var(--sp-4);font-family:var(--font-mono);font-size:var(--text-md);letter-spacing:normal;color:var(--text-1);white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;background:var(--input-bg);border-radius:var(--r-md);pointer-events:none;z-index:1;font-weight:400;line-height:1.65;position:absolute;inset:0;overflow:hidden}.highlight-layer mark{background:var(--yellow);color:#000;border-radius:2px;padding:1px 0}.test-input.overlay{padding:var(--sp-3) var(--sp-4);font-family:var(--font-mono);font-size:var(--text-md);letter-spacing:normal;color:#0000;caret-color:var(--text-1);resize:none;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;-webkit-text-fill-color:transparent;z-index:2;background:0 0;border:none;outline:none;font-weight:400;line-height:1.65;position:absolute;inset:0;overflow:auto}.test-input.overlay::placeholder{color:var(--text-3);-webkit-text-fill-color:var(--text-3)}.test-input.overlay::selection{background:#6496ff38}.right-panel{background:var(--surface-0);border-left:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden auto}.right-section{padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border-subtle)}.right-section--ref{border-bottom:none;flex:1}.right-section__header{margin-bottom:var(--sp-3);justify-content:space-between;align-items:center;display:flex}.right-section__label{font-size:var(--text-xs);letter-spacing:.07em;text-transform:uppercase;color:var(--text-3);font-weight:600}.right-section__count{font-size:var(--text-xs);background:var(--yellow-dim);color:var(--yellow);border:1px solid #e6c70033;border-radius:100px;padding:1px 6px;font-weight:600}.stat-grid{gap:var(--sp-2);grid-template-columns:repeat(3,1fr);display:grid}.stat-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-3);flex-direction:column;gap:4px;transition:border-color .15s;display:flex}.stat-card:hover{border-color:var(--accent-border)}.stat-card__value{font-size:var(--text-2xl);color:var(--text-1);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.matches-count{color:var(--yellow)}.stat-card__label{font-size:var(--text-xs);color:var(--text-3);letter-spacing:.04em;text-transform:uppercase;font-weight:500}.alert{margin:0 var(--sp-5) var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);font-size:var(--text-sm);font-weight:500;line-height:1.45}.alert--error{background:var(--red-dim);color:var(--red);border:1px solid #f8514940}.alert--warn{color:#e68a00;background:#e664001a;border:1px solid #e6640033}.match-list{flex-direction:column;gap:2px;max-height:180px;display:flex;overflow-y:auto}.match-row{align-items:center;gap:var(--sp-2);padding:5px var(--sp-2);border-radius:var(--r-sm);transition:background .1s;display:flex}.match-row:hover{background:var(--surface-3)}.match-row__index{font-size:var(--text-xs);color:var(--text-3);text-align:right;flex-shrink:0;width:18px;font-weight:600}.match-row__value{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-1);text-overflow:ellipsis;white-space:nowrap;background:0 0;flex:1;padding:0;overflow:hidden}.match-row__range{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-3);flex-shrink:0}.qref-list{flex-direction:column;gap:1px;display:flex}.qref-row{align-items:center;gap:var(--sp-3);padding:6px var(--sp-2);border-radius:var(--r-sm);transition:background .1s;display:flex}.qref-row:hover{background:var(--surface-3)}.qref-row__code{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent);background:var(--accent-dim);border:1px solid var(--accent-border);border-radius:var(--r-sm);text-align:center;flex-shrink:0;min-width:52px;padding:2px 6px;font-weight:600}.qref-row__desc{font-size:var(--text-sm);color:var(--text-2);flex:1}.site-footer{border-top:1px solid var(--border);background:var(--surface-0);padding:var(--sp-4) var(--sp-6);flex-shrink:0}.footer-main{justify-content:space-between;align-items:center;gap:var(--sp-6);flex-wrap:wrap;display:flex}.footer-brand-block{flex-direction:column;gap:4px;display:flex}.footer-brand-name{align-items:center;gap:var(--sp-2);font-size:var(--text-base);color:var(--text-1);letter-spacing:-.01em;font-weight:700;display:inline-flex}.footer-brand-name svg{color:var(--accent);flex-shrink:0}.footer-tagline{font-size:var(--text-sm);color:var(--text-3);max-width:440px;line-height:1.5}.footer-meta{align-items:center;gap:var(--sp-3);flex-wrap:wrap;flex-shrink:0;display:flex}.footer-version{font-size:var(--text-xs);color:var(--text-3);background:var(--surface-2);border:1px solid var(--border);padding:3px var(--sp-2);letter-spacing:.02em;border-radius:100px;font-weight:600}.footer-sep{color:var(--text-3);-webkit-user-select:none;user-select:none;font-size:var(--text-sm)}.footer-link{font-size:var(--text-sm);color:var(--text-2);align-items:center;gap:4px;font-weight:500;transition:color .15s;display:inline-flex}.footer-link:hover{color:var(--accent)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}@media (width<=1100px){:root{--sidebar-w:200px;--right-w:260px}}@media (width<=860px){.app-shell{grid-template-columns:1fr;grid-auto-rows:auto;align-items:start;overflow-y:auto}.sidebar,.right-panel,.content-area{border:none;border-bottom:1px solid var(--border);overflow-y:visible}.editor-wrapper{height:180px}.stat-grid{grid-template-columns:repeat(3,1fr)}}