.tool-page .breadcrumb{display:flex;gap:8px;margin-bottom:22px;color:var(--muted);font-size:13px}.tool-page .breadcrumb a:hover{color:var(--accent)}.tool-panel{margin-top:34px;padding:28px;border:1px solid var(--line);border-radius:12px;background:#ffffffc7}.tool-panel+.tool-panel{margin-top:18px}.tool-panel h2{font-size:22px;margin-bottom:14px}.tool-panel h3{font-size:17px}.tool-form{display:grid;gap:16px}.field{display:grid;gap:6px}.field>label{font-size:14px;font-weight:700;color:var(--ink)}.field .hint{margin:0;font-size:13px;color:var(--muted)}.field-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.tool-page input[type=text],.tool-page input[type=number],.tool-page input[type=url],.tool-page textarea,.tool-page select{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font:inherit;font-size:15px}:root[data-theme=dark] .tool-page input[type=text],:root[data-theme=dark] .tool-page input[type=number],:root[data-theme=dark] .tool-page input[type=url],:root[data-theme=dark] .tool-page textarea,:root[data-theme=dark] .tool-page select{background:#ffffff0f}.tool-page textarea{min-height:180px;resize:vertical;line-height:1.7}.tool-page input:focus,.tool-page textarea:focus,.tool-page select:focus{border-color:var(--accent);outline:2px solid rgba(15,118,110,.18);outline-offset:1px}.options-row{display:flex;flex-wrap:wrap;gap:8px}.options-row label,.options-row button.option{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:#ffffffd1;color:var(--muted);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;user-select:none}:root[data-theme=dark] .options-row label,:root[data-theme=dark] .options-row button.option{background:#ffffff0f}.options-row label:has(input:checked),.options-row button.option.active{border-color:var(--accent);background:#0f766e1a;color:var(--accent-ink)}.options-row input[type=radio],.options-row input[type=checkbox]{accent-color:var(--accent)}.tool-result{margin-top:22px;padding:20px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:10px;background:#0f766e0a}.tool-result[hidden]{display:none}.tool-result h3{margin-bottom:12px}.tool-result pre,.tool-result .result-text{margin:0;padding:14px;border-radius:8px;background:#1818180a;color:var(--ink);font-size:14px;line-height:1.7;white-space:pre-wrap;word-break:break-word;overflow-x:auto}:root[data-theme=dark] .tool-result pre,:root[data-theme=dark] .tool-result .result-text{background:#ffffff0f}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}.stat{padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:#ffffffb3}:root[data-theme=dark] .stat{background:#ffffff0a}.stat strong{display:block;font-size:26px;line-height:1.2;color:var(--ink);font-variant-numeric:tabular-nums}.stat span{display:block;margin-top:2px;font-size:13px;color:var(--muted)}.badge{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:700}.badge.ok{background:#0f766e1f;color:var(--accent-ink)}.badge.warn{background:#b1792d24;color:var(--gold)}.badge.danger{background:#b3261e1f;color:#b3261e}:root[data-theme=dark] .badge.danger{color:#ff9d94}.tool-page mark.hit{padding:1px 3px;border-radius:4px;background:#b3261e29;color:inherit;outline:1px solid rgba(179,38,30,.35)}.check-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.check-list li{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#ffffffb3;font-size:15px;color:var(--ink)}:root[data-theme=dark] .check-list li{background:#ffffff0a}.score-bar{position:relative;height:10px;border-radius:999px;background:#18181814;overflow:hidden}:root[data-theme=dark] .score-bar{background:#ffffff1a}.score-bar>span{display:block;height:100%;border-radius:999px;background:var(--accent);transition:width .24s ease}.copy-btn{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--ink);font-size:14px;font-weight:700;font-family:inherit;cursor:pointer}.copy-btn:hover{border-color:var(--accent);color:var(--accent)}.copy-btn.copied{border-color:var(--accent);background:#0f766e1a;color:var(--accent-ink)}.ai-note{display:flex;align-items:flex-start;gap:8px;margin-top:14px;padding:12px 14px;border:1px solid rgba(177,121,45,.4);border-radius:8px;background:#b1792d14;color:var(--gold);font-size:14px}.ai-note[hidden]{display:none}.loading-dots:after{content:"…";animation:dots 1.2s steps(4,end) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.related-articles{margin-top:46px;padding:24px 28px;border:1px solid var(--line);border-radius:12px;background:#ffffffc7}.related-articles h2{font-size:20px;margin-bottom:8px}.related-articles p{font-size:14px;margin-bottom:12px}.related-articles ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.related-articles a{color:var(--accent);font-weight:700;font-size:15px}.related-articles a:hover{color:var(--accent-ink)}.tool-cta{padding-top:0;text-align:center}.tool-cta a{color:var(--accent);font-weight:700}.table-wrap{overflow-x:auto}.tool-table{width:100%;border-collapse:collapse;font-size:14px}.tool-table th,.tool-table td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;color:var(--ink);white-space:nowrap}.tool-table th{color:var(--muted);font-size:13px;font-weight:700}.tool-table td.num{font-variant-numeric:tabular-nums}@media(max-width:520px){.tool-panel,.related-articles{padding:18px}}
