.sgn-tools{max-width:1100px;margin:0 auto}.sgn-tools-note{padding:16px 22px;border-radius:12px;background:#f0f4e9;color:#34432c}.sgn-tool-nav{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0}.sgn-tools button{background:#17232b;color:#fff;padding:13px 20px;border:0;border-radius:9px;font:inherit;cursor:pointer}.sgn-tool-nav button{background:#efefec;color:#263133}.sgn-tool-nav button[aria-selected=true]{background:#17232b;color:#d4fb79}.sgn-tools section{padding:30px;border:1px solid #dfe3df;border-radius:18px;background:#fff}.sgn-tools section[hidden]{display:none}.sgn-tools label{display:block;font-size:14px;font-weight:600;margin:16px 0}.sgn-tools input,.sgn-tools textarea{display:block;width:100%;padding:13px;border:1px solid #cdd4cf;border-radius:8px;margin-top:8px;font:inherit;background:#fcfdfb;color:#17232b}.sgn-tools textarea{resize:vertical}.sgn-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.sgn-tools button:focus-visible,.sgn-tools input:focus-visible,.sgn-tools textarea:focus-visible{outline:3px solid #7964c6;outline-offset:3px}.sgn-tool-actions{display:flex;gap:10px;flex-wrap:wrap}.sgn-stats{font-size:20px;font-weight:600;line-height:1.6}.sgn-tool-status{min-height:28px;color:#364c26}.sgn-tools #sgn-json-input,.sgn-tools #sgn-json-output{font-family:monospace}@media(max-width:600px){.sgn-tool-grid{grid-template-columns:1fr}.sgn-tools section{padding:20px}.sgn-tool-nav button{padding:10px 12px;font-size:13px}.sgn-tools button{max-width:100%}}