/* ===========================================
   文件名生成对话框 - 样式文件
   依赖：无（纯CSS，所有类名以 fnd- 前缀避免冲突）
   =========================================== */

.fnd-trigger-btn{
  display:inline-block;padding:14px 36px;
  background:#2563eb;color:#fff;
  border:none;border-radius:10px;font-size:16px;cursor:pointer;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}
.fnd-trigger-btn:active{opacity:.8;transform:scale(.97)}

.fnd-overlay{
  display:none;position:fixed;
  top:0;left:0;right:0;bottom:0;
  background:rgba(0,0,0,.5);
  align-items:flex-end;justify-content:center;
  z-index:2147483647;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}
.fnd-overlay.fnd-open{display:flex}

.fnd-modal{
  --fnd-input-bg:#fafafa;
  background:#fff;
  border-radius:20px 20px 0 0;
  padding:1rem 1.25rem 2.5rem;
  width:100%;
  max-width:100%;
  box-shadow:0 -4px 24px rgba(0,0,0,.15);
  box-sizing:border-box;
}

@media(min-width:560px){
  .fnd-overlay{align-items:center}
  .fnd-modal{
    border-radius:14px;
    width:560px;
    max-width:95vw;
    padding:1.5rem;
    box-shadow:0 8px 32px rgba(0,0,0,.2);
  }
}

.fnd-modal *{box-sizing:border-box}

.fnd-drag-handle{
  width:44px;height:5px;border-radius:3px;
  background:#d1d1d6;margin:0 auto 1rem
}
@media(min-width:560px){.fnd-drag-handle{display:none}}

