html { background-color: #f4f5f7; }
body { font-family: system-ui, -apple-system, sans-serif; max-width: 800px; margin: 40px auto; padding: 30px; background: #fff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); color: #333; line-height: 1.5; }
@media (max-width: 840px) { body { margin: 20px auto; } }
#controls { margin-bottom: 20px; font-weight: 500; }
#password { margin-left: 10px; padding: 8px 12px; border: 1px solid #ccc; border-radius: 6px; font-size: 15px; transition: border-color 0.2s; }
#password:focus { border-color: #2196F3; outline: none; box-shadow: 0 0 0 3px rgba(33, 150, 243, 0.1); }
#content { width: 100%; box-sizing: border-box; font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace; font-size: 14px; resize: vertical; padding: 15px; border: 1px solid #ccc; border-radius: 8px; line-height: 1.6; background-color: #fafafa; transition: border-color 0.2s; min-height: 200px; }
#content:focus { border-color: #2196F3; outline: none; box-shadow: 0 0 0 3px rgba(33, 150, 243, 0.1); background-color: #fff; }
#result { margin-top: 20px; word-break: break-all; font-weight: 500; }
#link { color: #2196F3; text-decoration: none; }
#link:hover { text-decoration: underline; color: #1976D2; }