/* ZENMARK GS1 Symbols Tool v1 */
.gs1-app{width:min(1220px,calc(100% - 28px));}
.gs1-hero{display:block;padding:28px;border-radius:12px!important;}
.gs1-hero h1{max-width:860px;font-size:clamp(34px,4vw,58px);line-height:.98;letter-spacing:-.055em;margin:0 0 12px;}
.gs1-hero p{max-width:820px;margin:0;color:var(--upd-muted);font-weight:750;line-height:1.5;}
.gs1-hero code{font-family:var(--upd-mono);font-size:.92em;background:var(--upd-accent-wash);border:1px solid var(--upd-border);border-radius:5px;padding:1px 5px;}
.gs1-alert{margin:14px 0;}
.gs1-panel{border-radius:12px!important;padding:18px!important;}
.gs1-form{display:grid;gap:14px;}
.gs1-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.gs1-field{display:grid;gap:8px;min-width:0;}
.gs1-field>span{font-size:12px;line-height:1.1;letter-spacing:.10em;text-transform:uppercase;font-weight:950;color:var(--upd-ink-2);}
.gs1-field textarea{width:100%;min-height:300px;resize:vertical;border:1px solid var(--upd-border);border-radius:8px;background:var(--upd-surface-2);color:var(--upd-ink);padding:13px 14px;font:700 13px/1.55 var(--upd-mono);outline:none;box-sizing:border-box;}
.gs1-field textarea:focus{border-color:var(--upd-accent);box-shadow:var(--upd-ring);}
.gs1-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.gs1-stat{border:1px solid var(--upd-border);border-radius:8px;background:var(--upd-surface-2);padding:10px 12px;}
.gs1-stat b{display:block;font-size:24px;line-height:1;color:var(--upd-ink);}
.gs1-stat span{display:block;margin-top:5px;color:var(--upd-muted);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;}
.gs1-verify-row{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:14px;align-items:stretch;}
.gs1-captcha-card{display:grid;grid-template-columns:minmax(200px,320px) minmax(280px,520px);gap:18px;align-items:center;border:1px solid var(--upd-border);border-radius:8px;background:var(--upd-surface-2);padding:14px 16px;min-height:112px;}
.gs1-captcha-card b{display:block;margin-bottom:6px;color:var(--upd-ink);}
.gs1-captcha-card p{margin:0;color:var(--upd-muted);font-size:12px;line-height:1.38;}
.gs1-captcha-card .smart-captcha{width:100%;max-width:520px;min-height:96px;overflow:hidden;}
.gs1-captcha-card iframe{width:100%!important;max-width:100%!important;}
.gs1-captcha-missing{border:1px solid var(--upd-red);border-radius:8px;background:var(--upd-red-wash);color:var(--upd-red);padding:12px;font-weight:900;}
.gs1-submit{width:100%;border-radius:8px!important;font-size:14px!important;}
.gs1-submit:disabled{background:#dfe6f0!important;border-color:#cdd8e8!important;color:#4e5d73!important;opacity:1!important;cursor:not-allowed!important;}
.gs1-result-panel{margin-top:14px;border-radius:12px!important;padding:18px!important;}
.gs1-result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px;}
.gs1-result-head h2{margin:0 0 6px;font-size:30px;line-height:1.05;letter-spacing:-.04em;}
.gs1-result-head p{margin:0;color:var(--upd-muted);}
.gs1-result-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
.gs1-field.visible textarea{min-height:160px;color:var(--upd-muted);}
@media(max-width:980px){.gs1-grid{grid-template-columns:1fr}.gs1-verify-row{grid-template-columns:1fr}.gs1-captcha-card{grid-template-columns:1fr}.gs1-result-head{display:grid}.gs1-result-actions{justify-content:stretch}.gs1-result-actions .upd-btn{width:100%}}
@media(max-width:560px){.gs1-app{width:calc(100% - 12px)}.gs1-hero,.gs1-panel,.gs1-result-panel{padding:14px!important;border-radius:10px!important}.gs1-hero h1{font-size:31px}.gs1-tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.gs1-stat{padding:8px}.gs1-stat b{font-size:18px}.gs1-field textarea{min-height:230px;font-size:12px}.gs1-captcha-card{padding:10px}}