.fnd-modal-header{
  display:flex;justify-content:space-between;align-items:center;margin-bottom:1.1rem
}
.fnd-modal-header h2{font-size:18px;font-weight:600;color:#111;margin:0}
.fnd-close-btn{
  background:#f0f0f2;border:none;cursor:pointer;
  color:#555;width:36px;height:36px;border-radius:50%;
  font-size:22px;display:flex;align-items:center;justify-content:center
}
.fnd-close-btn:active{background:#e0e0e2}

.fnd-inputs-row{display:flex;gap:10px;margin-bottom:.5rem}
.fnd-field{flex:1;min-width:0}
.fnd-field label{
  display:block;font-size:12px;font-weight:600;
  color:#888;margin-bottom:6px;
  text-transform:uppercase;letter-spacing:.04em
}
.fnd-field input{
  width:100%;height:54px;padding:0 10px;
  border:1.5px solid #d1d1d6;border-radius:10px;
  background-color:var(--fnd-input-bg);color:#111;
  font-size:18px;outline:none;-webkit-appearance:none;appearance:none;
  transition:border-color .15s;text-align:center;
  text-transform:uppercase;
  min-width:5em;
}
.fnd-field input[readonly]{
  background-color:var(--fnd-input-bg);
  opacity:1;
}
@media(min-width:560px){.fnd-field input{height:40px;font-size:15px;}};
.fnd-field input:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.15)}
.fnd-field.fnd-focused input{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.15)}
.fnd-field input.fnd-has-val{border-color:#2563eb}
.fnd-field input.fnd-invalid{border-color:#dc2626;background:#fef2f2}

.fnd-field-hint{font-size:11px;color:#aaa;margin-top:4px;min-height:14px}
.fnd-field-hint.fnd-error{color:#dc2626}

.fnd-person-block{margin-bottom:.5rem}
.fnd-person-block-header{
  display:flex;justify-content:space-between;align-items:baseline;
  margin-bottom:6px;cursor:pointer;
  -webkit-tap-highlight-color:transparent
}
.fnd-person-block-header label{
  font-size:12px;font-weight:600;color:#888;
  text-transform:uppercase;letter-spacing:.04em
}
.fnd-person-block-header .fnd-toggle-hint{font-size:12px;color:#2563eb}

.fnd-person-selected-box{
  width:100%;min-height:54px;padding:8px 10px;
  border:1.5px solid #d1d1d6;border-radius:10px;
  background:#fafafa;
  display:flex;align-items:center;flex-wrap:wrap;gap:6px;
  cursor:pointer;-webkit-tap-highlight-color:transparent;
  transition:border-color .15s;
}
.fnd-person-selected-box:focus{
  outline:none;
  border-color:#2563eb;
  box-shadow:0 0 0 3px rgba(37,99,235,.15);
}
@media(min-width:560px){.fnd-person-selected-box{min-height:40px}}
.fnd-person-selected-box.fnd-has-val{border-color:#2563eb}
.fnd-person-selected-box .fnd-placeholder{color:#bbb;font-size:15px}

.fnd-selected-tag{
  display:flex;align-items:center;gap:4px;
  background:#e8f0fe;color:#1d4ed8;border-radius:14px;
  padding:5px 6px 5px 10px;font-size:14px;font-weight:600;
}
@media(min-width:560px){.fnd-selected-tag{font-size:12px;padding:3px 5px 3px 8px}}
.fnd-selected-tag .fnd-tag-remove{
  width:20px;height:20px;border-radius:50%;background:#c7d9fb;
  display:flex;align-items:center;justify-content:center;
  font-size:13px;line-height:1;cursor:pointer;color:#1d4ed8;
}
@media(min-width:560px){.fnd-selected-tag .fnd-tag-remove{width:16px;height:16px;font-size:11px}}

.fnd-suggestions{overflow:hidden;max-height:0;opacity:0;transition:max-height .25s ease,opacity .18s ease}
.fnd-suggestions.fnd-open{max-height:320px;opacity:1;overflow-y:auto}
.fnd-sugg-label{font-size:12px;color:#888;margin:.6rem 0 8px}

.fnd-chips-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:.25rem}

.fnd-chip{
  border-radius:20px;cursor:pointer;
  border:1.5px solid #d1d1d6;background:#fafafa;
  color:#444;transition:all .1s;white-space:nowrap;
  -webkit-tap-highlight-color:transparent;
  min-height:44px;
  display:flex;align-items:center;justify-content:center;
  padding:0 12px;font-size:14px;line-height:1.2
}
@media(min-width:560px){.fnd-chip{min-height:30px;font-size:13px;padding:0 10px}}
.fnd-chip .fnd-code{font-weight:700;margin-right:4px}
.fnd-chip:active,.fnd-chip:hover{background:#e8f0fe;border-color:#2563eb;color:#2563eb}
.fnd-chip.fnd-active{background:#dbeafe;border-color:#2563eb;color:#1d4ed8;font-weight:700}

.fnd-divider{border:none;border-top:1px solid #eee;margin:.9rem 0}

.fnd-preview-box{
  background:#f0f4ff;border:1px solid #dbe6ff;border-radius:10px;
  padding:12px 14px;margin-bottom:1rem;
  font-family:"SF Mono",Consolas,monospace;font-size:15px;color:#1d4ed8;
  word-break:break-all;
}
.fnd-preview-box .fnd-ph{color:#9ca3af}

.fnd-modal-footer{display:flex;gap:10px}
.fnd-btn-cancel{
  flex:1;padding:16px;border:1.5px solid #d1d1d6;
  border-radius:10px;background:#fafafa;
  color:#444;font-size:17px;cursor:pointer;
  -webkit-tap-highlight-color:transparent
}
.fnd-btn-ok{
  flex:2;padding:16px;border:none;border-radius:10px;
  background:#2563eb;color:#fff;
  font-size:17px;font-weight:600;cursor:pointer;
  -webkit-tap-highlight-color:transparent
}
.fnd-btn-ok:disabled{background:#a8c0f0;cursor:not-allowed}
.fnd-btn-cancel:active,.fnd-btn-ok:active{opacity:.75}
@media(min-width:560px){
  .fnd-btn-cancel,.fnd-btn-ok{flex:none;padding:10px 22px;font-size:14px}
  .fnd-modal-footer{justify-content:flex-end}
}

.ped-overlay{
  display:none;position:fixed;
  top:0;left:0;right:0;bottom:0;
  background:rgba(15,23,42,.52);
  align-items:flex-end;justify-content:center;
  z-index:2147483647;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}
.ped-overlay.ped-open{display:flex}

.ped-modal{
  --ped-input-bg:#fbfbfc;
  --ped-accent:#0f766e;
  background:#fff;
  border-radius:20px 20px 0 0;
  padding:1rem 1.25rem 2.5rem;
  width:100%;
  max-width:100%;
  box-shadow:0 -4px 24px rgba(0,0,0,.16);
  box-sizing:border-box;
}

@media(min-width:560px){
  .ped-overlay{align-items:center}
  .ped-modal{
    border-radius:14px;
    width:560px;
    max-width:95vw;
    padding:1.5rem;
    box-shadow:0 8px 32px rgba(0,0,0,.2);
  }
}

.ped-modal *{box-sizing:border-box}

.ped-drag-handle{
  width:44px;height:5px;border-radius:3px;
  background:#d1d5db;margin:0 auto 1rem
}
@media(min-width:560px){.ped-drag-handle{display:none}}

.ped-modal-header{
  display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem
}
.ped-modal-header h2{font-size:18px;font-weight:600;color:#111;margin:0}
.ped-close-btn{
  background:#eff6f5;border:none;cursor:pointer;
  color:var(--ped-accent);width:36px;height:36px;border-radius:50%;
  font-size:22px;display:flex;align-items:center;justify-content:center
}
.ped-close-btn:active{background:#d9f0ed}

.ped-field{margin-bottom:.9rem}
.ped-field label{
  display:block;font-size:12px;font-weight:600;
  color:#7c7c86;margin-bottom:6px;
  text-transform:uppercase;letter-spacing:.04em
}
.ped-field-hint{font-size:11px;color:#a1a1aa;margin-top:4px;min-height:14px}

.ped-code-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
}
.ped-code-chip{
  border-radius:12px;cursor:pointer;
  border:1.5px solid #d1d5db;background:#fafafa;
  color:#374151;transition:all .1s;white-space:nowrap;
  -webkit-tap-highlight-color:transparent;
  min-height:42px;
  display:flex;align-items:center;justify-content:center;
  padding:0 10px;font-size:14px;line-height:1.2
}
@media(min-width:560px){.ped-code-chip{min-height:34px;font-size:13px}}
.ped-code-chip:active,.ped-code-chip:hover{background:#ecfdfb;border-color:var(--ped-accent);color:var(--ped-accent)}
.ped-code-chip.ped-active{background:#d1fae5;border-color:var(--ped-accent);color:#115e59;font-weight:700}

.ped-field input{
  width:100%;height:54px;padding:0 12px;
  border:1.5px solid #d1d5db;border-radius:10px;
  background-color:var(--ped-input-bg);color:#fffefe;
  font-size:18px;outline:none;-webkit-appearance:none;appearance:none;
  transition:border-color .15s;text-align:left;
  min-width:5em;
}
@media(min-width:560px){.ped-field input{height:40px;font-size:15px}}
.ped-field input:focus{border-color:var(--ped-accent);box-shadow:0 0 0 3px rgba(15,118,110,.14)}

.ped-preview-box{
  background:#f0fdfa;border:1px solid #99f6e4;border-radius:10px;
  padding:12px 14px;margin-bottom:1rem;
  font-family:"SF Mono",Consolas,monospace;font-size:15px;color:#0f766e;
  word-break:break-all;
}
.ped-preview-box .ped-ph{color:#94a3b8}

.ped-modal-footer{display:flex;gap:10px}
.ped-btn-cancel{
  flex:1;padding:16px;border:1.5px solid #d1d5db;
  border-radius:10px;background:#fafafa;
  color:#374151;font-size:17px;cursor:pointer;
  -webkit-tap-highlight-color:transparent
}
.ped-btn-ok{
  flex:2;padding:16px;border:none;border-radius:10px;
  background:var(--ped-accent);color:#fff;
  font-size:17px;font-weight:600;cursor:pointer;
  -webkit-tap-highlight-color:transparent
}
.ped-btn-ok:disabled{background:#99c7c2;cursor:not-allowed}
.ped-btn-cancel:active,.ped-btn-ok:active{opacity:.75}
@media(min-width:560px){
  .ped-btn-cancel,.ped-btn-ok{flex:none;padding:10px 22px;font-size:14px}
  .ped-modal-footer{justify-content:flex-end}
}

.ted-overlay{
  display:none;position:fixed;
  top:0;left:0;right:0;bottom:0;
  background:rgba(17,24,39,.54);
  align-items:flex-end;justify-content:center;
  z-index:2147483647;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}
.ted-overlay.ted-open{display:flex}

.ted-modal{
  --ted-input-bg:#fbfbfc;
  --ted-accent:#7c3aed;
  background:#fff;
  border-radius:20px 20px 0 0;
  padding:1rem 1.25rem 2.5rem;
  width:100%;
  max-width:100%;
  box-shadow:0 -4px 24px rgba(0,0,0,.16);
  box-sizing:border-box;
}

@media(min-width:560px){
  .ted-overlay{align-items:center}
  .ted-modal{
    border-radius:14px;
    width:560px;
    max-width:95vw;
    padding:1.5rem;
    box-shadow:0 8px 32px rgba(0,0,0,.2);
  }
}

.ted-modal *{box-sizing:border-box}

.ted-drag-handle{
  width:44px;height:5px;border-radius:3px;
  background:#d1d5db;margin:0 auto 1rem
}
@media(min-width:560px){.ted-drag-handle{display:none}}

.ted-modal-header{
  display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem
}
.ted-modal-header h2{font-size:18px;font-weight:600;color:#111;margin:0}
.ted-close-btn{
  background:#f5f3ff;border:none;cursor:pointer;
  color:var(--ted-accent);width:36px;height:36px;border-radius:50%;
  font-size:22px;display:flex;align-items:center;justify-content:center
}
.ted-close-btn:active{background:#ede9fe}

.ted-field{margin-bottom:.9rem}
.ted-field label{
  display:block;font-size:12px;font-weight:600;
  color:#7c7c86;margin-bottom:6px;
  text-transform:uppercase;letter-spacing:.04em
}
.ted-field-hint{font-size:11px;color:#a1a1aa;margin-top:4px;min-height:14px}

.ted-code-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
}
.ted-code-chip{
  border-radius:12px;cursor:pointer;
  border:1.5px solid #d1d5db;background:#fafafa;
  color:#374151;transition:all .1s;white-space:nowrap;
  -webkit-tap-highlight-color:transparent;
  min-height:42px;
  display:flex;align-items:center;justify-content:center;
  padding:0 10px;font-size:14px;line-height:1.2
}
@media(min-width:560px){.ted-code-chip{min-height:34px;font-size:13px}}
.ted-code-chip:active,.ted-code-chip:hover{background:#f5f3ff;border-color:var(--ted-accent);color:var(--ted-accent)}
.ted-code-chip.ted-active{background:#ede9fe;border-color:var(--ted-accent);color:#6d28d9;font-weight:700}

.ted-field input{
  width:100%;height:54px;padding:0 12px;
  border:1.5px solid #d1d5db;border-radius:10px;
  background-color:var(--ted-input-bg);color:#ffffff;
  font-size:18px;outline:none;-webkit-appearance:none;appearance:none;
  transition:border-color .15s;text-align:left;
  min-width:5em;
}
@media(min-width:560px){.ted-field input{height:40px;font-size:15px}}
.ted-field input:focus{border-color:var(--ted-accent);box-shadow:0 0 0 3px rgba(124,58,237,.14)}

.ted-preview-box{
  background:#faf5ff;border:1px solid #e9d5ff;border-radius:10px;
  padding:12px 14px;margin-bottom:1rem;
  font-family:"SF Mono",Consolas,monospace;font-size:15px;color:#7c3aed;
  word-break:break-all;
}
.ted-preview-box .ted-ph{color:#94a3b8}

.ted-modal-footer{display:flex;gap:10px}
.ted-btn-cancel{
  flex:1;padding:16px;border:1.5px solid #d1d5db;
  border-radius:10px;background:#fafafa;
  color:#374151;font-size:17px;cursor:pointer;
  -webkit-tap-highlight-color:transparent
}
.ted-btn-ok{
  flex:2;padding:16px;border:none;border-radius:10px;
  background:var(--ted-accent);color:#fff;
  font-size:17px;font-weight:600;cursor:pointer;
  -webkit-tap-highlight-color:transparent
}
.ted-btn-ok:disabled{background:#c4b5fd;cursor:not-allowed}
.ted-btn-cancel:active,.ted-btn-ok:active{opacity:.75}
@media(min-width:560px){
  .ted-btn-cancel,.ted-btn-ok{flex:none;padding:10px 22px;font-size:14px}
  .ted-modal-footer{justify-content:flex-end}
}

.sfd-overlay{
  display:none;position:fixed;
  top:0;left:0;right:0;bottom:0;
  background:rgba(17,24,39,.50);
  align-items:flex-end;justify-content:center;
  z-index:2147483647;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}
.sfd-overlay.sfd-open{display:flex}

.sfd-modal{
  --sfd-input-bg:#fbfbfc;
  --sfd-accent:#0ea5e9;
  background:#fff;
  border-radius:20px 20px 0 0;
  padding:1rem 1.25rem 2.5rem;
  width:100%;
  max-width:100%;
  box-shadow:0 -4px 24px rgba(0,0,0,.16);
  box-sizing:border-box;
}
@media(min-width:560px){
  .sfd-overlay{align-items:center}
  .sfd-modal{
    border-radius:14px;
    width:560px;
    max-width:95vw;
    padding:1.5rem;
    box-shadow:0 8px 32px rgba(0,0,0,.2);
  }
}
.sfd-modal *{box-sizing:border-box}
.sfd-drag-handle{width:44px;height:5px;border-radius:3px;background:#d1d5db;margin:0 auto 1rem}
@media(min-width:560px){.sfd-drag-handle{display:none}}
.sfd-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}
.sfd-modal-header h2{font-size:18px;font-weight:600;color:#111;margin:0}
.sfd-close-btn{
  background:#eefbff;border:none;cursor:pointer;
  color:var(--sfd-accent);width:36px;height:36px;border-radius:50%;
  font-size:22px;display:flex;align-items:center;justify-content:center
}
.sfd-close-btn:active{background:#dff6ff}
.sfd-field{margin-bottom:.9rem}
.sfd-field label{
  display:block;font-size:12px;font-weight:600;
  color:#7c7c86;margin-bottom:6px;
  text-transform:uppercase;letter-spacing:.04em
}
.sfd-field-hint{font-size:11px;color:#a1a1aa;margin-top:4px;min-height:14px}
.sfd-field input{
  width:100%;height:54px;padding:0 12px;
  border:1.5px solid #d1d5db;border-radius:10px;
  background-color:var(--sfd-input-bg);color:#ffffff;
  font-size:18px;outline:none;-webkit-appearance:none;appearance:none;
  transition:border-color .15s;text-align:left;
  min-width:5em;
}
@media(min-width:560px){.sfd-field input{height:40px;font-size:15px}}
.sfd-field input:focus{border-color:var(--sfd-accent);box-shadow:0 0 0 3px rgba(14,165,233,.14)}
.sfd-preview-box{
  background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;
  padding:12px 14px;margin-bottom:1rem;
  font-family:"SF Mono",Consolas,monospace;font-size:15px;color:#0284c7;
  word-break:break-all;
}
.sfd-preview-box .sfd-ph{color:#94a3b8}
.sfd-modal-footer{display:flex;gap:10px}
.sfd-btn-cancel{
  flex:1;padding:16px;border:1.5px solid #d1d5db;
  border-radius:10px;background:#fafafa;
  color:#374151;font-size:17px;cursor:pointer;
  -webkit-tap-highlight-color:transparent
}
.sfd-btn-ok{
  flex:2;padding:16px;border:none;border-radius:10px;
  background:var(--sfd-accent);color:#fff;
  font-size:17px;font-weight:600;cursor:pointer;
  -webkit-tap-highlight-color:transparent
}
.sfd-btn-ok:disabled{background:#7dd3fc;cursor:not-allowed}
.sfd-btn-cancel:active,.sfd-btn-ok:active{opacity:.75}
@media(min-width:560px){
  .sfd-btn-cancel,.sfd-btn-ok{flex:none;padding:10px 22px;font-size:14px}
  .sfd-modal-footer{justify-content:flex-end}
}

.hed-overlay{
  display:none;position:fixed;
  top:0;left:0;right:0;bottom:0;
  background:rgba(17,24,39,.50);
  align-items:flex-end;justify-content:center;
  z-index:2147483647;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}
.hed-overlay.hed-open{display:flex}
.hed-modal{
  --hed-input-bg:#fbfbfc;
  --hed-accent:#ef4444;
  background:#fff;
  border-radius:20px 20px 0 0;
  padding:1rem 1.25rem 2.5rem;
  width:100%;
  max-width:100%;
  box-shadow:0 -4px 24px rgba(0,0,0,.16);
  box-sizing:border-box;
}
@media(min-width:560px){
  .hed-overlay{align-items:center}
  .hed-modal{
    border-radius:14px;
    width:560px;
    max-width:95vw;
    padding:1.5rem;
    box-shadow:0 8px 32px rgba(0,0,0,.2);
  }
}
.hed-modal *{box-sizing:border-box}
.hed-drag-handle{width:44px;height:5px;border-radius:3px;background:#d1d5db;margin:0 auto 1rem}
@media(min-width:560px){.hed-drag-handle{display:none}}
.hed-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}
.hed-modal-header h2{font-size:18px;font-weight:600;color:#111;margin:0}
.hed-close-btn{
  background:#fff1f2;border:none;cursor:pointer;
  color:var(--hed-accent);width:36px;height:36px;border-radius:50%;
  font-size:22px;display:flex;align-items:center;justify-content:center
}
.hed-close-btn:active{background:#ffe4e6}
.hed-field{margin-bottom:.9rem}
.hed-field label{
  display:block;font-size:12px;font-weight:600;
  color:#7c7c86;margin-bottom:6px;
  text-transform:uppercase;letter-spacing:.04em
}
.hed-field-hint{font-size:11px;color:#a1a1aa;margin-top:4px;min-height:14px}
.hed-field input{
  width:100%;height:54px;padding:0 12px;
  border:1.5px solid #d1d5db;border-radius:10px;
  background-color:var(--hed-input-bg);color:#ffffff;
  font-size:18px;outline:none;-webkit-appearance:none;appearance:none;
  transition:border-color .15s;text-align:left;
  min-width:5em;
}
@media(min-width:560px){.hed-field input{height:40px;font-size:15px}}
.hed-field input:focus{border-color:var(--hed-accent);box-shadow:0 0 0 3px rgba(239,68,68,.14)}
.hed-preview-box{
  background:#fff1f2;border:1px solid #fecdd3;border-radius:10px;
  padding:12px 14px;margin-bottom:1rem;
  font-family:"SF Mono",Consolas,monospace;font-size:15px;color:#dc2626;
  word-break:break-all;
}
.hed-preview-box .hed-ph{color:#94a3b8}
.hed-modal-footer{display:flex;gap:10px}
.hed-btn-cancel{
  flex:1;padding:16px;border:1.5px solid #d1d5db;
  border-radius:10px;background:#fafafa;
  color:#374151;font-size:17px;cursor:pointer;
  -webkit-tap-highlight-color:transparent
}
.hed-btn-ok{
  flex:2;padding:16px;border:none;border-radius:10px;
  background:var(--hed-accent);color:#fff;
  font-size:17px;font-weight:600;cursor:pointer;
  -webkit-tap-highlight-color:transparent
}
.hed-btn-ok:disabled{background:#fca5a5;cursor:not-allowed}
.hed-btn-cancel:active,.hed-btn-ok:active{opacity:.75}
@media(min-width:560px){
  .hed-btn-cancel,.hed-btn-ok{flex:none;padding:10px 22px;font-size:14px}
  .hed-modal-footer{justify-content:flex-end}
}