.slg-field,.slg-tool{display:flex;flex-direction:column}.slg-tool{background:#fff;border-radius:16px;border:1px solid var(--gray-200);padding:2rem;margin-top:2rem;gap:1rem}.slg-field{gap:.35rem}.slg-field label,.slg-option-group>label{font-size:.875rem;font-weight:600;color:var(--gray-600)}.slg-field input{padding:.7rem .9rem;border:1px solid var(--gray-300);border-radius:8px;font-size:1rem;color:var(--gray-800);box-sizing:border-box;width:100%;transition:border-color .2s}.slg-field input:focus{outline:0;border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(235,57,68,.1)}.slg-options{display:flex;gap:2rem;flex-wrap:wrap;align-items:flex-start}.slg-option-group{display:flex;flex-direction:column;gap:.4rem}.slg-radio-group{display:flex;gap:1rem;flex-wrap:wrap}.slg-radio{display:flex;align-items:center;gap:.35rem;font-size:.875rem;color:var(--gray-700);cursor:pointer;padding:.3rem .75rem;border:1px solid var(--gray-300);border-radius:6px;background:#fff;transition:all .15s}.slg-radio:has(input:checked){background:var(--primary-500);border-color:var(--primary-500);color:#fff}.slg-radio input[type=radio]{display:none}.slg-checkbox,.slg-preview{display:flex;align-items:center}.slg-checkbox{gap:.35rem;font-size:.875rem;color:var(--gray-700);cursor:pointer;margin-top:1.2rem}.slg-preview{gap:.5rem;min-height:2.2rem;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:8px;padding:.5rem .8rem}.slg-preview-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-400);flex-shrink:0}.slg-preview-value{font-size:.875rem;font-family:"Courier New",Courier,monospace;color:var(--primary-500);word-break:break-all}.slg-output-wrap{display:flex;flex-direction:column;gap:.4rem}.slg-output-input{padding:.7rem .9rem;border:1px solid var(--gray-300);border-radius:8px;font-size:.9rem;font-family:"Courier New",Courier,monospace;color:var(--gray-800);background:var(--gray-50);box-sizing:border-box;width:100%}