.tool-nav{display:flex;gap:20px;flex-wrap:wrap;align-items:center;color:var(--muted);font-size:14px}.tool-nav a:hover,.tool-nav a:focus-visible{color:var(--text)}
.tool-shell{position:relative;z-index:2;width:min(900px,calc(100% - 40px));min-height:65vh;margin:30px auto 80px}.tool-shell h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.15;margin:8px 0 12px}.tool-intro{color:var(--muted);font-size:1.05rem;line-height:1.5;margin:0 0 28px;max-width:65ch}.tool-card,.tool-related{background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--radius);padding:clamp(20px,4vw,34px);box-shadow:var(--shadow)}.tool-card h2,.tool-related h2{font-size:1.25rem;margin:0 0 20px}.tool-fields,.converter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.converter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-field{min-width:0}.tool-field label{display:block;font-size:.88rem;color:var(--muted);margin-bottom:8px}.tool-field input,.tool-field select{width:100%;min-width:0;height:48px;background:#0a1524;color:var(--text);border:1px solid var(--line-strong);border-radius:11px;padding:0 13px;font-size:16px}.tool-field input:focus-visible,.tool-field select:focus-visible,.tool-actions button:focus-visible,.tool-nav a:focus-visible,.related-list a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tool-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.tool-actions button{min-height:44px;padding:0 18px;cursor:pointer}.tool-result{margin-top:22px;border:1px solid rgba(113,183,255,.27);border-radius:14px;background:rgba(113,183,255,.08);padding:18px}.tool-result strong,.tool-result span,.tool-result small{display:block}.tool-result strong{color:var(--accent-2);font-size:.9rem}.tool-result span{font-size:clamp(1.4rem,4vw,2rem);font-weight:700;margin-top:5px;overflow-wrap:anywhere}.tool-result small{color:var(--muted);margin-top:7px;line-height:1.5}.tool-related{margin-top:22px;box-shadow:none}.related-list{display:flex;gap:10px;flex-wrap:wrap}.related-list a{border:1px solid var(--line-strong);border-radius:9px;padding:9px 12px;color:var(--accent-2)}.related-list a:hover{background:rgba(113,183,255,.1)}
@media(max-width:650px){.site-header{align-items:flex-start;flex-direction:column}.tool-nav{gap:12px}.converter-grid,.tool-fields{grid-template-columns:1fr}.tool-shell{margin-top:24px;width:min(100% - 28px,900px)}.tool-card,.tool-related{padding:20px}}