body{margin:0;font-family:Arial,Helvetica,sans-serif;background-color:#0f172a;color:#e5e7eb}textarea{width:100%;min-height:300px;background:#020617;color:#22c55e;border:1px solid #334155;padding:12px;font-family:monospace;font-size:14px}button{padding:10px 16px;background-color:#2563eb;color:#fff;border:none;cursor:pointer;margin-top:10px}button:disabled{background-color:#475569;cursor:not-allowed}pre{background:#020617;padding:12px;border:1px solid #334155;white-space:pre-wrap}body{margin:0;font-family:Segoe UI,sans-serif;background:radial-gradient(circle at top,#0f172a,#020617);color:#e5e7eb}.app{max-width:1000px;margin:auto;padding:30px}h1{text-align:center;margin-bottom:20px;color:#38bdf8}.editor{width:100%;height:300px;background:#020617;color:#22c55e;border:1px solid #1e293b;border-radius:8px;padding:15px;font-family:monospace;font-size:14px;outline:none}button{display:block;margin:20px auto;background:#2563eb;border:none;color:#fff;padding:12px 30px;font-size:16px;border-radius:6px;cursor:pointer}button:hover{background:#1d4ed8}button:disabled{background:gray;cursor:not-allowed}.output{background:#020617;border:1px solid #1e293b;border-radius:8px;padding:15px;margin-top:20px}.output pre{white-space:pre-wrap;color:#e5e7eb}