body { font-family: Arial, sans-serif; background: #f4f6f9; margin: 0; color: #222; }
main { max-width: 900px; margin: 30px auto; padding: 20px; background: #fff; border-radius: 10px; }
h1 { color: #0b5cab; }
input, textarea { width: 100%; padding: 8px; margin: 6px 0; box-sizing: border-box; }
#types button { margin: 4px; padding: 6px 12px; border: 1px solid #0b5cab; background: #fff; color: #0b5cab; border-radius: 20px; cursor: pointer; }
#types button.active { background: #0b5cab; color: #fff; }
textarea { height: 90px; font-family: monospace; }
pre { background: #1e1e1e; color: #9cdcfe; padding: 15px; border-radius: 8px; overflow: auto; min-height: 120px; }
.actions button, .file-btn { padding: 8px 16px; margin-right: 8px; background: #0b5cab; color: #fff; border: 0; border-radius: 6px; cursor: pointer; display: inline-block; }
.hint { color: #666; font-size: 14px; }