/* social-avatar-maker / style.css · ToolCMS V3.12 · 3.6.0
   5.1/5.2 platform vars; 5.3 no horizontal overflow; 5.4 no double braces;
   5.5 sticky is driven by script.js three-state machine, CSS has no sticky;
   5.6 native controls; 5.7 two-column field grid; 5.8 slim range tracks. */
.social-avatar-maker-container{--sa-accent:var(--primary,#2563eb);--sa-soft:var(--bg-btn,#f3f4f6);
 --sa-card:var(--bg-input,#fff);--sa-border:var(--border,#e5e7eb);--sa-text:var(--text,#1f2937);
 width:100%;max-width:100%;min-width:0;box-sizing:border-box;color:var(--sa-text);
 font-family:var(--font-family,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif);
 padding:12px;position:relative;background:var(--bg-body,transparent)}
.social-avatar-maker-container *,.social-avatar-maker-container *::before,.social-avatar-maker-container *::after{box-sizing:border-box}
.social-avatar-maker-layout{display:grid;grid-template-columns:minmax(300px,34%) minmax(0,1fr);gap:16px;align-items:start;width:100%;max-width:100%}
.social-avatar-maker-side{min-width:0;position:relative;grid-column:1}
.social-avatar-maker-main{min-width:0;grid-column:2;display:flex;flex-direction:column;gap:14px}
.sa-sticky{width:100%;display:flex;flex-direction:column;gap:12px;z-index:5}
.sa-card{background:var(--sa-card);border:1px solid var(--sa-border);border-radius:14px;padding:14px;
 box-shadow:0 2px 10px rgba(15,23,42,.05);min-width:0}
.sa-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:10px;padding-left:10px;
 border-left:3px solid var(--sa-accent)}
.sa-head-t{font-size:15px;font-weight:700}.sa-head-s{font-size:12px;opacity:.62;line-height:1.4}
.sa-stage{width:100%;aspect-ratio:1/1;background:
 linear-gradient(45deg,var(--sa-soft) 25%,transparent 25%,transparent 75%,var(--sa-soft) 75%),
 linear-gradient(45deg,var(--sa-soft) 25%,transparent 25%,transparent 75%,var(--sa-soft) 75%);
 background-size:18px 18px;background-position:0 0,9px 9px;border-radius:12px;overflow:hidden;
 display:flex;align-items:center;justify-content:center;border:1px solid var(--sa-border)}
.sa-stage canvas{width:100%;height:100%;display:block;object-fit:contain}
.sa-meta{font-size:12px;opacity:.75;margin:10px 0 8px;text-align:center;min-height:18px}
.sa-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sa-actions-wide{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:10px}
.sa-btn,.sa-filebtn{appearance:none;border:1px solid var(--sa-border);background:var(--sa-card);color:var(--sa-text);
 border-radius:9px;padding:9px 10px;font-size:13px;cursor:pointer;text-align:center;line-height:1.35;
 min-height:38px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:inherit}
.sa-btn:hover,.sa-filebtn:hover{border-color:var(--sa-accent)}
.sa-btn-primary{background:var(--sa-accent);color:var(--text-on-accent, #fff);border-color:var(--sa-accent)}
.sa-filebtn{position:relative;display:flex;align-items:center;justify-content:center}
.sa-filebtn input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.sa-message{font-size:12px;min-height:18px;margin:10px 0 6px;color:var(--sa-accent)}
.sa-disclaimer{font-size:11px;line-height:1.55;opacity:.62;margin:6px 0 0;border-top:1px dashed var(--sa-border);padding-top:9px}
.sa-data{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sa-data div{display:flex;flex-direction:column;gap:3px;background:var(--sa-soft);border-radius:8px;padding:8px 9px;min-width:0}
.sa-data span{font-size:11px;opacity:.65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sa-data b{font-size:13px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sa-cats{display:flex;flex-wrap:wrap;gap:7px}
.sa-chip,.sa-chip2,.sa-scheme,.sa-pf{font-family:inherit;cursor:pointer;border:1px solid var(--sa-border);
 background:var(--sa-card);color:var(--sa-text);border-radius:9px;font-size:13px;line-height:1.35}
.sa-chip{padding:7px 14px;white-space:nowrap}
.sa-chip.on{background:var(--sa-accent);color:#fff;border-color:var(--sa-accent)}
.sa-pfbox{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:8px;height:auto;max-height:none;overflow:visible;align-content:start;
 padding:10px;background:var(--sa-card);border:1px solid var(--sa-border);border-radius:13px}
.sa-pf{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 10px;text-align:left;min-width:0}
.sa-pf.on{border-color:var(--sa-accent);background:var(--sa-soft)}
.sa-pf-n{font-size:13px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.sa-pf-s{font-size:11px;opacity:.7}.sa-pf-d{font-size:10px;opacity:.52}
.sa-empty{font-size:12px;opacity:.6;grid-column:1/-1;margin:6px 0}
.sa-group{background:var(--sa-card);border:1px solid var(--sa-border);border-radius:13px;padding:14px 14px 16px;min-width:0}
.sa-group-t{font-size:14px;font-weight:700;margin:0 0 12px;padding-left:10px;border-left:3px solid var(--sa-accent);line-height:1.4}
.sa-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;align-content:start}
.sa-field{min-width:0;display:flex;flex-direction:column;gap:5px}
.sa-field>label{font-size:12px;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sa-field input[type=text],.sa-field input[type=number],.sa-field select,.sa-wide{width:100%;min-width:0;
 border:1px solid var(--sa-border);border-radius:8px;padding:7px 9px;font-size:13px;font-family:inherit;
 background:var(--sa-card);color:var(--sa-text);height:34px}
.sa-field input[type=color]{width:100%;height:34px;padding:2px;border:1px solid var(--sa-border);border-radius:8px;background:var(--sa-card);cursor:pointer}
.sa-field input[type=file]{width:100%;font-size:11px;min-width:0}
.sa-field input[type=range]{width:100%;height:16px;margin:9px 0;accent-color:var(--sa-accent);cursor:pointer;background:transparent;border:0}
.sa-check{justify-content:flex-end}
.sa-check label{display:flex;align-items:center;gap:8px;font-size:12px;opacity:.85;min-height:34px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sa-check input{accent-color:var(--sa-accent);width:15px;height:15px;flex:none}
.sa-sublabel{display:block;font-size:12px;opacity:.72;margin:12px 0 6px}
.sa-wide{height:34px}
.sa-chips{display:flex;flex-wrap:wrap;gap:7px}
.sa-chip2,.sa-scheme{padding:6px 11px;font-size:12px;display:inline-flex;align-items:center;gap:8px}
.sa-x{opacity:.5;font-size:14px}
.sa-multi{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:5px 10px;margin-top:12px;
 height:auto;max-height:none;overflow:visible;align-content:start;padding:10px;border:1px dashed var(--sa-border);border-radius:10px}
.sa-multi label{display:flex;align-items:center;gap:6px;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.sa-multi input{accent-color:var(--sa-accent);flex:none}
.sa-multi span{opacity:.5;margin-left:auto}
.sa-drag .sa-stage{outline:2px dashed var(--sa-accent);outline-offset:3px}
.sa-container.sa-drag{outline:2px dashed var(--sa-accent)}
@media (max-width:920px){
 .social-avatar-maker-layout{grid-template-columns:minmax(0,1fr)}
 .social-avatar-maker-side,.social-avatar-maker-main{grid-column:1}
 .sa-grid{grid-template-columns:minmax(0,1fr)}
 .sa-actions,.sa-actions-wide{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sa-pfbox{max-height:none;overflow:visible}
}
@media (max-width:480px){.sa-data{grid-template-columns:minmax(0,1fr)}.sa-pfbox{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}
@media print{.sa-actions,.sa-cats,.sa-pfbox,.sa-multi{display:none}}
/* 2.0.0 additions · motion bar / two-column badges / no label wrap */
.social-avatar-maker-container .sa-animbar{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  margin:10px 0 2px;padding:10px 12px;border:1px solid var(--sa-border);
  border-radius:10px;background:var(--sa-soft);
}
.social-avatar-maker-container .sa-animbar .sa-btn{padding:5px 10px;font-size:12px;white-space:nowrap;flex:0 0 auto}
.social-avatar-maker-container .sa-animbar input[type=range]{flex:1 1 120px;min-width:90px;height:16px;max-height:16px;background:transparent;border:0;accent-color:var(--sa-accent)}
.social-avatar-maker-container .sa-animlabel{
  font:12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--sa-text);
  min-width:52px;text-align:right;white-space:nowrap
}
.social-avatar-maker-container .sa-field label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.social-avatar-maker-container .sa-group:nth-of-type(4n+2) .sa-group-t{border-left-color:#8b5cf6}
.social-avatar-maker-container .sa-group:nth-of-type(4n+3) .sa-group-t{border-left-color:#0ea5e9}
.social-avatar-maker-container .sa-group:nth-of-type(4n+4) .sa-group-t{border-left-color:#f59e0b}
.social-avatar-maker-container .sa-group .sa-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px
}
@media (max-width:920px){
  .social-avatar-maker-container .sa-group .sa-grid{grid-template-columns:1fr}
  .social-avatar-maker-container .sa-animbar{gap:6px;padding:8px}
}

/* 3.4.0 · style presets / palette swatches / hint text */
.sa-styles .sa-chip2,.sa-palette .sa-chip2{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sa-palette{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-height:34px}
.sa-swatch{display:inline-block;width:28px;height:28px;border:1px solid var(--sa-border);border-radius:6px;box-shadow:0 1px 3px rgba(15,23,42,.12)}
.sa-hint{font-size:12px;line-height:1.6;color:#64748b;margin:0 0 10px}
.sa-group-t{position:relative}

/* 3.4.0 · list cards auto-fit content: no fixed height, no inner scrollbar */
.social-avatar-maker-main .sa-pfbox,.social-avatar-maker-main .sa-multi{
  height:auto;max-height:none;overflow:visible;align-content:start
}

/* V3.12 5.6/5.7/5.8 统一滑块组件 · 参考色 #10B981 / #E5E7EB */
.social-avatar-maker-container{--sa-rng:#10b981;--sa-rng-bg:#e5e7eb}
.social-avatar-maker-container input[type=range].sa-range{
 -webkit-appearance:none;appearance:none;display:block;
 width:100%;height:16px;max-height:16px;min-height:16px;margin:9px 0;padding:0;
 background:transparent;border:0;border-radius:0;box-shadow:none;cursor:pointer;
 accent-color:var(--sa-rng);color:var(--sa-rng)
}
.social-avatar-maker-container input[type=range].sa-range::-webkit-slider-runnable-track{
 height:5px;border-radius:999px;border:0;box-shadow:none;
 background:linear-gradient(to right,var(--sa-rng) 0 var(--fill,0%),var(--sa-rng-bg) var(--fill,0%) 100%)
}
.social-avatar-maker-container input[type=range].sa-range::-webkit-slider-thumb{
 -webkit-appearance:none;appearance:none;width:14px;height:14px;margin-top:-4.5px;
 border-radius:50%;border:0;background:var(--sa-rng);box-shadow:none
}
.social-avatar-maker-container input[type=range].sa-range::-moz-range-track{height:5px;border-radius:999px;border:0;background:var(--sa-rng-bg)}
.social-avatar-maker-container input[type=range].sa-range::-moz-range-progress{height:5px;border-radius:999px;border:0;background:var(--sa-rng)}
.social-avatar-maker-container input[type=range].sa-range::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:var(--sa-rng)}
.social-avatar-maker-container input[type=range].sa-range:focus-visible{outline:2px solid var(--sa-rng);outline-offset:3px}
.social-avatar-maker-container .sa-rv{font-size:11px;font-weight:650;color:var(--sa-rng);margin-left:6px;opacity:.9}

/* V3.12 5.7 · 同行控件水平统一 */
.social-avatar-maker-container .sa-field{display:grid;grid-template-columns:minmax(0,1fr);
 grid-template-rows:16px 34px;align-content:start;row-gap:5px}
.social-avatar-maker-container .sa-field>label,.social-avatar-maker-container .sa-field>.sa-label{grid-row:1;line-height:16px}
.social-avatar-maker-container .sa-field>input,.social-avatar-maker-container .sa-field>select,.social-avatar-maker-container .sa-field>.sa-wide,
.social-avatar-maker-container .sa-field>.sa-range-wrap{grid-row:2;align-self:center}
.social-avatar-maker-container .sa-field.sa-check{display:flex;align-items:center;min-height:34px;grid-template-rows:none}
.social-avatar-maker-container .sa-field.sa-check>label{grid-row:auto;line-height:normal}

/* 3.7.0 · 统一文件选择组件：主色按钮 / 上传图标 / 文件名回显 / 键盘可达 */
.sa-filepick{position:relative;display:flex;align-items:center;gap:8px;height:34px;min-width:0}
.sa-filepick>input[type=file]{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;pointer-events:none}
.sa-filepick-ui{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;
  min-height:34px;padding:0 12px;border:1px solid var(--sa-accent);border-radius:9px;
  background:var(--sa-accent);color:var(--text-on-accent,#fff);
  font-size:13px;font-weight:600;line-height:1.2;white-space:nowrap;cursor:pointer;font-family:inherit;
  transition:filter .15s ease,border-color .15s ease,box-shadow .15s ease}
.sa-filepick-ui:hover{filter:brightness(1.08)}
.sa-filepick-ui:active{filter:brightness(.94)}
.sa-filepick>input[type=file]:focus-visible + .sa-filepick-ui{outline:3px solid var(--sa-accent);outline-offset:2px}
.sa-filepick:focus-within .sa-filepick-ui{box-shadow:0 0 0 3px var(--sa-soft)}
.sa-ico{width:15px;height:15px;flex:0 0 auto;display:block}
.sa-filename{min-width:0;flex:1 1 auto;font-size:12px;opacity:.72;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.social-avatar-maker-container.sa-drag .sa-filepick-ui{filter:brightness(1.12);box-shadow:0 0 0 3px var(--sa-soft)}
.sa-filebtn.sa-filepick-ui{display:inline-flex;gap:6px;background:var(--sa-card);color:var(--sa-text);
  border:1px solid var(--sa-border);font-weight:500}
.sa-filebtn.sa-filepick-ui:hover{border-color:var(--sa-accent);filter:none}
.social-avatar-maker-container .sa-field>.sa-filepick{grid-row:2;align-self:center}
@media (max-width:920px){.sa-filepick-ui{padding:0 10px}}
/* 3.7.0 · 首帧绘制完成前不呈现空白画布，消除默认加载闪烁 */
.sa-canvas.sa-boot{visibility:hidden}

/* ---------- 3.x: functional disclaimer notice (V3.14 5.17) ---------- */
.sa-notice{margin:10px 0 12px;padding:10px 12px 9px;border:1px solid var(--sa-border,#d8dee9);
  border-left:3px solid #10B981;border-radius:8px;background:rgba(16,185,129,.05);
  font-size:11.5px;line-height:1.62;color:var(--sa-text,#334155);opacity:1}
.sa-notice-h{display:inline-block;margin:0 0 5px;font-size:11px;font-weight:700;
  letter-spacing:.04em;color:#047857}
.sa-notice-p{margin:0 0 4px;opacity:.92}
.sa-notice-p:last-child{margin-bottom:0}
@media (max-width:900px){ .sa-notice{font-size:11px;padding:9px 10px} }


/* ---------- 3.10.0 · UI 栅格统一（V3.13 5.7 / 5.17 / V3.15 5.18） ----------
   根因：.sa-check 用 flex + justify-content:flex-end，复选框被推到格子右端；
   普通 field 是 16+5+34=55px 两行，checkbox 只有 34px 一行，同行中心线差 10.5px；
   .sa-actions-wide 固定 3 列，4/5 个按钮必然出现 3+1 / 3+2 孤行；
   奇数个 field 的卡片最后一行永远空半格。以下统一为「标签行 + 控件行」基线。 */
.social-avatar-maker-container .sa-group{padding:16px 16px 18px}
.social-avatar-maker-container .sa-group-t{margin:0 0 14px;line-height:20px}
.social-avatar-maker-container .sa-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px 18px;align-items:start;align-content:start}
.social-avatar-maker-container .sa-field{
  display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:16px 34px;
  row-gap:5px;align-content:start;min-height:55px;min-width:0;margin:0;justify-content:stretch}
.social-avatar-maker-container .sa-field>label,
.social-avatar-maker-container .sa-field>.sa-label{
  grid-row:1;display:block;line-height:16px;font-size:12px;opacity:.8;margin:0;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.social-avatar-maker-container .sa-field>input,
.social-avatar-maker-container .sa-field>select,
.social-avatar-maker-container .sa-field>.sa-wide,
.social-avatar-maker-container .sa-field>.sa-filepick,
.social-avatar-maker-container .sa-field>.sa-range-wrap{
  grid-row:2;align-self:center;width:100%;margin:0}
.social-avatar-maker-container .sa-field>input[type=range].sa-range{
  grid-row:2;align-self:center;width:100%;height:16px;max-height:16px;min-height:16px;margin:0}
/* 数值回显固定在标签行右端，不挤压标签文字 */
.social-avatar-maker-container .sa-field:has(>input[type=range].sa-range)>label{
  position:relative;padding-right:46px}
.social-avatar-maker-container .sa-field>label .sa-rv{
  position:absolute;right:0;top:0;line-height:16px;margin:0;opacity:1;
  font-size:11px;font-weight:650;color:var(--sa-rng,#10b981)}
/* 复选框：与滑块 / 输入框共用同一基线，靠左，不再 flex-end 飘移 */
.social-avatar-maker-container .sa-field.sa-check{
  display:grid;grid-template-rows:16px 34px;justify-content:stretch;min-height:55px}
.social-avatar-maker-container .sa-field.sa-check::before{
  content:"";display:block;grid-row:1;height:16px}
.social-avatar-maker-container .sa-field.sa-check>label{
  grid-row:2;display:flex;align-items:center;justify-content:flex-start;gap:8px;
  min-height:34px;line-height:1;font-size:12px;opacity:.85;margin:0;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.social-avatar-maker-container .sa-field.sa-check>label>input[type=checkbox]{
  width:15px;height:15px;flex:none;margin:0;accent-color:var(--sa-accent)}
/* 奇数尾巴：整行收尾控制条，把半格留白变成有意分组，不再出现孤零零半行 */
.social-avatar-maker-container .sa-grid>.sa-field:last-child:nth-child(odd){
  grid-column:1/-1;grid-template-rows:16px 34px;min-height:75px;
  padding:9px 12px 11px;border:1px dashed var(--sa-border);
  border-radius:10px;background:var(--sa-soft)}
.social-avatar-maker-container .sa-grid>.sa-field:last-child:nth-child(odd)>label{
  padding-right:0}
/* 按钮组：按可用宽度等分，杜绝 3+1 / 3+2 孤行；单按钮不拉满整行 */
.social-avatar-maker-container .sa-actions-wide{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:0}
.social-avatar-maker-container .sa-actions-wide>.sa-btn,
.social-avatar-maker-container .sa-actions-wide>label.sa-btn{max-width:220px}
/* 方案管理：三段列表改为等距分区，空态有统一容器，不再各自散落留白 */
.social-avatar-maker-container .sa-scheme-card>.sa-grid{margin-bottom:12px}
.social-avatar-maker-container .sa-scheme-card>.sa-actions-wide{margin:0 0 4px}
.social-avatar-maker-container .sa-scheme-card>.sa-sublabel{
  display:block;margin:12px 0 6px;padding-top:10px;border-top:1px solid var(--sa-border);
  font-size:12px;font-weight:650;line-height:16px;opacity:.78}
.social-avatar-maker-container .sa-scheme-card>input.sa-wide{height:34px;width:100%;margin:0}
.social-avatar-maker-container .sa-scheme-card>.sa-chips{
  min-height:40px;padding:7px 10px;margin:0;align-items:center;gap:7px;
  border:1px dashed var(--sa-border);border-radius:9px;background:var(--sa-soft)}
.social-avatar-maker-container .sa-scheme-card>.sa-chips .sa-empty{
  margin:0;font-size:12px;opacity:.6}
@media (max-width:920px){
  .social-avatar-maker-container .sa-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  .social-avatar-maker-container .sa-actions-wide{grid-template-columns:repeat(2,minmax(0,1fr))}
  .social-avatar-maker-container .sa-actions-wide>.sa-btn,
  .social-avatar-maker-container .sa-actions-wide>label.sa-btn{max-width:none}
  .social-avatar-maker-container .sa-grid>.sa-field:last-child:nth-child(odd){grid-column:auto}
}


/* ---------- 3.10.0-b · 方案管理三段等高 + 中文标签补全（收尾） ----------
   「最近使用」含 chip 时容器被撑到 46.2px，其余空态 40px，分区间距差 6px；
   统一 chip 行高 24px、单行横向排布，三段容器恒 40px。 */
.social-avatar-maker-container .sa-scheme-card>.sa-chips{
  flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;height:40px;min-height:40px;max-height:40px;
  box-sizing:border-box;scrollbar-width:thin}
.social-avatar-maker-container .sa-scheme-card>.sa-chips .sa-chip{
  height:24px;min-height:24px;max-height:24px;box-sizing:border-box;padding:0 10px;
  line-height:22px;font-size:12px;display:inline-flex;align-items:center;flex:none}


/* ---------- 3.10.0-c · 按钮组统一 2 列（收尾） ----------
   auto-fit(minmax(150px,1fr)) 在 1200/1000 视口下仍出现 4+1、3+1 半宽孤行；
   固定 2 列，奇数个按钮时最后一枚跨整行收口，任何宽度都不落单。 */
.social-avatar-maker-container .sa-actions-wide{
  grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.social-avatar-maker-container .sa-actions-wide>:last-child:nth-child(odd){
  grid-column:1/-1;max-width:none;justify-self:stretch}
.social-avatar-maker-container .sa-actions-wide>.sa-btn,
.social-avatar-maker-container .sa-actions-wide>label.sa-btn{max-width:220px}
@media (max-width:920px){
  .social-avatar-maker-container .sa-actions-wide{grid-template-columns:repeat(2,minmax(0,1fr))}
  .social-avatar-maker-container .sa-actions-wide>.sa-btn,
  .social-avatar-maker-container .sa-actions-wide>label.sa-btn{max-width:none}
}