/* ficklestudio26 · Text tools (builds on /timer/timer.css) */
.x-area { width:100%; min-height:220px; padding:14px; border:2px solid #e8e8ec; border-radius:14px; font:18px/1.6 system-ui,sans-serif; resize:vertical; background:#fff; text-align:left; }
.x-area:focus { outline:none; border-color:#e8590c; }
.x-stats { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin:0 0 14px; }
.x-stats .big { background:#fff4e6; border-radius:16px; padding:14px 8px; text-align:center; }
.x-stats .big b { display:block; font:800 clamp(44px,12vw,92px)/1 system-ui,sans-serif; color:#d9480f; font-variant-numeric:tabular-nums; }
.x-stats .big span { font:700 14px system-ui,sans-serif; color:#5b5b66; text-transform:uppercase; letter-spacing:.06em; }
.x-small { display:grid; grid-template-columns:repeat(auto-fit,minmax(120px,1fr)); gap:8px; margin:12px 0; }
.x-small div { background:#f8f9fa; border-radius:12px; padding:8px 6px; text-align:center; }
.x-small b { display:block; font:800 22px system-ui,sans-serif; }
.x-small span { font:600 12px system-ui,sans-serif; color:#5b5b66; }
.x-top { color:#5b5b66; font-size:14px; margin:6px 0 0; text-align:left; }
.x-btns { display:flex; gap:8px; flex-wrap:wrap; margin:0 0 12px; justify-content:center; }
.x-btns button.is-on { background:#fff4e6; border-color:#e8590c; color:#d9480f; }
.x-row { display:flex; gap:10px; align-items:flex-end; flex-wrap:wrap; justify-content:center; margin-bottom:12px; }
.x-row label { display:grid; gap:3px; font:700 12px system-ui,sans-serif; color:#5b5b66; text-transform:uppercase; }
.x-row input[type=number] { width:100px; padding:10px; border:2px solid #e8e8ec; border-radius:10px; font:600 18px system-ui,sans-serif; }