/* Unicode 中文互转 - 页面样式（尽量复用通用样式，仅做轻量补充） */
.converter-grid { display: grid; grid-template-columns: 1fr; gap: 16px; }
.panel { background: #fff; border: 1px solid #eee; border-radius: 12px; overflow: hidden; }
.panel-header { display: flex; align-items: center; justify-content: space-between; padding: 12px 14px; background: #f8fafc; border-bottom: 1px solid #eee; }
.panel-header h2 { margin: 0; font-size: 16px; }
.panel-actions { display: flex; gap: 8px; }
.panel-footer { padding: 8px 12px; font-size: 12px; color: #64748b; background: #f9fafb; border-top: 1px solid #eee; }
.form-textarea { width: 100%; resize: vertical; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.inline-toggle { display: inline-flex; align-items: center; gap: 6px; margin-left: 12px; font-size: 14px; color: #334155; }
.action-bar { margin-top: 12px; display: flex; gap: 10px; }
@media (min-width: 900px) { .converter-grid { grid-template-columns: 1fr 1fr; } }