:root { color-scheme: dark; }
body { background:#0e0e0e; color:#eee; font:16px/1.45 system-ui,sans-serif; margin:0; padding:24px; }
.app { max-width:960px; margin:0 auto; }
textarea { width:100%; background:#151515; color:#eee; border:1px solid #333; border-radius:6px; padding:10px; }
.controls { display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin:12px 0; }
button { padding:8px 12px; border:1px solid #333; background:#1c1c1c; color:#eee; border-radius:6px; cursor:pointer; }
#go { background:#d12; border-color:#d12; }
.log { background:#000; color:#9f9; padding:10px; border:1px solid #333; min-height:140px; border-radius:6px; margin-top:12px; overflow:auto; }
.out { margin-top:12px; }
#text { background:#0b0b0b; color:#dfe; padding:10px; border:1px solid #333; min-height:120px; border-radius:6px; white-space:pre-wrap; }
.spinner { margin-left:8px; opacity:.85; }