.sgd-wrap{--ink:#123744;--brand:#0f5b69;--brand2:#187789;--accent:#f2994a;--line:#d9e5e9;--soft:#f5f9fa;--code:#eaf7ff;max-width:1320px;margin:28px auto;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#172b36;line-height:1.55}.sgd-wrap *{box-sizing:border-box}.sgd-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px;background:linear-gradient(135deg,var(--brand),var(--brand2));border-radius:18px;color:#fff;box-shadow:0 12px 30px rgba(15,91,105,.18)}.sgd-hero h1{font-size:clamp(2rem,4vw,3rem);margin:8px 0}.sgd-hero p{max-width:780px;margin:0;font-size:1.05rem}.sgd-kicker{display:inline-block;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.16);font-weight:700;font-size:.82rem}.sgd-mark{display:grid;place-items:center;min-width:82px;height:82px;border-radius:20px;background:#fff;color:var(--brand);font-size:1.8rem;font-weight:900}.sgd-warning,.sgd-note{margin:16px 0;padding:16px 18px;border-left:4px solid var(--accent);background:#fff8ef;border-radius:10px}.sgd-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.sgd-tabs button,.sgd-actions button,.sgd-card>button{border:0;border-radius:9px;background:var(--brand);color:#fff;padding:11px 16px;font-weight:750;cursor:pointer}.sgd-tabs button.is-active{background:var(--accent);color:#172b36}.sgd-actions button.secondary{background:#e7eff2;color:var(--ink)}.sgd-tab{display:none}.sgd-tab.is-active{display:block}.sgd-grid-main{display:grid;grid-template-columns:minmax(560px,1.18fr) minmax(440px,.82fr);gap:18px;align-items:start}.sgd-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 8px 22px rgba(18,55,68,.06);min-width:0}.sgd-card h2,.sgd-card h3{color:var(--brand);margin-top:0}.sgd-section{border:1px solid var(--line);background:var(--soft);border-radius:12px;padding:15px;margin:14px 0}.sgd-section h3{font-size:1rem;margin-bottom:12px}.sgd-fields{display:grid;gap:12px;margin:10px 0}.sgd-fields.two{grid-template-columns:repeat(2,minmax(0,1fr))}.sgd-fields.three{grid-template-columns:repeat(3,minmax(0,1fr))}.sgd-wrap label{display:block;font-weight:700;color:#17333d}.sgd-wrap input,.sgd-wrap select,.sgd-wrap textarea{width:100%;min-height:44px;margin-top:6px;padding:9px 11px;border:1px solid #cbdce2;border-radius:9px;background:#fff;color:#172b36;font:inherit}.sgd-wrap select[multiple]{min-height:130px}.sgd-wrap small{display:block;margin-top:4px;color:#607680;font-weight:400}.sgd-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sgd-checks label{font-weight:600}.sgd-checks input,.sgd-sensitive input[type=checkbox]{width:auto;min-height:auto;margin:0 7px 0 0}.sgd-sensitive{padding:12px;border:1px dashed #e5a15f;border-radius:10px;background:#fffaf4}.sgd-output{position:sticky;top:20px}.sgd-status{font-weight:700;color:#087548;margin-bottom:10px}.sgd-output pre,.sgd-query-preview,.sgd-guide pre,.sgd-example pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--code);border:1px solid #bfe3f2;border-radius:11px;padding:16px;min-height:88px;overflow:auto}.sgd-actions{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0}.sgd-errors{padding:12px;background:#fff0f0;border:1px solid #efb9b9;border-radius:9px;color:#8c1e1e}.sgd-explain,.sgd-model{background:#eff5f7;border-radius:12px;padding:14px;margin-top:12px}.sgd-explain ul,.sgd-model ol{margin:0;padding-left:22px}.sgd-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sgd-example{border:1px solid var(--line);border-radius:13px;padding:15px;background:var(--soft)}.sgd-example .tag{display:inline-block;background:#dff3f6;color:var(--brand);padding:3px 8px;border-radius:999px;font-size:.75rem;font-weight:800}.sgd-example h3{margin:8px 0}.sgd-example button{border:0;background:var(--brand);color:#fff;padding:8px 11px;border-radius:8px;cursor:pointer}.sgd-guide{max-width:900px;margin:auto}.sgd-guide h3{margin-top:24px}.sgd-guide pre{min-height:0}.sgd-query-preview{max-height:520px}.sgd-card code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}details summary{cursor:pointer;font-weight:800;color:var(--brand)}
.sgd-builder{width:100%}.sgd-output{width:100%}.sgd-builder .sgd-fields.three{grid-template-columns:repeat(3,minmax(145px,1fr))}.sgd-builder .sgd-fields.two{grid-template-columns:repeat(2,minmax(190px,1fr))}.sgd-builder label{min-width:0}.sgd-builder input,.sgd-builder select{max-width:100%}
@media(max-width:1080px){.sgd-grid-main{grid-template-columns:1fr}.sgd-output{position:static}.sgd-fields.three{grid-template-columns:repeat(2,minmax(0,1fr))}.sgd-example-grid{grid-template-columns:1fr}}
@media(max-width:700px){.sgd-wrap{margin:12px}.sgd-hero{padding:20px;align-items:flex-start}.sgd-mark{min-width:58px;height:58px;border-radius:14px}.sgd-fields.two,.sgd-fields.three,.sgd-checks{grid-template-columns:1fr}.sgd-card{padding:15px}.sgd-tabs button{flex:1 1 45%}}