:root{color-scheme:light;--paper:#f5f3ec;--panel:#fffef9;--ink:#30382f;--muted:#70796a;--line:#d7decf;--green:#42654e;--pale:#e6eddf;font:12px/1.45 'Segoe UI',Arial,sans-serif;background:var(--paper);color:var(--ink)}
*{box-sizing:border-box}body{margin:0;min-width:280px}button,input,textarea,select,summary{font:inherit;color:inherit}button,summary{cursor:pointer}button,select,summary{min-height:29px;padding:5px 9px;border:1px solid #bdcbb5;border-radius:5px;background:var(--panel)}button:hover:not(:disabled),summary:hover{background:var(--pale)}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:3px}a{color:var(--green)}[hidden]{display:none!important}.text-button{min-height:25px;padding:3px 6px;border-color:transparent;background:transparent;color:var(--green);font-size:11px}.app-shell{max-width:1100px;margin:0 auto}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}.app-heading{display:flex;align-items:center;gap:8px;min-width:0}.app-heading img{flex:none}h1{margin:0;font:400 26px/1.2 Georgia,serif;letter-spacing:-.4px}.file-actions{display:flex;align-items:center;gap:6px;flex:none}.file-menu{position:relative}.file-menu summary{list-style:none;min-width:53px;text-align:center;font-size:11px}.file-menu summary::-webkit-details-marker{display:none}.file-menu[open] summary{background:var(--pale)}.file-options{position:absolute;right:0;top:calc(100% + 5px);z-index:20;width:225px;padding:5px;border:1px solid #aebfa4;border-radius:6px;background:var(--panel);box-shadow:0 8px 25px #0002}.file-options button{display:block;width:100%;min-height:31px;border-color:transparent;background:transparent;border-radius:3px;text-align:left;font-size:11px}.file-options button:hover:not(:disabled){background:var(--pale)}.file-options hr{margin:5px 4px;border:0;border-top:1px solid var(--line)}
.pattern-section{padding:14px 18px 0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px;font-size:11px}.section-heading label{font-weight:600}.section-heading h2{margin:0;font:600 11px 'Segoe UI',Arial,sans-serif}.dialect{margin-left:auto;color:var(--muted);font-size:10px}.pattern-input{display:flex;align-items:center;gap:9px;border:1px solid #bac9b1;border-radius:6px;background:var(--panel);padding:0 11px;font:18px/1.5 Consolas,'Courier New',monospace}.pattern-input:focus-within{outline:2px solid var(--green);outline-offset:2px}.pattern-input>span{color:#91a184;user-select:none}.pattern-input input{display:block;width:100%;min-width:0;border:0;outline:none;padding:9px 0;background:transparent;font:16px/1.5 Consolas,'Courier New',monospace}.pattern-input input:focus-visible{outline:none}.pattern-input input::placeholder{font:12px 'Segoe UI',Arial,sans-serif;color:#929d88}.flag-row{display:flex;align-items:center;gap:9px;padding-top:9px}.flag-label{font-size:10px;color:var(--muted)}#flags{display:flex;gap:4px;flex-wrap:wrap}#flags label{position:relative;cursor:pointer}#flags input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}#flags span{display:grid;place-items:center;width:29px;height:27px;border:1px solid #d1d9c9;border-radius:4px;background:#fffef780;font:12px Consolas,monospace}#flags input:checked+span{background:#dfe9d7;color:#31563b;border-color:#99b087}#flags input:focus-visible+span{outline:2px solid var(--green);outline-offset:2px}#clear{margin-left:auto}.text-section{padding:14px 18px 0}#text-length{font-size:10px;color:var(--muted)}.text-editor{position:relative;overflow:hidden;border:1px solid #c6cfbd;border-radius:6px;background:var(--panel)}.text-editor:focus-within{outline:2px solid var(--green);outline-offset:2px}.text-editor pre,.text-editor textarea{tab-size:4;padding:10px 11px;font:13px/1.6 Consolas,'Courier New',monospace;letter-spacing:normal;white-space:pre;word-spacing:normal;text-align:left}.text-editor pre{position:absolute;inset:0;margin:0;overflow:hidden;color:transparent;pointer-events:none;z-index:0}.text-editor textarea{position:relative;display:block;width:100%;height:170px;min-height:100px;max-height:600px;margin:0;resize:vertical;overflow:auto;border:0;border-radius:0;background:transparent;color:var(--ink);caret-color:#203c29;z-index:1;scrollbar-width:thin}.text-editor textarea:focus-visible{outline:none}.text-editor textarea::placeholder{color:#929d88}.text-editor mark{color:transparent;background:#eed77da8;border-radius:2px}.text-editor mark.is-selected{background:#acd8a5c9;box-shadow:0 0 0 1px #81a979}.text-editor mark.zero-match{display:inline-block;width:0;position:relative;vertical-align:text-bottom;height:1.2em;border-left:2px solid #bb8c3a;margin-left:-1px;margin-right:-1px;border-radius:0}.text-editor mark.zero-match.is-selected{border-color:#4c8550;box-shadow:none}.run-status{display:flex;align-items:center;gap:10px;min-height:34px;padding:6px 18px}.run-status p{margin:0;font-size:11px;color:var(--muted);overflow-wrap:anywhere}.run-status p.error{color:#a24536}#stop{margin-left:auto;flex:none}.view-switch{display:flex;gap:4px;padding:0 18px;border-bottom:1px solid var(--line)}.view-switch>button{min-height:32px;padding:6px 12px;border:1px solid transparent;border-bottom:0;border-radius:5px 5px 0 0;background:transparent;font-size:11px;color:var(--muted)}.view-switch>button[aria-pressed=true]{border-color:var(--line);background:#fffef9;color:#31563b}.view-switch button span{display:inline-block;min-width:17px;margin-left:4px;padding:0 4px;border-radius:3px;background:#e6eddf;font-size:10px}.result-view{padding:14px 18px 18px;min-height:130px}.empty{padding:17px 0;color:var(--muted);font-size:12px}.match-navigation{display:flex;align-items:center;gap:7px;margin-bottom:12px;font-size:11px}.match-navigation>button{width:27px;min-height:27px;padding:2px;font-size:18px;line-height:1}.match-navigation select{min-width:0;max-width:180px;padding:4px 22px 4px 7px;min-height:27px;font-size:11px}.match-navigation>span{margin-left:auto;color:var(--muted);font-size:10px}.table-scroll{overflow:auto}.capture-table{width:100%;border-collapse:collapse;text-align:left;table-layout:fixed;font-size:11px}.capture-table th{padding:6px 8px;border-bottom:1px solid var(--line);font-weight:500;color:var(--muted);background:#ecefe4}.capture-table th:first-child{width:105px}.capture-table th:last-child{width:100px}.capture-table td{vertical-align:top;padding:8px;border-bottom:1px solid #e0e5d7;overflow-wrap:anywhere}.capture-table td:last-child{font:10px/1.5 Consolas,monospace;color:var(--muted)}.capture-table pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:150px;overflow:auto;margin:0;font:12px/1.5 Consolas,'Courier New',monospace}.unmatched{font-style:italic;color:var(--muted)}#replacement{display:block;width:100%;min-height:60px;resize:vertical;padding:9px 11px;border:1px solid #c6cfbd;border-radius:5px;background:var(--panel);font:12px/1.55 Consolas,monospace}.replacement-hint{margin:7px 0 0;font-size:10px;color:var(--muted)}.output-heading{margin-top:16px}.output-heading>span{font-size:10px;color:var(--muted)}.replacement-output{margin:0;min-height:90px;max-height:340px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;padding:10px 11px;border:1px solid var(--line);border-radius:5px;background:var(--panel);font:12px/1.6 Consolas,'Courier New',monospace}.reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.reference h2{margin:0 0 10px;font-size:12px;font-weight:600}.reference dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:9px 13px;font-size:11px}.reference dt{font-family:Consolas,monospace;color:#345b3e}.reference dd{margin:0;color:#646f5c}.reference p{font-size:11px;color:var(--muted)}.reference a{font-size:11px}.app-footer{display:flex;justify-content:space-between;gap:10px;padding:10px 18px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}noscript{display:block;padding:20px;color:#a24536}
@media(max-width:620px){.app-header{padding:12px;gap:8px}.app-heading{gap:6px}.app-heading img{width:27px;height:22px}h1{font-size:23px}.pattern-section{padding:12px 12px 0}.text-section{padding:12px 12px 0}.run-status{padding:6px 12px}.view-switch{padding:0 12px}.result-view{padding:12px}.text-editor textarea{height:150px}.reference-grid{grid-template-columns:1fr;gap:22px}.app-footer{padding:9px 12px}.match-navigation{gap:5px}.capture-table th:first-child{width:85px}.capture-table th:last-child{width:80px}.capture-table th,.capture-table td{padding:7px 5px}}
@media(max-width:400px){.app-heading img{display:none}h1{font-size:22px}.file-actions{gap:4px}.file-menu summary{min-width:43px;padding:4px 7px}.flag-row{gap:6px}#flags{gap:3px}#flags span{width:25px;height:26px}.flag-label{display:none}.text-button{font-size:10px}.match-navigation>span{max-width:85px;text-align:right}.match-navigation select{max-width:130px}.capture-table th:first-child{width:65px}.capture-table th:last-child{width:66px}.app-footer{flex-wrap:wrap;gap:4px}}