/* award-certificate-maker 2.6.0 · V3.12 / 5.5 三档吸附 · V3.13 5.5.8 / 5.5.9 补遗 · V3.13 组件规格 · V3.14 免责声明 · V3.15 默认空态
   全部组件色取站点主题变量；无 sticky 定位（吸附由 JS 三档状态机实现）
   主栏 : 预览栏 = 3 : 2（净宽按 fr 分配，gap 另计）；单列断点与 JS 同源 900px */
.awc-wrap{container-type:inline-size;
  --awc-accent:var(--primary,#2563eb); --awc-on:var(--text-on-accent,#fff);
  --awc-border:var(--border,#e5e7eb); --awc-soft:var(--bg-btn,#f3f4f6);
  --awc-card:var(--bg-card,#fff); --awc-input:var(--bg-input,#fff);
  --awc-text:var(--text,#1f2937); --awc-muted:var(--text-secondary,#6b7281);
  --awc-radius:var(--radius,10px); --awc-radius-sm:var(--radius-sm,6px);
  font-family:inherit;color:var(--awc-text);}
.awc-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:14px;align-items:start;}
.awc-main{min-width:0;display:flex;flex-direction:column;gap:12px;grid-column:1;}
.awc-side{min-width:0;display:flex;flex-direction:column;align-self:stretch;grid-column:2;position:relative;}
@container (max-width:900px){.awc-layout{grid-template-columns:minmax(0,1fr);}
  .awc-main,.awc-side{grid-column:1;}.awc-side{order:-1;}}
.awc-panel,.awc-card{background:var(--awc-card);border:1px solid var(--awc-border);border-radius:var(--awc-radius);
  padding:14px;min-width:0;box-sizing:border-box;}
.awc-card.awc-sticky{align-self:stretch;width:100%;}
.awc-head{display:flex;align-items:baseline;gap:8px;margin-bottom:11px;flex-wrap:wrap;
  border-left:3px solid var(--awc-accent);padding-left:9px;}
.awc-headt{font-size:14px;font-weight:600;color:var(--awc-text);}
.awc-heads{font-size:12px;color:var(--awc-muted);}
.awc-subhead{font-size:12px;font-weight:600;color:var(--awc-text);margin:14px 0 8px;
  padding-bottom:5px;border-bottom:1px dashed var(--awc-border);}
/* 字段栅格 V3.13 5.7：16px 标签行 + 34px 控件行，中心线对齐 */
.awc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.awc-cell{display:flex;flex-direction:column;gap:4px;min-width:0;}
.awc-cell.awc-wide{grid-column:1/-1;}
.awc-lbl{font-size:12px;line-height:16px;height:16px;color:var(--awc-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.awc-inp,.awc-sel,.awc-ta,.awc-rangecell{height:34px;box-sizing:border-box;}
.awc-inp,.awc-sel,.awc-ta{width:100%;border:1px solid var(--awc-border);border-radius:var(--awc-radius-sm);
  background:var(--awc-input);color:var(--awc-text);font-size:13px;padding:0 9px;outline:none;}
.awc-ta{height:auto;min-height:68px;padding:8px 9px;line-height:1.55;resize:vertical;}
.awc-inp:focus,.awc-sel:focus,.awc-ta:focus{border-color:var(--awc-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--awc-accent) 18%,transparent);}
.awc-color{height:34px;width:100%;padding:2px;border:1px solid var(--awc-border);border-radius:var(--awc-radius-sm);background:var(--awc-input);cursor:pointer;}
/* 滑块 V3.13 5.6/5.8：16px 高 / 5px 细轨 / 14px 圆钮 / 主题色填充 */
.awc-rangecell{display:flex;align-items:center;gap:8px;position:relative;}
input[type=range].awc-range{-webkit-appearance:none;appearance:none;flex:1;min-width:0;height:16px;
  background:transparent;border:0;padding:0;margin:0;cursor:pointer;}
input[type=range].awc-range::-webkit-slider-runnable-track{height:5px;border-radius:3px;
  background:linear-gradient(to right,var(--awc-accent) 0 var(--fill,0%),var(--awc-border) var(--fill,0%) 100%);}
input[type=range].awc-range::-moz-range-track{height:5px;border-radius:3px;background:var(--awc-border);}
input[type=range].awc-range::-moz-range-progress{height:5px;border-radius:3px;background:var(--awc-accent);}
input[type=range].awc-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;
  border-radius:50%;background:var(--awc-accent);border:2px solid var(--awc-card);margin-top:-4.5px;
  box-shadow:0 0 0 1px var(--awc-accent);}
input[type=range].awc-range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;
  background:var(--awc-accent);border:2px solid var(--awc-card);box-shadow:0 0 0 1px var(--awc-accent);}
.awc-rangeval{flex:0 0 42px;text-align:right;font-size:12px;line-height:16px;color:var(--awc-text);font-variant-numeric:tabular-nums;}
/* 复选框靠左、与普通字段同一基线 */
.awc-check{display:flex;align-items:center;gap:8px;min-height:34px;font-size:12px;color:var(--awc-text);
  background:var(--awc-soft);border:1px solid var(--awc-border);border-radius:var(--awc-radius-sm);padding:0 10px;box-sizing:border-box;}
.awc-cbx{width:15px;height:15px;accent-color:var(--awc-accent);margin:0;flex:0 0 15px;}
/* 按钮：主题色 / 描边 / 奇数尾行收口 */
.awc-btn{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;
  border:1px solid var(--awc-border);border-radius:var(--awc-radius-sm);background:var(--awc-soft);
  color:var(--awc-text);font-size:13px;font-weight:500;cursor:pointer;box-sizing:border-box;white-space:nowrap;}
.awc-btn:hover{border-color:var(--awc-accent);color:var(--awc-accent);}
.awc-btn-primary{background:var(--awc-accent);border-color:var(--awc-accent);color:var(--awc-on);}
.awc-btn-primary:hover{filter:brightness(1.08);color:var(--awc-on);}
.awc-btn-sm{min-height:30px;padding:0 10px;font-size:12px;}
.awc-actions4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;}
.awc-btnrow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.awc-btnrow-wide{grid-template-columns:repeat(3,minmax(0,1fr));}
.awc-btnrow>.awc-btn:last-child:nth-child(odd){grid-column:1/-1;}
.awc-exportrow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;}
.awc-exportrow>.awc-btn:last-child:nth-child(odd){grid-column:1/-1;}
.awc-hint{font-size:12px;color:var(--awc-muted);margin:8px 0 0;}
/* 模板墙 / 分类 chip */
.awc-wallbar .awc-btnrow{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;}
.awc-wallbar .awc-btnrow>.awc-btn:last-child:nth-child(odd){grid-column:auto;}
.awc-chiprow{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px;}
.awc-chip{border:1px solid var(--awc-border);background:var(--awc-soft);color:var(--awc-text);
  border-radius:999px;padding:5px 12px;font-size:12px;cursor:pointer;}
