/* 工具页共用样式（开发者工具箱）- 暗色主题，纯本地运行 */
:root{
  --bg:#0f1420; --panel:#171d2b; --panel2:#1e2636;
  --bd:#2a3346; --tx:#e6ebf5; --mut:#94a3b8;
  --acc:#818cf8; --acc2:#34d399; --danger:#f87171;
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--bg); color:var(--tx);
  font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif;
}
.wrap{max-width:980px;margin:0 auto;padding:32px 20px 64px}
header h1{margin:0 0 4px;font-size:22px}
header p{margin:0 0 24px;color:var(--mut)}
a.back{color:var(--acc);text-decoration:none;font-size:13px}
a.back:hover{text-decoration:underline}

.row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.col{margin-bottom:16px}
@media(max-width:680px){.row{grid-template-columns:1fr}}

label{display:block;font-size:13px;color:var(--mut);margin-bottom:6px}
textarea,input,select{
  width:100%;background:var(--panel);color:var(--tx);border:1px solid var(--bd);
  border-radius:10px;padding:12px;font-size:14px;resize:vertical;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
textarea{min-height:170px}
select{font-family:inherit}
input[type=file]{padding:9px}

.btns{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 16px}
button{
  /* 主按钮：白字深底，明暗主题都保证文字醒目（见 theme.css --btn-bg/--btn-fg） */
  background:var(--btn-bg,#4f46e5);color:var(--btn-fg,#fff);border:0;border-radius:8px;
  padding:9px 16px;font-size:14px;font-weight:600;cursor:pointer;
}
button.ghost{background:transparent;color:var(--tx);border:1px solid var(--bd)}
button:hover{filter:brightness(1.08)}
button:active{transform:translateY(1px)}

.msg{font-size:13px;color:var(--mut);min-height:18px;margin-top:6px}
.msg.err{color:var(--danger)}
.note{font-size:12px;color:var(--mut);margin:4px 0 14px}

/* 选项行 */
.opt{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:0 0 14px;font-size:13px;color:var(--mut)}
.opt label{display:inline-flex;align-items:center;gap:6px;margin:0;cursor:pointer;color:var(--tx)}
.opt input[type=checkbox]{width:auto}

/* 统计卡片（字数统计等） */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-top:8px}
.stat{background:var(--panel);border:1px solid var(--bd);border-radius:12px;padding:14px 16px}
.stat .n{font-size:24px;font-weight:800;color:var(--acc)}
.stat .k{font-size:12px;color:var(--mut);margin-top:2px}

/* 图片预览 */
.preview{max-width:100%;border:1px solid var(--bd);border-radius:10px;margin-top:10px;background:var(--panel);padding:8px;display:none}
.preview img{max-width:100%;display:block;border-radius:6px}

/* 表格 */
table{border-collapse:collapse;width:100%;margin-top:10px;font-size:13px}
th,td{border:1px solid var(--bd);padding:8px 10px;text-align:left}
th{background:var(--panel2);color:var(--mut)}

.code{background:var(--panel);border:1px solid var(--bd);border-radius:10px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;white-space:pre-wrap;word-break:break-all;min-height:60px}
hr{border:none;border-top:1px solid var(--bd);margin:22px 0}