.tool-page h1,.tool-page h2{font-family:Chonburi,serif;font-weight:400;letter-spacing:-.025em}.tool-page h1{font-size:clamp(30px,4.4vw,48px)}.tool-page h2{font-size:clamp(22px,2.8vw,29px)}.tool-page .guide-body{max-width:850px}.tool-panel{margin:32px 0;padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:20px}.tool-panel h2{margin-bottom:8px}.tool-hint{font-size:14px;color:var(--muted)}.tool-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.tool-fields label{font-size:15px;font-weight:600;display:flex;flex-direction:column;gap:8px}.tool-fields input,.tool-fields select{width:100%;min-width:0;min-height:48px;padding:10px 12px;border:1px solid var(--line);background:var(--paper);border-radius:12px;color:var(--ink);font:inherit}.tool-fields input{font-family:'Space Mono',monospace}.tool-fields input:focus-visible,.tool-fields select:focus-visible,.tool-panel button:focus-visible{outline:3px solid var(--green);outline-offset:3px}.tool-panel button{border:0;cursor:pointer;font-family:inherit;min-height:48px}.tool-result{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px;padding-top:22px;border-top:1px solid var(--line)}.tool-result p{grid-column:1/-1;font-size:15px;margin:0}.result-item{display:flex;flex-direction:column;gap:8px;min-width:0}.result-item span{font-size:14px;color:var(--muted)}.result-item strong{font-family:'Space Mono',monospace;font-size:clamp(19px,3vw,28px);overflow-wrap:anywhere}.tool-error{color:#845b44;font-size:14px;margin:8px 0}.tool-page .button{border-radius:16px}.tool-page .note{border:1px solid var(--line);border-radius:16px}.tool-page .related{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-page .guide-mark{width:160px;justify-self:center}.tool-page summary{min-height:44px}.tool-page .source-list a{overflow-wrap:anywhere}@media(max-width:550px){.tool-fields,.tool-result,.tool-page .related{grid-template-columns:1fr}.tool-panel{padding:20px}.tool-result strong{font-size:25px}.tool-page .guide-hero{padding-top:0}.tool-page .guide-mark{width:100px;justify-self:start}.tool-page .guide-nav .links{max-width:175px}.tool-page .byline{font-size:12px}}
.tool-panel fieldset{border:0;padding:0;margin:0;min-width:0}.tool-panel legend{font-weight:600;padding:0}.tool-panel fieldset:disabled{opacity:.65}