.sg-size{border:1px solid #666;padding:1.2rem;margin:1.5rem 0;background:#141414}
.sg-size h3{margin-top:0}.sg-size label{display:block;font-weight:700;margin-bottom:.5rem}
.sg-size-controls{display:flex;flex-wrap:wrap;gap:.65rem}
.sg-size input{box-sizing:border-box;flex:1 1 9rem;min-width:0;width:100%;padding:.75rem;border:1px solid #888;background:#080808;color:#fff;font:inherit}
.sg-size button{padding:.75rem 1rem;border:1px solid #fff;background:#fff;color:#080808;font:inherit;font-weight:700;cursor:pointer}
.sg-size input:focus-visible,.sg-size button:focus-visible{outline:3px solid #d4ff00;outline-offset:3px}
.sg-size input[aria-invalid="true"]{border-color:#ffb6b6}
.sg-size #sg-size-help{font-size:.9rem;color:#ccc;margin-bottom:0}
.sg-size #sg-size-result:empty{display:none}
.sg-size #sg-size-result{margin-top:1rem;border-top:1px solid #666;padding-top:.5rem}
.sg-size #sg-size-result p:last-child{margin-bottom:0}
.sg-size-row{border-left:3px solid #d4ff00;padding-left:.75rem}