.awc-chip.on{background:var(--awc-accent);border-color:var(--awc-accent);color:var(--awc-on);}
.awc-wallbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 10px;padding-top:12px;border-top:1px dashed var(--awc-border);}
.awc-wallcount{font-size:12px;color:var(--awc-muted);font-variant-numeric:tabular-nums;}
.awc-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:8px;}
.awc-tplbtn{display:flex;align-items:center;gap:7px;text-align:left;min-height:38px;padding:6px 8px;
  border:1px solid var(--awc-border);border-radius:var(--awc-radius-sm);background:var(--awc-card);
  color:var(--awc-text);font-size:12px;cursor:pointer;box-sizing:border-box;overflow:hidden;}
.awc-tplbtn:hover{border-color:var(--awc-accent);}
.awc-tplbtn.on{border-color:var(--awc-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--awc-accent) 18%,transparent);}
.awc-tplbtn i{flex:0 0 14px;width:14px;height:14px;border-radius:3px;border:2px solid;}
.awc-tplbtn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.awc-wallnone{grid-column:1/-1;font-size:12px;color:var(--awc-muted);}
/* 上传组件 V3.13 5.10 */
.awc-drop{border:1.5px dashed var(--awc-border);border-radius:var(--awc-radius);padding:14px;
  font-size:12px;color:var(--awc-muted);text-align:center;margin-bottom:10px;transition:.15s;}
.awc-drop.over{border-color:var(--awc-accent);background:color-mix(in srgb,var(--awc-accent) 8%,transparent);color:var(--awc-accent);}
.awc-filerow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px;}
.awc-filepick{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 12px;
  background:var(--awc-accent);color:var(--awc-on);border-radius:var(--awc-radius-sm);font-size:12px;cursor:pointer;}
.awc-filepick-ghost{background:var(--awc-soft);color:var(--awc-text);border:1px solid var(--awc-border);}
.awc-filepick input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;}
.awc-filename{font-size:12px;color:var(--awc-muted);word-break:break-all;}
/* 预览卡 */
.awc-canvasbox{background:var(--awc-soft);border:1px solid var(--awc-border);border-radius:var(--awc-radius-sm);
  padding:8px;box-sizing:border-box;}
