.tools-page{padding-top:var(--s-8);padding-bottom:var(--s-9)}.tools-breadcrumb{gap:var(--s-2);color:var(--muted);margin-bottom:var(--s-6);flex-wrap:wrap;font-size:14px;display:flex}.tools-breadcrumb a:hover{color:var(--accent-ink)}.tools-heading{justify-content:space-between;align-items:end;gap:var(--s-6);margin-bottom:var(--s-8);display:flex}.tools-heading h1{letter-spacing:-.045em;margin:var(--s-3) 0 var(--s-4);color:var(--ink);font-size:clamp(32px,4vw,52px);line-height:1.2}.tools-heading p{color:var(--body);margin:0;font-size:16px;line-height:1.8}.tools-label{padding:var(--s-2) var(--s-3);border:1px solid var(--line);border-radius:var(--r-pill);color:var(--muted);white-space:nowrap;font-size:14px}.tools-text-link{min-height:44px;color:var(--accent-ink);align-items:center;font-size:14px;font-weight:650;display:inline-flex}.tools-pair{gap:var(--s-5);margin-bottom:var(--s-8);grid-template-columns:1.15fr 1fr;display:grid}.tools-feature{border:1px solid var(--line);background:var(--card);border-radius:var(--r-lg);padding:var(--s-7);gap:var(--s-4);flex-direction:column;min-width:0;display:flex}.tools-feature:first-child{background:var(--surface)}.tools-feature h2{letter-spacing:-.035em;margin:0;font-size:30px}.tools-feature p{color:var(--body);margin:0;line-height:1.8}.tools-feature>.ui-btn{align-self:start;margin-top:auto}.tools-visual{align-items:center;gap:var(--s-3);padding:var(--s-5) 0;grid-template-columns:1fr auto 1fr;display:grid}.tools-visual>span{color:var(--accent-ink)}.tools-visual-sheet{background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);padding:var(--s-3);min-width:0;font-size:14px}.tools-visual-sheet strong{color:var(--muted);margin-bottom:var(--s-2);font-size:14px;display:block}.tools-visual-sheet p{border-top:1px solid var(--line);padding:var(--s-1) 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tools-visual-sheet .tools-duplicate{color:var(--accent-ink);background:var(--accent-tint)}.tools-prompt-preview{margin:var(--s-3) 0;padding:var(--s-5);background:var(--page);border-radius:var(--r-sm);border-left:3px solid var(--accent);color:var(--body);font-size:14px;line-height:1.9}.tools-prompt-preview strong{color:var(--accent-ink);font-size:14px}.tools-next{border-top:1px solid var(--line);padding:var(--s-8) 0 0;margin-top:var(--s-8);justify-content:space-between;gap:var(--s-5);display:flex}.tools-next p{color:var(--muted);line-height:1.7}.tools-next>div:last-child{flex-direction:column;flex-shrink:0;align-items:start;display:flex}.tools-document-feature{gap:var(--s-7);padding:var(--s-7);background:var(--surface);border-radius:var(--r-lg);margin-bottom:var(--s-8);grid-template-columns:1fr 1fr;align-items:center;display:grid}.tools-document-feature h2{letter-spacing:-.04em;margin:var(--s-3) 0;font-size:32px}.tools-document-feature p{color:var(--body);margin:var(--s-3) 0 var(--s-5);line-height:1.8}.tools-document-preview{padding:var(--s-5);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-card)}.tools-document-preview>span{color:var(--muted);font-size:13px}.tools-document-preview>strong{margin:var(--s-4) 0 var(--s-2);letter-spacing:-.03em;font-size:24px;display:block}.tools-document-preview>p{font-size:14px}.tools-document-preview>div{justify-content:space-between;gap:var(--s-3);border-top:1px solid var(--line);padding:var(--s-3) 0;font-size:14px;display:flex}.tools-document-preview b{color:var(--accent-ink);font-weight:500}@media (max-width:767px){.tools-document-feature{padding:var(--s-5);grid-template-columns:1fr}.tools-document-feature h2{font-size:27px}.tools-heading,.tools-next{flex-direction:column;align-items:start}.tools-pair{grid-template-columns:1fr}.tools-feature{padding:var(--s-5)}.tools-next>div:last-child{max-width:100%}.tools-label{white-space:normal}}.tools-page:has(.tool-switcher){padding-top:var(--s-6)}:is(.tools-page:has(.tool-switcher) .tools-heading,.practice-tool-head .tools-heading){margin-bottom:var(--s-5)}:is(.tools-page:has(.tool-switcher) .tools-heading h1,.practice-tool-head .tools-heading h1){font-size:clamp(28px,3.2vw,38px)}.tools-page:has(.tool-switcher) .tools-breadcrumb{margin-bottom:var(--s-4)}.tool-switcher{border-bottom:1px solid var(--line);gap:var(--s-6);margin-bottom:var(--s-5);display:flex}.tool-switcher a{align-items:center;gap:var(--s-3);min-height:58px;padding:var(--s-3) 0;border-bottom:2px solid #0000;text-decoration:none;display:flex}.tool-switcher a>span{font:400 var(--t-meta) var(--mono);color:var(--muted)}.tool-switcher strong{font:600 var(--t-small) var(--sans);color:var(--muted)}.tool-switcher small{font:400 var(--t-meta) var(--sans);color:var(--muted)}.tool-switcher a[aria-current=page]{border-bottom-color:var(--accent)}.tool-switcher a[aria-current=page] strong{color:var(--ink)}.tool-switcher a[aria-current=page]>span{color:var(--accent-ink)}@media (max-width:767px){.tool-switcher{gap:var(--s-5);overflow:auto}.tool-switcher a{white-space:nowrap;gap:var(--s-2)}.tool-switcher small{display:none}}