.regex-actions{justify-content:flex-end;min-height:54px}.regex-utility-actions,.regex-replace-actions{gap:8px;display:flex}.regex-expression-row{border-block:1px solid var(--line);background:color-mix(in srgb, var(--surface) 76%, transparent);grid-template-columns:132px minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;display:grid}.regex-expression-input{border:1px solid var(--line);background:var(--surface);min-width:0;font:600 1rem/1 var(--font-mono);align-items:center;padding-inline:12px;display:flex}.regex-expression-input:focus-within{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb, var(--brand) 18%, transparent)}.regex-expression-input input{width:100%;min-width:0;color:inherit;font:inherit;background:0 0;border:0;outline:0;padding:14px 8px}.regex-expression-input input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.regex-flags{font-family:var(--font-mono);border:0;gap:4px;margin:0;padding:0;display:flex}.regex-flags legend{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.regex-flags label{border:1px solid var(--line);cursor:pointer;text-transform:uppercase;place-items:center;width:32px;height:32px;display:grid}.regex-flags input{opacity:0;position:absolute}.regex-flags label:has(input:checked){border-color:var(--brand);color:var(--brand);background:color-mix(in srgb, var(--brand) 10%, transparent)}.regex-text-editor{min-height:330px;position:relative;overflow:hidden}.regex-text-editor pre,.regex-text-editor textarea{box-sizing:border-box;width:100%;min-height:330px;font:.9rem/1.7 var(--font-mono);letter-spacing:normal;tab-size:2;white-space:pre-wrap;overflow-wrap:break-word;border:0;border-radius:0;margin:0;padding:14px 16px}.regex-text-editor pre{z-index:1;pointer-events:none;color:var(--ink);position:absolute;inset:0;overflow:hidden}.regex-text-editor pre mark{background:color-mix(in oklch, var(--brand), var(--base) 72%);color:var(--ink);border-radius:3px}.regex-text-editor pre mark.is-active{background:color-mix(in oklch, var(--brand), var(--base) 48%)}.regex-text-editor textarea{z-index:2;resize:vertical;color:#0000;-webkit-text-fill-color:transparent;caret-color:var(--ink);background:0 0;position:relative}.regex-text-editor textarea::selection{background:0 0}.pane-heading>span,.regex-results-heading>span{color:var(--muted);font:.75rem/1 var(--font-mono)}.regex-results{border-top:1px solid var(--line)}.regex-results-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:48px;padding:0 16px;display:flex}.regex-results-actions{align-items:center;gap:10px;display:flex}.regex-show-replacement{min-height:32px;padding:5px 8px;font-size:.78rem}.regex-match-inspector{background:var(--recessed);min-height:54px;font:.8rem/1.45 var(--font-mono);gap:10px;padding:10px 16px;display:grid}.regex-match-nav{gap:6px;padding-bottom:1px;display:flex;overflow-x:auto}.regex-match-button{border:1px solid var(--line);background:var(--surface);min-height:32px;color:var(--ink);font:inherit;cursor:pointer;border-radius:3px;flex:none;padding:4px 8px}.regex-match-button.is-active{border-color:var(--brand);background:color-mix(in oklch, var(--brand), var(--base) 86%);color:var(--ink-strong)}.regex-match-inspector [data-match-inspector]{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.regex-match-inspector strong,.regex-match-inspector span{color:var(--muted)}.regex-match-inspector code{border:1px solid color-mix(in oklch, var(--brand), var(--line) 70%);background:var(--surface);color:var(--ink);overflow-wrap:anywhere;padding:2px 5px}.regex-replacement-panel{border:1px solid var(--line);background:var(--surface);margin-top:24px}.regex-replacement-panel summary{cursor:pointer;align-items:center;min-height:48px;padding:0 16px;font-weight:700;display:flex}.regex-replacement-content{gap:8px;padding:0 16px 24px;display:grid}.regex-replacement-help{color:var(--muted);font:.8rem/1.45 var(--font-mono);margin:0}.regex-replacement-input,.regex-replacement-content textarea{border:1px solid var(--line);background:var(--surface);width:100%;min-width:0;color:var(--ink);font-family:var(--font-mono);padding:10px}.regex-replacement-content textarea{background:var(--recessed);min-height:110px}@media (width<=720px){.regex-actions{flex-wrap:wrap;gap:10px}.regex-expression-row{grid-template-columns:1fr;gap:8px}.regex-flags{align-items:center;min-height:44px}.regex-flags label{width:44px;height:44px}.regex-text-editor,.regex-text-editor pre,.regex-text-editor textarea{min-height:240px}.regex-replace-actions{flex-wrap:wrap}.regex-results-heading{align-items:flex-start;gap:10px;padding-block:8px}.regex-results-actions{flex-wrap:wrap;justify-content:flex-end}}