/* 转换器沿用小站语义配色，输入区和结果区兼容手机与键盘操作。 */
.category-converter { --tool-color:var(--purple); }
.converter { display:grid; gap:18px; min-width:0; }
.converter-status { margin:0; border-left:2px solid var(--accent); padding:7px 12px; font-size:12px; color:var(--muted); overflow-wrap:anywhere; }
.converter-drop { position:relative; display:grid; justify-items:center; gap:8px; text-align:center; padding:28px 18px; border:1px dashed var(--subtle); border-radius:12px; cursor:pointer; color:var(--muted); }
.converter-drop:hover,.converter-drop:focus-within,.converter-drop.is-dragging { border-color:var(--accent); background:var(--accent-bg); }
.converter-drop strong { color:var(--ink); font-size:14px; }
.converter-drop span { font-size:11px; }
.converter-drop input { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; }
.converter-settings { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.converter-settings label { display:grid; gap:8px; color:var(--muted); font-size:12px; min-width:0; }
.converter select { width:100%; min-width:0; min-height:42px; border:1px solid var(--line); border-radius:7px; background:var(--panel); color:var(--ink); padding:9px; font:inherit; }
.converter input[type="checkbox"] { accent-color:var(--accent); width:17px; height:17px; }
.converter-options { border:1px solid var(--line); border-radius:8px; padding:12px 15px; }
.converter-options summary { color:var(--muted); font-size:12px; cursor:pointer; }
.converter-options[open] summary { margin-bottom:16px; }
.converter-option-fields { display:grid; gap:18px; }
.converter-option-group { display:grid; gap:12px; }
.converter-option-group h3 { margin:0; color:var(--ink); font-size:13px; font-weight:600; }
.converter-option-field { display:grid; gap:7px; min-width:0; color:var(--muted); font-size:12px; }
.converter-option-field input:not([type="checkbox"]),.converter-option-field textarea { width:100%; min-width:0; border:1px solid var(--line); border-radius:7px; background:var(--panel); color:var(--ink); padding:9px; font:inherit; }
.converter-option-field input[type="checkbox"] { justify-self:start; }
.converter-option-help,.converter-option-empty { color:var(--subtle); font-size:11px; line-height:1.6; }
.converter-option-empty { margin:0; }
.converter-checkbox { display:flex; gap:8px; align-items:center; margin-top:14px; font-size:12px; color:var(--muted); }
.converter .field-note { margin:0; }
.converter-actions { display:flex; flex-wrap:wrap; gap:10px; }
.converter-results { list-style:none; padding:0; margin:0; display:grid; gap:12px; }
.converter-result { border:1px solid var(--line); border-radius:10px; padding:16px; display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; }
.converter-filename { overflow-wrap:anywhere; min-width:0; font-size:13px; flex:1; }
.converter-filesize { font-size:11px; color:var(--subtle); }
.converter-result-status { width:100%; margin:0; color:var(--muted); font-size:12px; white-space:pre-wrap; }
.converter-result-status.is-error { color:var(--error); max-height:180px; overflow:auto; }
.converter-download { margin-top:6px; }
.converter-warnings { width:100%; color:var(--muted); font-size:12px; overflow-wrap:anywhere; }
.converter-warnings summary { cursor:pointer; }
.converter-credit { font-size:11px; margin:0; color:var(--subtle); }
.converter-credit a { text-decoration:underline; text-underline-offset:3px; }
@media(max-width:480px) { .converter-settings { grid-template-columns:1fr; gap:14px; } .converter-drop { padding:23px 13px; } }