.sbgg-euvou{--ev-green:#08685c;--ev-text:#21483f;--ev-cream:#f5f2e9;--ev-soft:#e9f1eb;--ev-border:#d6e2da;--ev-muted:#64796e;width:100%;max-width:1250px;margin:0 auto;color:var(--ev-text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.4;-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse at 96% 0%,#e3ece3 0,transparent 38%),var(--ev-cream);padding:clamp(14px,2.2vw,28px);border-radius:22px;box-sizing:border-box;isolation:isolate}
.sbgg-euvou *,.sbgg-euvou *:before,.sbgg-euvou *:after{box-sizing:border-box}.sbgg-euvou button,.sbgg-euvou input{font:inherit}.sbgg-euvou button{cursor:pointer}.sbgg-euvou button:disabled{cursor:not-allowed;opacity:.52}.sbgg-euvou :is(button,input):focus-visible{outline:3px solid #d79a4b;outline-offset:3px}
.sbgg-ev-layout{display:grid;grid-template-columns:minmax(260px,.97fr) minmax(350px,1fr);grid-template-rows:auto 1fr;column-gap:clamp(24px,4.5vw,66px);row-gap:22px;align-items:center;min-height:660px}
.sbgg-ev-intro{grid-column:2;grid-row:1;align-self:end;padding-top:12px}
.sbgg-ev-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#529181;font-weight:800;margin:0 0 9px}.sbgg-ev-intro h2{font-size:clamp(24px,2.9vw,38px);line-height:1.17;font-weight:790;letter-spacing:-.035em;color:#23554a;margin:0;max-width:560px}.sbgg-ev-intro p{font-size:14px;color:#637a70;margin:12px 0 0;line-height:1.45}
.sbgg-ev-preview-area{grid-column:1;grid-row:1/3;min-height:0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:100%;max-height:750px}
.sbgg-ev-preview-caption{font-size:10px;color:#779183;letter-spacing:.12em;font-weight:760}.sbgg-ev-visual-wrap{min-height:0;min-width:0;flex:1;display:flex;width:100%;align-items:center;justify-content:center}.sbgg-ev-art{position:relative;aspect-ratio:9/16;max-width:100%;height:100%;max-height:660px;background:#006356;border-radius:7px;overflow:hidden;box-shadow:0 19px 43px rgba(13,63,47,.17)}
.sbgg-ev-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}.sbgg-ev-canvas:active{cursor:grabbing}
.sbgg-ev-shimmer{position:absolute;inset:-140% -210%;pointer-events:none;transform:translate(-45%,-42%) rotate(-29deg);background:linear-gradient(90deg,transparent 43%,rgba(255,255,255,.08) 48%,rgba(255,250,227,.22) 50%,rgba(255,255,255,.045) 52%,transparent 57%);animation:sbgg-ev-light 10s ease-in-out 2.3s infinite;mix-blend-mode:screen}
@keyframes sbgg-ev-light{0%,20%{transform:translate(-48%,-42%) rotate(-29deg)}48%,100%{transform:translate(48%,42%) rotate(-29deg)}}
.sbgg-ev-feedback{text-align:center;color:var(--ev-green);font-size:12px;font-weight:680;line-height:1.35;margin:2px 0 0;min-height:18px;display:flex;align-items:center;justify-content:center;gap:8px}.sbgg-ev-live-dot{width:8px;height:8px;background:#4aa591;border-radius:50%;flex:none}.sbgg-ev-feedback.is-active .sbgg-ev-live-dot{animation:sbgg-ev-pulse 1.6s ease-in-out infinite}.sbgg-ev-feedback.is-active .sbgg-ev-feedback-text{animation:sbgg-ev-text-glow 2.8s ease-in-out infinite}
@keyframes sbgg-ev-pulse{0%,100%{box-shadow:0 0 0 0 rgba(29,142,119,.36)}50%{box-shadow:0 0 0 6px rgba(29,142,119,0)}}@keyframes sbgg-ev-text-glow{0%,100%{opacity:1}50%{opacity:.64}}
.sbgg-ev-editor{grid-column:2;grid-row:2;align-self:start;display:flex;flex-direction:column;gap:18px;min-width:0}
.sbgg-ev-file-actions,.sbgg-ev-result-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sbgg-euvou .sbgg-ev-button{min-height:50px;background:#fff;border:1px solid #d3ded6;border-radius:13px;padding:10px 12px;color:var(--ev-green);font-size:13px;font-weight:740;line-height:1.15;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:none;min-width:0}.sbgg-euvou .sbgg-ev-button.sbgg-ev-primary{background:#087466;color:white;border-color:#087466}.sbgg-euvou .sbgg-ev-button:not(:disabled):hover{filter:brightness(.96)}
.sbgg-ev-adjustments{min-width:0}.sbgg-ev-adjust-title{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;margin-bottom:13px}.sbgg-ev-adjust-title strong{font-weight:800}.sbgg-ev-adjust-title span{color:#809588;font-size:11px}
.sbgg-ev-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sbgg-euvou .sbgg-ev-tool{background:#fff;border:1px solid var(--ev-border);border-radius:12px;color:#46776a;font-size:11px;font-weight:730;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:65px;padding:8px 2px;box-shadow:none}.sbgg-ev-tool span{height:23px;display:flex;align-items:center;font-size:23px;line-height:1;font-weight:500}.sbgg-euvou .sbgg-ev-tool[aria-pressed="true"]{background:#e3f1e9;border-color:#7aaf9e;color:#086d5e}
.sbgg-ev-range-box{border:1px solid #d4e2d6;border-radius:14px;background:#e7f0e8;margin-top:13px;padding:12px 17px 10px}.sbgg-ev-range-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:780;font-size:12px;margin-bottom:10px}.sbgg-ev-range-output{color:#056a5d;font-variant-numeric:tabular-nums}.sbgg-euvou .sbgg-ev-range{display:block;width:100%;accent-color:#087466;margin:0;cursor:pointer;height:17px;padding:0}.sbgg-ev-range-foot{display:flex;justify-content:space-between;font-size:10px;color:#7c9585;margin-top:6px}.sbgg-ev-range-center{color:#558c7b}
.sbgg-ev-finish{padding-top:1px}.sbgg-ev-small-note{text-align:center;line-height:1.6;color:#657e72;margin:19px 0 0;font-size:12px}.sbgg-ev-small-note a{font-weight:800;color:#046b62;text-decoration:none}.sbgg-ev-small-note a:hover{text-decoration:underline}.sbgg-ev-privacy{text-align:center;font-size:11px;color:#84958b;line-height:1.5;margin:6px 0 0}
.sbgg-ev-toast{position:fixed;z-index:99999;bottom:calc(20px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%,14px);opacity:0;pointer-events:none;background:#13594f;color:white;padding:12px 18px;border-radius:12px;box-shadow:0 7px 24px rgba(0,0,0,.22);transition:transform .22s ease,opacity .22s ease;max-width:min(92vw,420px);text-align:center;font-size:12px}.sbgg-ev-toast.is-visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.sbgg-ev-layout{gap:17px;grid-template-columns:minmax(240px,.9fr) minmax(320px,1fr)}.sbgg-ev-tools{gap:9px}.sbgg-ev-editor{gap:12px}.sbgg-ev-intro h2{font-size:25px}.sbgg-ev-preview-area{max-height:640px}.sbgg-euvou .sbgg-ev-tool{min-height:59px}}
@media(max-width:720px){.sbgg-euvou{padding:10px 12px 13px;border-radius:0}.sbgg-ev-layout{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0;height:min(836px, calc(100svh - 24px));height:min(836px, calc(100dvh - 24px))}.sbgg-ev-intro{flex:none;text-align:center;padding:0 4px 6px}.sbgg-ev-kicker{display:none}.sbgg-ev-intro h2{font-size:clamp(18px,5.4vw,24px);line-height:1.15;letter-spacing:-.025em}.sbgg-ev-intro p{font-size:11px;margin:3px auto 0;line-height:1.2;max-width:330px}.sbgg-ev-preview-area{flex:1;min-height:100px;max-height:none;height:auto;gap:0}.sbgg-ev-preview-caption{display:none}.sbgg-ev-visual-wrap{flex:1;min-height:0}.sbgg-ev-art{max-height:none;border-radius:4px;box-shadow:0 8px 23px rgba(10,50,36,.15)}.sbgg-ev-feedback{font-size:10px;min-height:20px;margin-top:3px}.sbgg-ev-live-dot{width:6px;height:6px}.sbgg-ev-editor{flex:none;gap:7px;margin-top:6px}.sbgg-ev-file-actions,.sbgg-ev-result-actions{gap:12px}.sbgg-euvou .sbgg-ev-button{min-height:43px;padding:7px 6px;border-radius:10px;font-size:12px}.sbgg-ev-adjust-title{display:none}.sbgg-ev-tools{gap:9px;row-gap:7px}.sbgg-euvou .sbgg-ev-tool{border-radius:10px;min-height:47px;padding:4px 1px;gap:2px;font-size:10px}.sbgg-ev-tool span{font-size:19px;height:19px}.sbgg-ev-range-box{padding:8px 12px 7px;margin-top:7px;border-radius:10px}.sbgg-ev-range-head{margin-bottom:4px;font-size:11px}.sbgg-ev-range-foot{font-size:9px;margin-top:2px}.sbgg-ev-small-note{font-size:10px;margin-top:12px}.sbgg-ev-privacy{font-size:9px;margin-top:3px;line-height:1.25}}
@media(max-width:720px) and (max-height:760px){.sbgg-euvou{padding-top:7px;padding-bottom:7px}.sbgg-ev-intro h2{font-size:18px}.sbgg-ev-intro p{display:none}.sbgg-ev-editor{gap:6px;margin-top:4px}.sbgg-euvou .sbgg-ev-tool{min-height:42px}.sbgg-ev-tools{row-gap:5px}.sbgg-euvou .sbgg-ev-button{min-height:40px}.sbgg-ev-range-box{margin-top:5px;padding:5px 10px}.sbgg-ev-range-foot{display:none}.sbgg-ev-small-note{margin-top:9px}.sbgg-ev-privacy{display:none}}
@media(max-width:720px) and (max-height:590px){.sbgg-ev-intro p{display:none}.sbgg-ev-feedback{font-size:9px}.sbgg-ev-small-note{display:none}.sbgg-euvou .sbgg-ev-tool{min-height:39px}.sbgg-ev-tool span{font-size:17px;height:17px}}
@media(max-width:340px){.sbgg-euvou{padding-left:7px;padding-right:7px}.sbgg-ev-tools{gap:5px}.sbgg-euvou .sbgg-ev-tool{font-size:9px}.sbgg-ev-intro h2{font-size:17px}}
@media(prefers-reduced-motion:reduce){.sbgg-ev-shimmer,.sbgg-ev-live-dot,.sbgg-ev-feedback-text{animation:none!important}.sbgg-ev-toast{transition:none}}

.sbgg-ev-range-box.is-snapped{animation:sbgg-ev-snap .34s ease-out}
@keyframes sbgg-ev-snap{0%{box-shadow:inset 0 0 0 2px rgba(6,116,102,.35)}100%{box-shadow:inset 0 0 0 0 rgba(6,116,102,0)}}

/* v1.1.0 — Fundo integral marfim, área centralizada na altura e na largura.
   Classe no body adicionada pelo JS apenas onde o gerador realmente é exibido. */
html:has(.sbgg-euvou),body.sbgg-ev-page,body.sbgg-ev-page #page,body.sbgg-ev-page .site,body.sbgg-ev-page .site-main{background-color:#f5f2e9!important}
body.sbgg-ev-page{margin:0}
.sbgg-euvou{
  width:100%;max-width:none;min-height:100vh;min-height:100dvh;
  margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:#f5f2e9;border-radius:0;
  padding:clamp(14px,3vw,35px) clamp(12px,3vw,36px)
}
.sbgg-ev-layout{
  width:100%;max-width:1200px;margin:0 auto;
  background:radial-gradient(ellipse at 96% 0%,rgba(216,231,220,.64),transparent 42%),#f5f2e9;
  border:1px solid rgba(155,183,162,.17);border-radius:24px;
  box-shadow:0 20px 55px rgba(35,76,62,.048);
  padding:clamp(16px,2.6vw,34px)
}
.sbgg-ev-intro{padding-top:0}
.sbgg-ev-intro h2{font-size:clamp(31px,3.45vw,46px);font-weight:820;letter-spacing:-.041em;line-height:1.08;max-width:570px}
.sbgg-ev-intro .sbgg-ev-subtitle{font-size:clamp(16px,1.5vw,19px);line-height:1.32;font-weight:630;color:#315e52;margin:15px 0 0;max-width:535px}
.sbgg-ev-intro .sbgg-ev-instruction{font-size:13px;line-height:1.5;margin:11px 0 0;color:#72867a}
@media(max-width:900px){
  .sbgg-ev-intro h2{font-size:clamp(28px,3.3vw,37px)}
  .sbgg-ev-intro .sbgg-ev-subtitle{font-size:15px;margin-top:9px}
}
@media(max-width:720px){
  .sbgg-euvou{min-height:100svh;min-height:100dvh;padding:8px 10px 11px}
  .sbgg-ev-layout{padding:0;background:transparent;border:0;box-shadow:none;border-radius:0;
    width:100%;max-width:440px;height:min(836px,calc(100dvh - 19px));min-height:0}
  .sbgg-ev-intro{padding:0 2px 5px;text-align:center}
  .sbgg-ev-intro h2{font-size:clamp(23px,6.3vw,29px);line-height:1.06;letter-spacing:-.037em}
  .sbgg-ev-intro .sbgg-ev-subtitle{font-size:clamp(11px,2.8vw,13px);line-height:1.2;margin:5px auto 0;max-width:380px}
  .sbgg-ev-intro .sbgg-ev-instruction{font-size:10px;line-height:1.2;margin:4px auto 0;max-width:380px}
}
@media(max-width:720px) and (max-height:760px){
  .sbgg-ev-intro .sbgg-ev-subtitle{font-size:10px;line-height:1.12;margin-top:3px}
  .sbgg-ev-intro .sbgg-ev-instruction{display:none}
}
@media(max-width:720px) and (max-height:590px){
  .sbgg-ev-intro .sbgg-ev-subtitle{display:none}
}
/* Corrige alinhamentos herdados do grid desktop ao empilhar no mobile. */
@media(max-width:720px){
  .sbgg-ev-intro,.sbgg-ev-editor,.sbgg-ev-preview-area{align-self:stretch;width:100%;max-width:100%}
}