.tools-content{width:min(1100px,100% - 48px);margin:48px auto 72px}.tools-heading{max-width:760px;margin:28px 0 36px}.tools-heading h1{letter-spacing:-.03em;margin:0 0 16px;font-size:clamp(28px,4vw,42px);line-height:1.2}.tools-heading>p:last-child{color:var(--muted);font-size:16px;line-height:1.75}.tool-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.tool-card{border:1px solid var(--border);color:inherit;background:var(--panel);border-radius:10px;padding:28px;text-decoration:none;display:block}.tool-card:hover{border-color:var(--accent)}.tool-card h2,.tool-inputs h2,.tool-output h2,.tool-explanation h2,.tool-cli h2{margin:0 0 18px;font-size:19px}.tool-card p{color:var(--muted);line-height:1.7}.tool-card>span{color:var(--accent);align-items:center;gap:10px;margin-top:24px;font-size:14px;display:flex}.tool-layout{grid-template-columns:minmax(270px,.8fr) minmax(0,1.2fr);align-items:start;gap:24px;display:grid}.tool-inputs,.tool-output{border:1px solid var(--border);background:var(--panel);border-radius:10px;padding:26px}.tool-field{gap:8px;margin:0 0 22px;font-size:14px;display:grid}.tool-field input,.tool-field select{border:1px solid var(--border);background:var(--page);width:100%;min-height:42px;color:var(--text);font:inherit;border-radius:5px;padding:10px 12px}.tool-field small{color:var(--muted);font-size:12px;line-height:1.5}.tool-field input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tools-page button{cursor:pointer}.tools-page button:disabled{opacity:.5;cursor:default}.tool-error{color:var(--error);overflow-wrap:anywhere;font-size:13px;line-height:1.6}.tool-empty,.tool-result-kind,.tool-caption{color:var(--muted);font-size:13px;line-height:1.65}.tool-components{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px;margin:22px 0;display:grid}.tool-components>div{border:1px solid var(--border);border-radius:6px;align-content:start;gap:7px;padding:14px;display:grid}.tool-components span{color:var(--muted);font-size:12px}.tool-components strong{color:var(--accent);font-size:18px}.tool-components small{color:var(--muted);font-size:11px}.tool-measurements{margin:0 0 24px}.tool-measurements>div{border-bottom:1px solid var(--border);justify-content:space-between;gap:20px;padding:10px 0;font-size:13px;display:flex}.tool-measurements dt{color:var(--muted)}.tool-measurements dd{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;margin:0}.tool-actions{flex-wrap:wrap;gap:10px;display:flex}.tool-actions .button{min-height:40px;padding:0 14px;font-size:13px}.tool-source{margin-top:24px;font-size:13px}.tool-source summary{color:var(--muted);cursor:pointer}.tool-source pre,.tool-cli pre{border:1px solid var(--border);background:var(--page);border-radius:6px;padding:16px;font-size:12px;line-height:1.8;overflow-x:auto}.tool-explanation,.tool-cli{border-top:1px solid var(--border);margin-top:36px;padding-top:28px}.tool-explanation p,.tool-explanation li,.tool-cli p{color:var(--muted);font-size:14px;line-height:1.75}.tool-explanation code{overflow-wrap:anywhere;font-size:14px}.tool-cli h2{align-items:center;gap:10px;display:flex}.tool-cli a{color:var(--accent)}.tool-notice{color:var(--muted);margin-left:12px;font-size:12px}@media (width<=740px){.tools-content{width:calc(100% - 32px);margin-top:28px}.tool-cards,.tool-layout{grid-template-columns:1fr}.tool-inputs,.tool-output,.tool-card{padding:20px}}