.toolroll-app.toolroll-string-regex-replacer { width:100%; box-sizing:border-box; padding:1rem; border:1px solid #d7dce2; border-radius:8px; background:#fff; color:#202124; }
.toolroll-app.toolroll-string-regex-replacer * { box-sizing:border-box; }
.toolroll-app.toolroll-string-regex-replacer .toolroll-string-regex-replacer__field { min-width:0; margin-bottom:1rem; }
.toolroll-app.toolroll-string-regex-replacer label,
.toolroll-app.toolroll-string-regex-replacer legend { font-weight:600; }
.toolroll-app.toolroll-string-regex-replacer textarea,
.toolroll-app.toolroll-string-regex-replacer input[type="text"] { width:100%; margin-top:.35rem; padding:.7rem; border:1px solid #9aa0a6; border-radius:5px; font:inherit; background:#fff; color:inherit; }
.toolroll-app.toolroll-string-regex-replacer textarea { resize:vertical; min-height:8rem; }
.toolroll-app.toolroll-string-regex-replacer [data-role="replacement"] { min-height:5rem; }
.toolroll-app.toolroll-string-regex-replacer .toolroll-string-regex-replacer__grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.toolroll-app.toolroll-string-regex-replacer .toolroll-string-regex-replacer__options { display:flex; flex-wrap:wrap; gap:.75rem 1.25rem; margin:0 0 1rem; padding:.75rem; border:1px solid #d7dce2; }
.toolroll-app.toolroll-string-regex-replacer .toolroll-string-regex-replacer__options legend { padding:0 .25rem; }
.toolroll-app.toolroll-string-regex-replacer .toolroll-string-regex-replacer__options label { display:flex; align-items:center; gap:.4rem; font-weight:400; }
.toolroll-app.toolroll-string-regex-replacer .toolroll-string-regex-replacer__hint { margin:-.4rem 0 1rem; color:#5f6368; font-size:.925rem; }
.toolroll-app.toolroll-string-regex-replacer .toolroll-string-regex-replacer__actions { display:flex; flex-wrap:wrap; gap:.65rem; margin-bottom:1rem; }
.toolroll-app.toolroll-string-regex-replacer button { padding:.7rem 1rem; border:1px solid #1769aa; border-radius:5px; font:inherit; font-weight:600; cursor:pointer; background:#fff; color:#1769aa; }
.toolroll-app.toolroll-string-regex-replacer [data-action="process"] { background:#1769aa; color:#fff; }
.toolroll-app.toolroll-string-regex-replacer .toolroll-string-regex-replacer__copy { text-align:right; }
.toolroll-app.toolroll-string-regex-replacer button:disabled { opacity:.55; cursor:not-allowed; }
.toolroll-app.toolroll-string-regex-replacer :focus-visible { outline:3px solid #f6b73c; outline-offset:2px; }
.toolroll-app.toolroll-string-regex-replacer [data-role="summary"] { font-weight:600; }
.toolroll-app.toolroll-string-regex-replacer [data-state="error"] { color:#b3261e; }
.toolroll-app.toolroll-string-regex-replacer [data-state="success"] { color:#137333; }
@media (max-width:600px) { .toolroll-app.toolroll-string-regex-replacer .toolroll-string-regex-replacer__grid { grid-template-columns:1fr; gap:0; } .toolroll-app.toolroll-string-regex-replacer button { width:100%; } }