.sg-ufw{--p:#0f4c5c;--a:#f2994a;--ink:#111827;--muted:#64748b;--line:#dbe5e8;--bg:#f7fafb;font-family:inherit;color:var(--ink);max-width:1200px;margin:24px auto}.sg-ufw *{box-sizing:border-box}.sg-ufw__hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:28px;border-radius:18px;background:linear-gradient(135deg,#0f4c5c,#176c7d);color:#fff}.sg-ufw__hero h2{margin:4px 0 8px;font-size:clamp(26px,4vw,42px)}.sg-ufw__hero p{margin:0;max-width:760px;opacity:.92}.sg-ufw__eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.sg-ufw__shield{font-size:58px}.sg-ufw__notice{margin:16px 0;padding:14px 16px;border-radius:12px}.sg-ufw__notice--warning{background:#fff7e8;border:1px solid #f4c77a}.sg-ufw__layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr);gap:18px}.sg-ufw__form,.sg-ufw__result,.sg-ufw__examples,.sg-ufw__details{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 24px rgba(15,76,92,.06)}.sg-ufw__form{padding:20px}.sg-ufw__section{padding:0 0 18px;margin:0 0 18px;border-bottom:1px solid var(--line)}.sg-ufw__section:last-of-type{border-bottom:0}.sg-ufw h3{margin:0 0 14px}.sg-ufw__grid{display:grid;gap:14px}.sg-ufw__grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.sg-ufw__grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.sg-ufw label{display:flex;flex-direction:column;gap:6px;font-weight:650;font-size:14px}.sg-ufw input,.sg-ufw select{width:100%;padding:11px 12px;border:1px solid #bccbd0;border-radius:9px;background:#fff;color:var(--ink);font:inherit}.sg-ufw input:focus,.sg-ufw select:focus{outline:3px solid rgba(15,76,92,.14);border-color:var(--p)}.sg-ufw small{font-weight:400;color:var(--muted)}.sg-ufw__full{margin-top:14px}.sg-ufw__presets{display:flex;flex-wrap:wrap;gap:8px}.sg-ufw button{border:1px solid #b8c8cd;background:#fff;color:var(--p);padding:9px 12px;border-radius:9px;font-weight:700;cursor:pointer}.sg-ufw button:hover{background:#eef7f8}.sg-ufw__actions,.sg-ufw__result-actions{display:flex;flex-wrap:wrap;gap:10px}.sg-ufw .sg-ufw__primary{background:var(--p);color:#fff;border-color:var(--p)}.sg-ufw__result{padding:20px;position:sticky;top:20px;align-self:start}.sg-ufw__result-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.sg-ufw__result-head span{font-size:12px;border-radius:99px;padding:5px 9px;background:#eaf7ef;color:#186a37}.sg-ufw pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#10252b;color:#e9fbff;padding:16px;border-radius:12px;min-height:90px}.sg-ufw__explanation{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.sg-ufw__explanation h4{margin:0 0 8px}.sg-ufw__explanation ul{margin:8px 0 0;padding-left:20px}.sg-ufw__error{background:#fff0f0;border:1px solid #e8a7a7;color:#8b1e1e;padding:10px 12px;border-radius:9px;margin-top:12px}.sg-ufw__examples{margin-top:18px;padding:20px}.sg-ufw__example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sg-ufw__example{border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--bg)}.sg-ufw__example h4{margin:0 0 6px}.sg-ufw__example p{color:var(--muted);font-size:14px}.sg-ufw__example code{display:block;background:#fff;padding:9px;border-radius:8px;overflow-wrap:anywhere}.sg-ufw__details{margin-top:18px;padding:18px}.sg-ufw__details summary{font-weight:800;cursor:pointer}.sg-ufw__details code{background:#eef3f5;padding:2px 5px;border-radius:5px}[hidden]{display:none!important}@media(max-width:900px){.sg-ufw__layout{grid-template-columns:1fr}.sg-ufw__result{position:static}.sg-ufw__example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.sg-ufw__hero{padding:20px}.sg-ufw__shield{display:none}.sg-ufw__grid--2,.sg-ufw__grid--3,.sg-ufw__example-grid{grid-template-columns:1fr}.sg-ufw__form,.sg-ufw__result,.sg-ufw__examples{padding:15px}}