.sg-hem{border:1px solid #666;padding:1.2rem;margin:1.5rem 0;background:#141414}
.sg-hem h3{margin-top:0}.sg-hem-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.sg-hem label{display:block;font-weight:700;margin-bottom:.5rem}
.sg-hem input{box-sizing:border-box;min-width:0;width:100%;padding:.75rem;border:1px solid #888;background:#080808;color:#fff;font:inherit}
.sg-hem-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}
.sg-hem button{padding:.75rem 1rem;border:1px solid #fff;background:#fff;color:#080808;font:inherit;font-weight:700;cursor:pointer}
.sg-hem button[type="reset"]{background:transparent;color:#fff}
.sg-hem input:focus-visible,.sg-hem button:focus-visible{outline:3px solid #d4ff00;outline-offset:3px}
.sg-hem input[aria-invalid="true"]{border-color:#ffb6b6}
.sg-hem #sg-hem-help{font-size:.9rem;color:#ccc}
.sg-hem #sg-hem-result:empty{display:none}.sg-hem #sg-hem-result{margin-top:1rem;border-top:1px solid #666;padding-top:1rem}
@media(max-width:500px){.sg-hem-fields{grid-template-columns:1fr}}