.tool-page{max-width:920px;margin-inline:auto;padding-top:24px}.tool-breadcrumb{display:flex;gap:8px;color:var(--muted);font-size:.82rem;margin-bottom:20px}.tool-breadcrumb a{color:var(--brand);text-decoration:none}.tool-heading{margin-bottom:22px}.tool-heading h1{font-size:clamp(1.7rem,5vw,2.35rem);margin-bottom:8px}.tool-heading p,.tool-content p{color:var(--muted);line-height:1.65}.tool-workspace,.tool-content{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);padding:18px}.tool-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.tool-section-head h2,.tool-content h2{font-size:1.05rem;font-weight:700}.tool-section-head span{color:var(--muted);font-size:.75rem}.tool-textarea,.tool-output{width:100%;min-height:260px;border:1px solid var(--border);border-radius:12px;background:var(--soft);color:var(--text);padding:14px;font:.88rem/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2}.tool-textarea{resize:vertical}.tool-textarea:focus{border-color:var(--brand);outline:2px solid color-mix(in srgb,var(--brand) 22%,transparent);outline-offset:1px}.tool-options{display:flex;flex-wrap:wrap;align-items:end;gap:14px 22px;border:0;padding:16px 0 0;margin:0}.tool-options legend{width:100%;font-size:.88rem;font-weight:700}.tool-options label:not(.tool-check){display:flex;flex-direction:column;gap:6px;font-size:.82rem}.tool-options select{min-height:44px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);padding:8px 34px 8px 10px}.tool-check{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:.85rem}.tool-actions{display:flex;gap:10px;margin-top:16px}.tool-error{margin-top:10px;color:#dc2626;font-size:.86rem}.tool-result{margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.tool-output{margin:0;overflow:auto;white-space:pre}.tool-copy{min-height:38px;padding-block:7px}.tool-content{margin-top:22px}.tool-content h2{margin-bottom:10px}.tool-content .btn-outline{margin-top:14px}.tool-content details{border-top:1px solid var(--border);padding:12px 0}.tool-content details:first-of-type{margin-top:8px}.tool-content summary{cursor:pointer;font-weight:600}.tool-content details p{margin-top:8px}@media(min-width:768px){.tool-page{padding-top:38px}.tool-workspace,.tool-content{padding:24px}}