:root{--navy:#031322;--orange:#ff7900;--paper:#f4f7fa}.tool-detail-page{background:var(--paper);color:#071726}.tool-main{max-width:950px;margin:0 auto;padding:calc(91px + env(safe-area-inset-top)) 16px 64px}.tool-breadcrumb{margin:0 0 18px;color:#657887;font-size:.76rem}.tool-breadcrumb a{color:#087bb7;text-decoration:none}.tool-hero{display:grid;gap:18px;padding:18px;border-radius:14px;background:#fff;box-shadow:0 9px 28px rgba(4,23,40,.09)}.tool-visual{position:relative;display:grid;place-items:center;min-height:210px;border-radius:10px;background:radial-gradient(circle at 80% 15%,#48c3e8,transparent 27%),linear-gradient(135deg,#031321,#07527d);color:#effbff}.tool-visual svg{width:88%;fill:#effbff;stroke:#d5f1fa;stroke-width:3}.tool-rank{position:absolute;top:12px;left:12px;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#ff9700;color:#121212;font-weight:900}.tool-visual small{position:absolute;right:10px;bottom:9px;color:#c0dae2;font-size:.58rem}.tool-status{display:inline-block;padding:5px 7px;border-radius:4px;background:#e5f4f9;color:#087bb7;font-size:.7rem;font-weight:900}.tool-copy h1{margin:10px 0 5px;font-size:clamp(1.55rem,7vw,2.3rem);line-height:1.25}.tool-model{margin:0;color:#536b7a}.tool-specs{display:flex;flex-wrap:wrap;gap:6px;margin:13px 0}.tool-specs span{padding:5px 7px;border:1px solid #c9dce6;border-radius:5px;color:#30586e;font-size:.72rem;font-weight:800}.tool-lead{line-height:1.75}.tool-fact{padding:13px;border-left:3px solid var(--orange);background:#fff7eb;line-height:1.7;font-size:.86rem}.tool-actions{display:grid;gap:8px;margin-top:16px}.tool-actions a,.tool-actions button{padding:13px;border:0;border-radius:7px;font:900 .9rem/1 system-ui;text-align:center;text-decoration:none}.tool-actions a{background:#063b5c;color:#fff}.tool-actions button{background:#e8edf0;color:#8998a1}.tool-panels{display:grid;gap:10px;margin-top:16px}.tool-panel{padding:16px;border:1px solid #d6e1e7;border-radius:10px;background:#fff}.tool-panel h2{margin:0 0 8px;font-size:1rem}.tool-panel p{margin:0;color:#536975;font-size:.86rem;line-height:1.72}.tool-note{margin:15px 0 0;color:#6b7d89;font-size:.75rem;line-height:1.65}@media(min-width:760px){.tool-main{padding-left:24px;padding-right:24px}.tool-hero{grid-template-columns:1fr 1fr;padding:25px}.tool-panels{grid-template-columns:repeat(2,1fr)}}