/* ZENMARK Public Mobile Menu Fix v15 */
.zpub-topbar .zpub-menu-btn{display:none!important;visibility:hidden!important}
@media(max-width:820px){
  html.zpub-menu-open{overflow-x:hidden!important}
  .zpub-topbar{
    position:sticky!important;top:8px!important;z-index:90!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) 42px!important;
    grid-template-areas:"logo menu" "nav nav"!important;
    align-items:center!important;gap:0 10px!important;padding:10px!important;
    min-height:64px!important;overflow:visible!important;
  }
  .zpub-topbar .zpub-menu-btn{
    grid-area:menu!important;display:grid!important;visibility:visible!important;place-items:center!important;
    width:42px!important;height:42px!important;min-width:42px!important;padding:0!important;
    border:1px solid #d7e2f1!important;border-radius:10px!important;background:#f8fbff!important;
    color:#0c1830!important;box-shadow:none!important;cursor:pointer!important;position:relative!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  .zpub-topbar .zpub-menu-btn span{position:absolute!important;left:11px!important;right:11px!important;height:2px!important;border-radius:999px!important;background:currentColor!important;transition:transform .22s ease, top .22s ease, opacity .16s ease!important}
  .zpub-topbar .zpub-menu-btn span:nth-child(1){top:13px!important}
  .zpub-topbar .zpub-menu-btn span:nth-child(2){top:20px!important}
  .zpub-topbar .zpub-menu-btn span:nth-child(3){top:27px!important}
  .zpub-topbar.is-open .zpub-menu-btn span:nth-child(1){top:20px!important;transform:rotate(45deg)!important}
  .zpub-topbar.is-open .zpub-menu-btn span:nth-child(2){opacity:0!important}
  .zpub-topbar.is-open .zpub-menu-btn span:nth-child(3){top:20px!important;transform:rotate(-45deg)!important}
  .zpub-topbar .zpub-nav{
    grid-area:nav!important;display:grid!important;grid-template-columns:1fr!important;gap:7px!important;
    width:100%!important;max-height:0!important;opacity:0!important;transform:translateY(-6px)!important;
    overflow:hidden!important;pointer-events:none!important;margin:0!important;padding:0!important;
    transition:max-height .28s ease, opacity .2s ease, transform .22s ease, padding-top .22s ease!important;
  }
  .zpub-topbar.is-open .zpub-nav{max-height:560px!important;opacity:1!important;transform:translateY(0)!important;pointer-events:auto!important;padding-top:10px!important}
  .zpub-topbar .zpub-nav a,
  .zpub-topbar .zpub-nav button[id="themeToggle"]{
    width:100%!important;min-height:42px!important;display:flex!important;align-items:center!important;
    justify-content:flex-start!important;text-align:left!important;border-radius:8px!important;padding:10px 12px!important;
    font-size:14px!important;line-height:1.15!important;font-weight:900!important;
  }
  .zpub-topbar .zpub-nav button[id="themeToggle"]{justify-content:center!important;border:1px solid #d7e2f1!important;background:#f8fbff!important;color:#0c1830!important}
  html[data-upd-theme="dark"] .zpub-topbar .zpub-menu-btn,
  html[data-upd-theme="dark"] .zpub-topbar .zpub-nav button[id="themeToggle"],
  html.theme-dark .zpub-topbar .zpub-menu-btn,
  html.theme-dark .zpub-topbar .zpub-nav button[id="themeToggle"]{background:#161a24!important;border-color:#252a38!important;color:#eef1f8!important}
}
@media(min-width:821px){.zpub-topbar .zpub-menu-btn,.zpub-topbar .zpub-menu-btn span{display:none!important;visibility:hidden!important}}


/* ZENMARK GS1 Layout v2 */
.gs1-app{
  width:min(1320px,calc(100% - 24px))!important;
  margin:0 auto!important;
  box-sizing:border-box!important;
}
.gs1-app .upd-topbar,
.gs1-app .upd-hero,
.gs1-app .upd-panel,
.gs1-app .gs1-result-panel{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
.gs1-hero{
  margin-left:0!important;
  margin-right:0!important;
}
.gs1-panel{
  margin-left:0!important;
  margin-right:0!important;
}
@media(max-width:980px){
  .gs1-app{width:calc(100% - 16px)!important}
}
@media(max-width:560px){
  .gs1-app{width:calc(100% - 10px)!important}
  .gs1-grid{gap:10px!important}
  .gs1-form{gap:10px!important}
}


/* ZENMARK GS1 Full Viewport Background v3
   Background belongs to the page, not to the centered content container.
*/
html{
  min-height:100%;
  background:var(--upd-bg-2)!important;
}
body.gs1-page{
  min-height:100vh!important;
  margin:0!important;
  background:var(--upd-bg-2)!important;
  color:var(--upd-ink)!important;
}
body.gs1-page .gs1-app{
  min-height:100vh!important;
  background:transparent!important;
}
html[data-upd-theme="dark"],
html[data-upd-theme="dark"] body.gs1-page{
  background:var(--upd-bg-2)!important;
}


/* ZENMARK GS1 Result UX v5 */
.gs1-grid{
  align-items:start!important;
}
.gs1-field textarea{
  line-height:1.45!important;
}
.gs1-result-panel{
  display:grid!important;
  gap:14px!important;
}
.gs1-result-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin-bottom:0!important;
}
.gs1-result-head h2{
  margin:2px 0 6px!important;
}
.gs1-result-head p{
  max-width:760px!important;
  margin:0!important;
  color:var(--upd-muted)!important;
  line-height:1.45!important;
}
.gs1-result-summary{
  display:flex!important;
  gap:8px!important;
  flex:0 0 auto!important;
}
.gs1-result-summary span{
  min-height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  padding:0 10px!important;
  border:1px solid var(--upd-line)!important;
  border-radius:7px!important;
  background:var(--upd-soft)!important;
  color:var(--upd-muted)!important;
  font-size:11px!important;
  font-weight:800!important;
}
.gs1-result-summary b{
  color:var(--upd-ink)!important;
  font-size:13px!important;
}
.gs1-final-wrap{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:end!important;
}
.gs1-final-field{
  min-width:0!important;
}
.gs1-final-field textarea{
  min-height:126px!important;
  max-height:300px!important;
  resize:vertical!important;
  background:#fff!important;
  border-color:#cbd8ea!important;
}
.gs1-final-wrap .gs1-result-actions{
  display:grid!important;
  gap:8px!important;
  min-width:150px!important;
}
.gs1-final-wrap .gs1-result-actions .upd-btn{
  width:100%!important;
  min-height:40px!important;
  border-radius:7px!important;
  white-space:nowrap!important;
}
@media(max-width:820px){
  .gs1-result-head{
    display:grid!important;
    gap:10px!important;
  }
  .gs1-result-summary{
    justify-content:flex-start!important;
  }
  .gs1-final-wrap{
    grid-template-columns:1fr!important;
  }
  .gs1-final-wrap .gs1-result-actions{
    grid-template-columns:1fr 1fr!important;
    min-width:0!important;
  }
}
@media(max-width:520px){
  .gs1-result-summary{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    width:100%!important;
  }
  .gs1-result-summary span{
    justify-content:center!important;
  }
  .gs1-final-wrap .gs1-result-actions{
    grid-template-columns:1fr!important;
  }
}


/* ZENMARK × 2IZI Guard adaptive UI v9 */
.gs1-verify-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 220px;
  gap:12px;
  align-items:start;
  padding-top:12px;
  border-top:1px solid var(--upd-border);
}
.gs1-guard-card{
  min-width:0;
  min-height:48px;
  display:flex;
  align-items:center;
  padding:0 2px;
}
.gs1-guard-ui{
  width:100%;
  min-width:0;
  display:grid;
  gap:7px;
  align-items:center;
}
.gs1-guard-stepup:empty{display:none}
.gs1-guard-badge-slot{
  min-height:0;
  display:flex;
  align-items:center;
  min-width:0;
}
.gs1-guard-ui [data-guard-ui-slot],
.gs1-guard-ui [data-guard-badge-slot]{
  width:100%;
  min-width:0;
}
.gs1-guard-unavailable{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  border:1px solid #e4c8c8;
  border-radius:999px;
  background:#fff7f7;
  color:#9d3838;
  padding:8px 12px;
  font-size:12px;
  font-weight:800;
}
.gs1-submit{
  width:220px;
  min-height:48px!important;
  height:48px;
  align-self:start;
  background:#2f55a4!important;
  border-color:#2f55a4!important;
  color:#fff!important;
  box-shadow:0 1px 2px rgba(20,43,83,.08);
}
.gs1-submit:hover:not(:disabled){
  background:#294a8e!important;
  border-color:#294a8e!important;
}
.gs1-submit:disabled{
  background:#dfe6f0!important;
  border-color:#cbd6e6!important;
  color:#58667a!important;
  box-shadow:none;
}
@media(max-width:980px){
  .gs1-verify-row{grid-template-columns:1fr;padding-top:10px}
  .gs1-submit{width:100%;height:46px;min-height:46px!important}
}
@media(max-width:560px){
  .gs1-verify-row{gap:8px}
  .gs1-guard-card{min-height:40px;padding:0}
  .gs1-submit{height:44px;min-height:44px!important}
}
