.tools-page{background:#f3f6f8}.tools-hero,.tool-detail-hero{border-bottom:1px solid var(--line,#d8e1e8);background:linear-gradient(120deg,rgba(0,102,255,.06),transparent 45%),linear-gradient(#f7fafc,#eef3f7);padding:72px 0}.tools-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:56px;align-items:center}.tools-hero h1,.tool-detail-hero h1{max-width:880px;margin:12px 0 20px;font-size:clamp(2.6rem,6vw,5.5rem);line-height:.96;letter-spacing:-.055em}.tools-hero p,.tool-detail-hero p{max-width:760px;color:var(--muted,#607383);font-size:1.08rem;line-height:1.8}.decision-trace{display:grid;grid-template-columns:1fr auto 1fr auto 1.2fr;align-items:center;gap:12px;padding:28px;border:1px solid #cbd9e5;background:rgba(255,255,255,.75);box-shadow:12px 12px 0 rgba(0,102,255,.08)}.decision-trace span,.decision-trace strong{display:grid;place-items:center;min-height:74px;border:1px solid #ccd7df;font:700 .76rem/1 'Space Grotesk',sans-serif;letter-spacing:.1em}.decision-trace strong{background:#062437;color:#fff;border-color:#062437}.decision-trace svg{width:18px;color:#0066ff}.decision-trace.compact{max-width:620px;margin-top:32px;padding:16px}.decision-trace.compact span,.decision-trace.compact strong{min-height:48px}.tool-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tool-card{position:relative;min-height:300px;padding:26px;border:1px solid #cedae3;background:#fff;color:inherit;text-decoration:none;display:flex;flex-direction:column;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.tool-card:hover{transform:translateY(-4px);border-color:#0066ff;box-shadow:8px 8px 0 rgba(0,102,255,.1)}.tool-card:focus-visible{outline:3px solid #ff8a00;outline-offset:3px}.tool-card-index{position:absolute;inset-inline-end:22px;top:22px;color:#8294a2;font-size:.8rem}.tool-card-icon,.tool-hero-icon{width:54px;height:54px;display:grid;place-items:center;background:#e9f1ff;color:#0066ff;border:1px solid #bed2f2}.tool-card-icon svg,.tool-hero-icon svg{width:26px;height:26px}.tool-card h2{font-size:1.28rem;margin:28px 0 10px}.tool-card p{color:#607383;line-height:1.7;margin:0 0 24px}.tool-card-action{margin-top:auto;display:flex;gap:8px;align-items:center;color:#0066ff;font-weight:800}.tool-card-action svg{width:18px}.tools-method{display:grid;grid-template-columns:auto 1fr;gap:24px;padding:32px;border-block:1px solid #cedae3}.tools-method>svg{width:40px;height:40px;color:#008f83}.tools-method h2{margin:6px 0 8px}.tools-method p{color:#607383;line-height:1.7;margin:0}.tool-title-row{display:flex;align-items:flex-start;gap:24px}.tool-detail-hero{padding:54px 0}.tool-detail-hero h1{font-size:clamp(2.2rem,5vw,4.4rem)}.tool-hero-icon{flex:0 0 64px;width:64px;height:64px;background:#0066ff;color:#fff;border-color:#0066ff}.tool-workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}.tool-console,.tool-sidebar{border:1px solid #cdd9e2;background:#fff}.tool-console{min-width:0}.tool-form{padding:28px;border-bottom:1px solid #d7e1e8;background:#f8fafb}.tool-form label{display:grid;gap:9px;color:#183041;font-weight:800}.tool-form input,.tool-form select{width:100%;min-height:50px;padding:0 14px;border:1px solid #b8c8d4;background:#fff;color:#102a3a;font:inherit;border-radius:0}.tool-form input:focus,.tool-form select:focus{outline:3px solid rgba(0,102,255,.18);border-color:#0066ff}.tool-input-row{display:grid;grid-template-columns:1fr auto;gap:10px}.tool-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px}.tool-field-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-form>small{display:block;color:#607383;margin-top:10px}.stats-filter{display:flex;align-items:end;gap:12px}.stats-filter label{min-width:250px}.tool-empty-state{min-height:310px;display:grid;place-items:center;align-content:center;text-align:center;padding:50px;color:#607383}.tool-empty-state svg{width:44px;height:44px;color:#0066ff}.tool-empty-state h2{color:#183041;margin:18px 0 5px}.tool-alert{display:flex;gap:16px;align-items:flex-start;margin:28px;padding:24px;border-inline-start:4px solid #c83c30;background:#fff1ef}.tool-alert svg{color:#c83c30;flex:0 0 auto}.tool-alert p{margin:5px 0 0;color:#67443f}.tool-result{padding:28px}.tool-result>header{border-bottom:1px solid #d7e1e8;padding-bottom:22px;margin-bottom:18px}.tool-result h2{margin:8px 0}.tool-result>header p{color:#607383;line-height:1.7}.result-status{display:inline-flex;align-items:center;gap:8px;color:#008f83;font-weight:800}.result-status svg{width:18px}.recommendation-list{display:grid;gap:8px}.recommendation-list article{display:grid;grid-template-columns:minmax(0,1.5fr) auto auto auto;gap:14px;align-items:center;border:1px solid #d8e1e7;padding:16px}.recommendation-list article:hover{border-color:#0066ff}.recommendation-list h3{margin:4px 0}.recommendation-list h3 a{color:#102a3a}.recommendation-list small{color:#687b89}.recommendation-list>article>a{color:#0066ff;font-weight:800}.gain{padding:6px 8px;background:#e5f7f2;color:#087b70;font-weight:800}.result-note{padding:24px;background:#f1f5f7}.compatibility-result{display:flex;align-items:center;gap:24px;margin:28px;padding:30px;border:1px solid}.compatibility-result>svg{width:58px;height:58px}.compatibility-result.yes{border-color:#55b3a7;background:#eefaf7}.compatibility-result.yes>svg{color:#008f83}.compatibility-result.no{border-color:#d07a70;background:#fff2f0}.compatibility-result.no>svg{color:#c83c30}.compatibility-result h2{margin:5px 0}.compatibility-result p{font-weight:800}.compatibility-result span{color:#607383}.efficiency-result{display:grid;grid-template-columns:230px 1fr;gap:28px;align-items:center;padding:28px}.efficiency-score{min-height:200px;display:grid;place-items:center;align-content:center;background:#062437;color:#fff}.efficiency-score strong{font-size:3.2rem;color:#73e0d4;margin:10px 0}.efficiency-score small,.efficiency-score span{color:#c7d6df}.efficiency-result p{color:#607383;line-height:1.8}.path-visual{position:relative;display:grid;gap:14px;margin:24px 0}.path-visual:before{content:"";position:absolute;inset-block:32px;inset-inline-start:30px;width:2px;background:#bdd0df}.path-visual article{position:relative;display:flex;gap:20px;align-items:center}.path-visual article>span{z-index:1;width:62px;height:62px;display:grid;place-items:center;border:2px solid #0066ff;background:#fff;color:#0066ff;font-weight:800}.path-visual article>div{flex:1;border:1px solid #d2dce4;padding:16px}.path-visual h3{margin:5px 0}.path-visual p{margin:0;color:#607383}.tool-sidebar{position:sticky;top:92px}.tool-sidebar>div{padding:24px}.tool-sidebar>div+div{border-top:1px solid #d7e1e8}.tool-sidebar h2{font-size:1.3rem;margin:8px 0}.tool-sidebar p{color:#607383;line-height:1.7}.related-tools{display:grid;gap:8px}.related-tools>strong{margin-bottom:8px}.related-tools a{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #e3e9ed;color:#173143;text-decoration:none;font-weight:700}.related-tools svg{width:18px;color:#0066ff}.stats-table-wrap{overflow:auto}.tool-stats-table{width:100%;border-collapse:collapse;min-width:760px}.tool-stats-table th,.tool-stats-table td{padding:15px;border-bottom:1px solid #dce4e9;text-align:start}.tool-stats-table thead{background:#062437;color:#fff}.tool-stats-table tbody tr:hover{background:#f1f6fa}.stats-bar{display:flex;align-items:center;gap:10px;min-width:190px}.stats-bar i{display:block;width:var(--bar);max-width:120px;height:8px;background:#0066ff}.stats-bar b{white-space:nowrap}.home-tools-section{border-block:1px solid #d5e0e7;background:#edf3f7}.home-tools-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.home-tool-link{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:18px;border:1px solid #cbd8e1;background:#fff;color:#163043;text-decoration:none}.home-tool-link:hover{border-color:#0066ff}.home-tool-link>span{width:42px;height:42px;display:grid;place-items:center;background:#e9f1ff;color:#0066ff}.home-tool-link small{display:block;color:#687b89;margin-top:4px}.home-tool-link>svg{width:18px;color:#0066ff}@media(max-width:980px){.tools-hero-grid,.tool-workspace{grid-template-columns:1fr}.tool-card-grid,.home-tools-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-sidebar{position:static}.tool-field-grid.three{grid-template-columns:1fr 1fr}}@media(max-width:680px){.tools-hero,.tool-detail-hero{padding:42px 0}.tools-hero h1,.tool-detail-hero h1{font-size:2.45rem}.decision-trace{padding:14px;gap:5px;box-shadow:none}.decision-trace span,.decision-trace strong{min-height:52px;font-size:.62rem}.decision-trace svg{width:13px}.tool-card-grid,.home-tools-preview,.tool-field-grid,.tool-field-grid.three,.tool-input-row,.efficiency-result{grid-template-columns:1fr}.tool-card{min-height:250px}.tool-title-row{display:grid}.tool-form,.tool-result{padding:20px}.recommendation-list article{grid-template-columns:1fr auto}.recommendation-list article>a{grid-column:1/-1}.stats-filter{display:grid}.compatibility-result{margin:20px;align-items:flex-start}.tool-workspace{gap:16px}}
html[dir="rtl"] .decision-trace svg,html[dir="rtl"] .tool-card-action svg{transform:scaleX(-1)}html[data-theme="dark"] .tools-page{background:#0c1820}html[data-theme="dark"] .tools-hero,html[data-theme="dark"] .tool-detail-hero{background:linear-gradient(120deg,rgba(42,126,255,.12),transparent 45%),#10212c}html[data-theme="dark"] .tool-card,html[data-theme="dark"] .tool-console,html[data-theme="dark"] .tool-sidebar,html[data-theme="dark"] .tool-form,html[data-theme="dark"] .home-tool-link,html[data-theme="dark"] .decision-trace{background:#10212c;border-color:#2b4251}html[data-theme="dark"] .tool-card h2,html[data-theme="dark"] .recommendation-list h3 a,html[data-theme="dark"] .tool-empty-state h2,html[data-theme="dark"] .home-tool-link{color:#eef7fc}html[data-theme="dark"] .tool-form input,html[data-theme="dark"] .tool-form select{background:#0b1820;color:#eef7fc;border-color:#385263}html[data-theme="dark"] .recommendation-list article,html[data-theme="dark"] .path-visual article>div{border-color:#2b4251}html[data-theme="dark"] .path-visual article>span{background:#10212c}