.sg-card{max-width:1080px;margin:0 auto;background:#fff;color:#111827;border-radius:1rem;box-shadow:0 20px 60px #00000040;text-align:left;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);overflow:hidden}.sg-form{padding:1.5rem;border-right:1px solid #eef0f4}.sg-field{margin-bottom:1rem;min-width:0}.sg-row2{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.sg-label{display:block;font-size:.8rem;font-weight:700;color:#374151;margin-bottom:.4rem}.sg-input{width:100%;box-sizing:border-box;padding:.65rem .85rem;font-size:.95rem;border:1.5px solid #d1d5db;border-radius:.55rem;outline:none;font-family:inherit;background:#fff;color:#111827}.sg-input:focus{border-color:#5955d1;box-shadow:0 0 0 3px #5955d126}.sg-ta{resize:vertical;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.86rem}.sg-hint{font-size:.76rem;color:#6b7280;margin:.3rem 0 0;line-height:1.45}.sg-note{background:#f8f9fc;border-radius:.45rem;padding:.5rem .65rem;margin-top:.5rem}.sg-fs{border:0;padding:0;margin:0 0 1rem;min-width:0}.sg-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.sg-chip{display:flex;align-items:center;gap:.5rem;border:1.5px solid #e5e7eb;border-radius:.55rem;padding:.45rem .6rem;cursor:pointer;font-size:.86rem;color:#111827;min-width:0}.sg-chip:hover{border-color:#a5b4fc}.sg-chip input{accent-color:#5955D1;flex:0 0 auto}.sg-chip-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.sg-chip-n{flex:0 0 auto;font-size:.7rem;color:#6b7280;background:#f3f4f6;border-radius:999px;padding:.1rem .45rem}.sg-chip:has(input:checked){border-color:#5955d1;background:#eef2ff}.sg-check{display:flex;gap:.5rem;align-items:flex-start;font-size:.86rem;color:#374151;margin:.3rem 0;cursor:pointer}.sg-check input{margin-top:.2rem;accent-color:#5955D1}.sg-out{padding:1.5rem;background:#f8f9fc;min-width:0}.sg-out-title{font-size:1.15rem;margin:0 0 1rem;color:#0c243c}.sg-meter{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:.85rem 1rem;margin-bottom:1rem}.sg-meter-top{display:flex;align-items:baseline;gap:.4rem;font-size:.85rem;color:#374151;font-weight:700}.sg-meter-top b{font-size:1.6rem;color:#059669;margin-left:auto}.sg-meter-max{color:#6b7280}.sg-bar{height:8px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin:.45rem 0 .2rem}.sg-bar span{display:block;height:100%;width:0;background:#10b981;border-radius:999px;transition:width .2s}.sg-meter.is-near .sg-meter-top b{color:#d97706}.sg-meter.is-near .sg-bar span{background:#f59e0b}.sg-meter.is-over .sg-meter-top b{color:#dc2626}.sg-meter.is-over .sg-bar span{background:#ef4444}.sg-kv{display:grid;grid-template-columns:auto 1fr;gap:.6rem .9rem;margin:0 0 1rem;font-size:.88rem}.sg-kv dt{color:#6b7280;font-weight:700;padding-top:.45rem}.sg-kv dd{margin:0;min-width:0}.sg-copyrow{display:flex;gap:.5rem;align-items:flex-start}.sg-code{display:block;flex:1;min-width:0;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.84rem;background:#0c243c;color:#e0e7ff;padding:.55rem .7rem;border-radius:.45rem;white-space:pre-wrap;word-break:break-all}.sg-code--val{min-height:3.2rem}.sg-copy{flex:0 0 auto;border:1.5px solid #5955D1;background:#fff;color:#5955d1;font-weight:700;font-size:.8rem;border-radius:.45rem;padding:.5rem .75rem;cursor:pointer;font-family:inherit}.sg-copy:hover{background:#5955d1;color:#fff}.sg-copy.is-done{background:#10b981;border-color:#10b981;color:#fff}.sg-warn-title{font-size:.95rem;margin:0 0 .5rem;color:#0c243c}.sg-warns{list-style:none;margin:0 0 1rem;padding:0}.sg-warns li{font-size:.85rem;line-height:1.5;padding:.55rem .7rem;border-radius:.5rem;margin-bottom:.45rem;border-left:3px solid;overflow-wrap:anywhere}.sg-warns li.w-warn{background:#fffbeb;border-color:#f59e0b;color:#78350f}.sg-warns li.w-info{background:#eff6ff;border-color:#60a5fa;color:#1e3a8a}.sg-warns li.w-ok{background:#ecfdf5;border-color:#10b981;color:#065f46}.sg-warns li.w-bad{background:#fef2f2;border-color:#ef4444;color:#7f1d1d}.sg-verify{margin:0;font-size:.9rem}.sg-guide{text-align:center;margin:0}@media (max-width:900px){.sg-card{grid-template-columns:1fr}.sg-form{border-right:0;border-bottom:1px solid #eef0f4}}@media (max-width:560px){.sg-row2,.sg-presets{grid-template-columns:1fr}.sg-copyrow{flex-direction:column}.sg-copy{align-self:flex-end}.sg-kv{grid-template-columns:1fr}.sg-kv dt{padding-top:0}}