textarea{width:100%;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:12px;font-family:'Courier New',monospace;font-size:0.9rem;resize:vertical;box-sizing:border-box}textarea:focus{outline:none;border-color:var(--accent)}input[type="text"],input[type="number"],input[type="password"],input[type="time"],input[type="date"],select{width:100%;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;font-size:0.9rem;box-sizing:border-box}input:focus,select:focus{outline:none;border-color:var(--accent)}.result-box{padding:16px;background:var(--surface);border:2px solid var(--accent);border-radius:var(--radius);font-size:1.2rem;font-weight:700;text-align:center;color:var(--accent);margin-top:16px;word-break:break-all}.md-preview{margin-top:12px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);line-height:1.8}.md-preview h1,.md-preview h2,.md-preview h3{color:var(--text);margin:12px 0 6px}.md-preview p{margin:6px 0;color:var(--text)}.md-preview code{background:rgba(255,255,255,0.1);padding:2px 6px;border-radius:3px;font-size:0.85rem}.md-preview pre{background:rgba(0,0,0,0.3);padding:12px;border-radius:var(--radius);overflow-x:auto}.md-preview pre code{background:none;padding:0}.md-preview ul,.md-preview ol{padding-left:24px;margin:6px 0}.md-preview li{color:var(--text)}.md-preview blockquote{border-left:3px solid var(--accent);padding-left:12px;margin:6px 0;color:var(--text-secondary)}.md-preview table{border-collapse:collapse;width:100%;margin:8px 0}.md-preview th,.md-preview td{border:1px solid var(--border);padding:6px 10px;text-align:left}.md-preview th{background:var(--surface);color:var(--text-secondary)}.md-preview a{color:var(--accent)}