.sgfsc{--sg:#075d70;--ink:#132136;--muted:#687789;--line:#dfe7ed;--soft:#f6f9fb;max-width:1180px;margin:24px auto;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}
.sgfsc *{box-sizing:border-box}.sgfsc code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.sgfsc__hero{display:flex;justify-content:space-between;align-items:flex-start;gap:22px;padding:28px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,#fff,#edf9fb);box-shadow:0 12px 28px rgba(20,35,50,.05)}
.sgfsc__hero h2{font-size:clamp(28px,4vw,42px);margin:6px 0 10px;line-height:1.08}.sgfsc__hero p{margin:0;color:var(--muted);max-width:780px;line-height:1.65}.sgfsc__eyebrow{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--sg)}.sgfsc__privacy{white-space:nowrap;background:#e8f8ef;color:#17663c;border:1px solid #caead7;padding:9px 13px;border-radius:999px;font-size:13px;font-weight:750}
.sgfsc__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.sgfsc__card{border:1px solid var(--line);border-radius:18px;background:#fff;padding:21px;margin-top:18px}.sgfsc__grid>.sgfsc__card{margin-top:0}.sgfsc__card h3{margin:0 0 16px;font-size:21px}.sgfsc__controls{display:grid;grid-template-columns:1fr 1fr auto 1fr;gap:12px;align-items:end}.sgfsc label>span{display:block;font-weight:750;margin-bottom:7px}.sgfsc input[type=number],.sgfsc select{width:100%;height:48px;border:1px solid #ccd8e1;border-radius:10px;background:#fff;padding:0 12px;color:var(--ink);font-size:15px}.sgfsc__swap{height:48px;border:1px solid var(--line);border-radius:10px;background:var(--soft);padding:0 13px;font-weight:800;cursor:pointer}.sgfsc__swap span{display:none}
.sgfsc__result{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#102c3d;color:#fff;border-radius:14px;padding:18px;margin-top:17px}.sgfsc__result small,.sgfsc__result span{display:block;opacity:.72}.sgfsc__result strong{display:block;font-size:clamp(23px,3vw,34px);overflow-wrap:anywhere}.sgfsc__result button,.sgfsc__head button,.sgfsc__use-file{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:9px;padding:9px 13px;font-weight:750;cursor:pointer}.sgfsc__presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.sgfsc__presets button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 11px;cursor:pointer}
.sgfsc__muted{color:var(--muted);line-height:1.55}.sgfsc__filepick{display:block;border:2px dashed #c9dbe3;border-radius:13px;padding:22px;text-align:center;background:var(--soft);cursor:pointer}.sgfsc__filepick input{display:none}.sgfsc__filepick span{font-weight:800;color:var(--sg)}.sgfsc__fileinfo{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.sgfsc__fileinfo div{border:1px solid var(--line);border-radius:10px;padding:11px}.sgfsc__fileinfo span{display:block;color:var(--muted);font-size:12px}.sgfsc__fileinfo strong{display:block;margin-top:4px;overflow-wrap:anywhere}.sgfsc__use-file{width:100%;margin-top:12px;background:var(--sg);color:#fff;border-color:var(--sg)}.sgfsc__use-file:disabled{opacity:.45;cursor:not-allowed}
.sgfsc__head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}.sgfsc__head h3{margin-bottom:4px}.sgfsc__head p{margin:0;color:var(--muted);font-size:14px}.sgfsc__all{display:grid;gap:7px;max-height:490px;overflow:auto}.sgfsc__all button{display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px 12px;cursor:pointer}.sgfsc__all button:hover{background:var(--soft)}.sgfsc__all span{display:flex;flex-direction:column}.sgfsc__all small{color:var(--muted)}.sgfsc__all strong{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-align:right;overflow-wrap:anywhere}
.sgfsc__chart{display:grid;gap:11px}.sgfsc__bar{display:grid;grid-template-columns:46px 1fr minmax(90px,auto);gap:10px;align-items:center}.sgfsc__bar>div{height:16px;background:#edf2f5;border-radius:999px;overflow:hidden}.sgfsc__bar>div span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--sg),#45a7b7);min-width:3px}.sgfsc__bar code{text-align:right;font-size:12px}.sgfsc__chart-note{font-size:12px;color:var(--muted)}
.sgfsc__learn{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.sgfsc__learn article,.sgfsc__examples article{border:1px solid var(--line);border-radius:13px;padding:15px}.sgfsc__learn strong{color:var(--sg)}.sgfsc__learn p,.sgfsc__examples p{margin:7px 0 0;color:var(--muted);line-height:1.5}.sgfsc__tablewrap{overflow-x:auto}.sgfsc table{width:100%;border-collapse:collapse}.sgfsc th,.sgfsc td{text-align:left;padding:11px 13px;border-bottom:1px solid var(--line)}.sgfsc th{background:var(--soft);font-size:13px}.sgfsc__examples{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sgfsc__warning{margin-top:18px;padding:15px 17px;border:1px solid #efdcaa;background:#fff9e7;color:#5e4c1c;border-radius:13px;line-height:1.55}
@media(max-width:850px){.sgfsc__hero{flex-direction:column}.sgfsc__privacy{white-space:normal}.sgfsc__grid{grid-template-columns:1fr}.sgfsc__controls{grid-template-columns:1fr 1fr}.sgfsc__swap{grid-column:1/-1}.sgfsc__swap span{display:inline}.sgfsc__learn{grid-template-columns:1fr 1fr}.sgfsc__examples{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.sgfsc__controls{grid-template-columns:1fr}.sgfsc__swap{grid-column:auto}.sgfsc__result{flex-direction:column;align-items:flex-start}.sgfsc__result button{width:100%}.sgfsc__fileinfo{grid-template-columns:1fr}.sgfsc__learn,.sgfsc__examples{grid-template-columns:1fr}.sgfsc__bar{grid-template-columns:42px 1fr}.sgfsc__bar code{grid-column:2;text-align:left}.sgfsc__head{flex-direction:column}.sgfsc__head button{width:100%}}