/* Text Reader page styles (tier-standard tool). */
.tr-input{width:100%;min-height:150px;resize:vertical;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font:inherit;font-size:1rem;line-height:1.6;box-sizing:border-box}
.tr-input:focus{outline:2px solid var(--focus);outline-offset:1px}
.tr-display{margin-top:16px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--bg-soft);line-height:1.7;white-space:pre-wrap;min-height:60px}
.tr-display .tr-now{background:var(--focus);color:#fff;border-radius:3px;padding:0 1px}
.tr-controls{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.tr-opts{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.tr-opts label{display:block;font-weight:600;margin-bottom:6px}
.tr-opts select,.tr-opts input[type=range]{width:100%;box-sizing:border-box}
.tr-opts select{padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;font-size:1rem}
@media (max-width:640px){.tr-opts{grid-template-columns:1fr}}