.sgipt-wrap{--p:#0f4c5c;--a:#f2994a;--ink:#172033;--muted:#667085;--line:#dbe4ea;--soft:#f6f9fb;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);max-width:1180px;margin:24px auto}.sgipt-wrap *{box-sizing:border-box}.sgipt-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:28px;border-radius:18px;background:linear-gradient(135deg,#0f4c5c,#176d7d);color:#fff;box-shadow:0 12px 35px rgba(15,76,92,.2)}.sgipt-hero h2{margin:4px 0 8px;font-size:clamp(28px,4vw,42px)}.sgipt-hero p{margin:0;opacity:.9}.sgipt-kicker{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.sgipt-badge{padding:12px 16px;border:1px solid rgba(255,255,255,.35);border-radius:999px;white-space:nowrap}.sgipt-alert{margin:18px 0;padding:14px 16px;border-radius:12px;line-height:1.5}.sgipt-alert-danger{background:#fff1f0;border:1px solid #ffc9c5;color:#8a1c13}.sgipt-alert-info{background:#eef8fb;border:1px solid #c6e5eb;color:#164f5c}.sgipt-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.sgipt-tabs button,.sgipt-actions button{appearance:none;border:1px solid var(--line);background:#fff;color:var(--ink);padding:10px 14px;border-radius:10px;font-weight:700;cursor:pointer}.sgipt-tabs button.active,.sgipt-primary{background:var(--p)!important;color:#fff!important;border-color:var(--p)!important}.sgipt-panel{display:none}.sgipt-panel.active{display:block}.sgipt-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:20px}.sgipt-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 8px 24px rgba(16,24,40,.06)}.sgipt-card h3{margin:6px 0 16px;color:var(--p)}.sgipt-card h3:not(:first-child){margin-top:26px}.sgipt-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sgipt-fields label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700;color:#344054}.sgipt-fields input,.sgipt-fields select{width:100%;border:1px solid #cfd9df;border-radius:10px;padding:11px 12px;background:#fff;color:#172033;font-size:14px}.sgipt-fields input:focus,.sgipt-fields select:focus{outline:3px solid rgba(15,76,92,.12);border-color:var(--p)}.sgipt-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.sgipt-output-card{position:sticky;top:20px;align-self:start}.sgipt-output-head{display:flex;justify-content:space-between;align-items:center}.sgipt-output-head span{font-size:12px;padding:5px 9px;background:var(--soft);border-radius:999px}.sgipt-output-card pre{white-space:pre-wrap;word-break:break-word;background:#101828;color:#e5edf3;padding:18px;border-radius:12px;min-height:120px;overflow:auto}.sgipt-validation:empty{display:none}.sgipt-validation{margin-top:16px;padding:12px;border-radius:10px;background:#fff4e5;color:#7a4300;border:1px solid #ffdb9d}.sgipt-explanation{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}.sgipt-explanation h4{margin:0 0 8px}.sgipt-explanation ul{padding-left:20px;margin-bottom:0}.sgipt-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sgipt-preset{border:1px solid var(--line);border-radius:12px;padding:16px;background:var(--soft)}.sgipt-preset h4{margin:0 0 8px;color:var(--p)}.sgipt-preset p{color:var(--muted);font-size:13px;min-height:40px}.sgipt-preset code{display:block;white-space:pre-wrap;word-break:break-word;font-size:12px;background:#fff;padding:10px;border-radius:8px}.sgipt-preset button{margin-top:10px;border:0;background:var(--p);color:#fff;border-radius:8px;padding:8px 11px;font-weight:700;cursor:pointer}.sgipt-table-wrap{overflow:auto}.sgipt-reference table{width:100%;border-collapse:collapse}.sgipt-reference th,.sgipt-reference td{border:1px solid var(--line);padding:10px;text-align:left}.sgipt-reference th{background:var(--soft)}.sgipt-reference code{background:#eef2f5;padding:2px 5px;border-radius:4px}@media(max-width:900px){.sgipt-grid{grid-template-columns:1fr}.sgipt-output-card{position:static}.sgipt-preset-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.sgipt-hero{align-items:flex-start;flex-direction:column}.sgipt-fields,.sgipt-preset-grid{grid-template-columns:1fr}.sgipt-card{padding:16px}.sgipt-tabs button{flex:1 1 45%}}