.find-and-replace{width:100%;padding:var(--s5);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow);gap:var(--s4);flex-direction:column;margin:0 auto;display:flex}.find-and-replace textarea{min-height:170px;font-family:var(--font-mono);font-size:.85rem}.find-and-replace #far-output{background-color:var(--surface-inset);color:var(--text)}.find-and-replace .pair{gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.find-and-replace .pair input{font-family:var(--font-mono);font-size:.88rem}.find-and-replace .options{gap:var(--s2);grid-template-columns:repeat(auto-fit,minmax(210px,1fr));display:grid}.find-and-replace .option{align-items:center;gap:var(--s2);min-height:var(--tap);padding:0 var(--s3);background-color:var(--surface-inset);border:1px solid var(--border);border-radius:var(--r-sm);display:flex}.find-and-replace .option label{cursor:pointer;flex:1;font-size:.88rem}.find-and-replace .output-head{justify-content:space-between;align-items:center;gap:var(--s3);display:flex}.find-and-replace .output-head button{min-height:34px;padding:0 var(--s3);font-size:.82rem}.find-and-replace .output-head button:disabled{opacity:.5;cursor:not-allowed}.find-and-replace code{background-color:var(--surface-inset);border-radius:3px;padding:1px 4px;font-size:.85em}