#awc-canvas{display:none;width:100%;height:auto;border-radius:3px;background:var(--awc-card);}
.awc-side-result{margin-top:10px;display:flex;flex-direction:column;gap:5px;}
.awc-stat{display:flex;justify-content:space-between;gap:8px;font-size:12px;border-bottom:1px dashed var(--awc-border);padding-bottom:4px;}
.awc-stat b{font-weight:600;color:var(--awc-muted);}
.awc-stat span{color:var(--awc-text);text-align:right;word-break:break-all;}
.awc-msg{min-height:18px;font-size:12px;margin:8px 0 0;color:var(--awc-muted);}
.awc-msg.ok{color:var(--success,#16a34a);} .awc-msg.warn{color:var(--danger,#dc2626);}
.awc-copybox{display:none;width:100%;height:64px;box-sizing:border-box;margin-top:8px;
  border:1px solid var(--awc-accent);border-radius:var(--awc-radius-sm);font-size:12px;padding:6px;}
/* V3.14：预览容器底部唯一免责声明，11px / 3px 绿标 / 不弱化 */
.awc-disclaimer{display:flex;gap:8px;margin-top:11px;padding:9px 10px;
  border-left:3px solid var(--success,#16a34a);background:var(--awc-soft);
  border-radius:0 var(--awc-radius-sm) var(--awc-radius-sm) 0;opacity:1;}
.awc-disc-badge{flex:0 0 16px;width:16px;height:16px;border-radius:50%;background:var(--success,#16a34a);
  color:#fff;font-size:11px;font-weight:700;text-align:center;line-height:16px;}
.awc-disclaimer p{font-size:11px;line-height:1.55;color:var(--awc-text);margin:0 0 3px;}
.awc-disclaimer p:last-child{margin-bottom:0;}
.awc-help{font-size:12px;line-height:1.8;color:var(--awc-muted);margin:0 0 6px;}
.awc-help strong{color:var(--awc-text);}
@container (max-width:600px){.awc-grid,.awc-exportrow,.awc-actions4{grid-template-columns:repeat(2,minmax(0,1fr));}
  .awc-btnrow-wide{grid-template-columns:repeat(2,minmax(0,1fr));}
  .awc-panel-tpl>.awc-btnrow{grid-template-columns:repeat(2,minmax(0,1fr));}}

/* 模板库间距（历史整改）：分区化，消除无归属留白与按钮/输入框贴挤 */
.awc-panel-tpl .awc-grid{margin-bottom:14px;}
.awc-panel-tpl>.awc-btnrow{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 12px;}
.awc-tplsub{margin:2px 0 10px;}
.awc-wall{gap:10px;}
.awc-panel-elem .awc-wide select{max-width:100%;}
.awc-panel-elem .awc-btnrow-wide{margin-top:12px;}

.awc-panel-tpl>.awc-btnrow>.awc-btn:last-child:nth-child(odd){grid-column:auto;}

/* 2.8.0 两级模板分类：一级 chip / 二级 chip / 分组分区 / 折叠 */
.awc-subchiprow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;padding:10px 0 0;border-top:1px dashed var(--awc-border);}
.awc-sublbl{font-size:12px;font-weight:600;color:var(--awc-muted);margin-right:2px;}
.awc-chip-sub{border-style:dashed;font-size:11.5px;padding:4px 10px;}
.awc-subhint{font-size:11.5px;color:var(--awc-muted);}
.awc-viewrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;}
.awc-chip-view{font-size:11.5px;padding:4px 10px;}
.awc-catpath{margin-left:auto;font-size:11.5px;color:var(--awc-muted);font-variant-numeric:tabular-nums;}
.awc-wall-grouped{display:block;}
.awc-catsec{margin:0 0 14px;border:1px solid var(--awc-border);border-radius:var(--awc-radius-sm);overflow:hidden;background:var(--awc-card);}
.awc-cathead{display:flex;align-items:center;gap:8px;width:100%;box-sizing:border-box;min-height:34px;padding:6px 10px;
  border:0;border-bottom:1px solid var(--awc-border);background:var(--awc-soft);color:var(--awc-text);
  font-size:12px;font-weight:600;text-align:left;cursor:pointer;}
.awc-catsec.folded .awc-cathead{border-bottom-color:transparent;}
.awc-catarrow{flex:0 0 12px;font-size:11px;color:var(--awc-muted);}
.awc-catname{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.awc-catnum{flex:0 0 auto;min-width:22px;padding:1px 7px;border-radius:999px;background:var(--awc-accent);
  color:var(--awc-on);font-size:11px;font-variant-numeric:tabular-nums;text-align:center;}
.awc-catgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:8px;padding:10px;}