.tool-detail-page .client-breadcrumb{display:none}
.tools-page #main-content{width:min(1180px,calc(100% - 36px));margin-inline:auto;padding-bottom:72px}.tool-hero{max-width:900px;margin:44px auto 36px;text-align:center}.tool-hero h1,.tool-page-heading h1{font-size:clamp(2.25rem,6vw,4.4rem);line-height:1.02;letter-spacing:-.055em;margin:.25rem 0 1rem}.tool-hero p,.tool-page-heading p{max-width:760px;margin-inline:auto;color:var(--muted);font-size:1.08rem}.tool-directory{margin-top:42px}.tool-section-heading{text-align:center;margin-bottom:22px}.tool-section-heading h2{margin:.2rem 0;font-size:2rem}.tool-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tool-card{display:flex;min-height:220px;flex-direction:column;align-items:flex-start;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--text);text-decoration:none;box-shadow:var(--shadow-small);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.tool-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--red) 45%,var(--line));box-shadow:var(--shadow)}.tool-card-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:20px;border-radius:15px;background:var(--red-soft);color:var(--red);font-size:27px}.tool-card strong{font-size:1.15rem}.tool-card p{flex:1;color:var(--muted)}.tool-card>span:last-child{color:var(--red);font-weight:700}.tool-trust-grid,.tool-explanation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:32px 0}.tool-trust-grid article,.tool-explanation article{padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2)}.tool-trust-grid p,.tool-explanation p{margin:.5rem 0 0;color:var(--muted)}.tool-breadcrumb{display:flex;gap:9px;align-items:center;overflow:hidden;margin:26px 0 34px;color:var(--muted);font-size:.85rem;white-space:nowrap}.tool-breadcrumb a{color:var(--muted);text-decoration:none}.tool-breadcrumb span:last-child{overflow:hidden;text-overflow:ellipsis;color:var(--text)}.tool-page-heading{text-align:center;max-width:940px;margin:0 auto 28px}.tool-page-heading h1{font-size:clamp(2.1rem,5.4vw,3.8rem)}.tool-shell{width:min(860px,100%);margin-inline:auto;padding:clamp(20px,4vw,38px);border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow)}.tool-form{display:grid;gap:20px}.tool-form label{display:grid;gap:8px;font-weight:700}.tool-form input,.tool-form select{width:100%;min-height:48px;padding:10px 13px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);color:var(--text);font:inherit}.tool-form button{min-height:48px}.tool-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tool-input-group{display:grid;grid-template-columns:minmax(0,1fr) 110px}.tool-input-group input{border-radius:10px 0 0 10px}.tool-input-group select{border-left:0;border-radius:0 10px 10px 0}.tool-form input[type=range]{min-height:auto;padding:0;accent-color:var(--red)}.tool-calculation-result{display:grid;gap:4px;margin-top:24px;padding:25px;border-radius:16px;background:linear-gradient(135deg,var(--red-soft),var(--surface-2));text-align:center}.tool-calculation-result>span,.tool-calculation-result small{color:var(--muted)}.tool-calculation-result strong{font-size:clamp(1.7rem,5vw,2.8rem);letter-spacing:-.04em}.tool-conversion-results{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.tool-conversion-results div{display:grid;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.tool-conversion-results strong{font-size:1.2rem}.tool-conversion-results span{color:var(--muted)}.tool-dropzone{place-items:center!important;min-height:260px;padding:30px;border:2px dashed var(--line-strong);border-radius:18px;background:var(--surface-2);text-align:center;cursor:pointer;transition:.18s ease}.tool-dropzone:hover,.tool-dropzone.is-dragging{border-color:var(--red);background:var(--red-soft);transform:scale(1.006)}.tool-dropzone input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.tool-dropzone small{color:var(--muted);font-weight:500}.tool-dropzone .secondary{width:auto;padding-inline:22px;pointer-events:auto}.tool-drop-icon{font-size:48px;filter:drop-shadow(0 9px 12px rgba(0,0,0,.14))}.tool-file-summary,.tool-notice,.tool-error{padding:12px 14px;border-radius:10px;background:var(--surface-2);color:var(--muted)}.tool-error{margin-top:18px;background:var(--red-soft);color:var(--red-dark);font-weight:700}.tool-progress{display:grid;gap:7px}.tool-progress>span{overflow:hidden;height:7px;border-radius:99px;background:var(--surface-3)}.tool-progress i{display:block;width:3%;height:100%;border-radius:inherit;background:var(--red);transition:width .15s ease}.tool-progress small{color:var(--muted)}.tool-mode-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;border:0}.tool-mode-options legend{grid-column:1/-1;margin-bottom:6px;font-weight:800}.tool-mode-options label{display:flex;align-items:flex-start;padding:15px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);cursor:pointer}.tool-mode-options input{width:auto;min-height:auto;margin:4px 4px 0 0;accent-color:var(--red)}.tool-mode-options span{display:grid}.tool-mode-options small{color:var(--muted);font-weight:500}.tool-result-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;margin-top:24px;padding:20px;border:1px solid color-mix(in srgb,var(--green) 45%,var(--line));border-radius:16px;background:var(--green-soft)}.tool-result-check{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--green);color:#fff;font-size:22px;font-weight:800}.tool-result-card h2{overflow-wrap:anywhere;margin:2px 0;font-size:1.1rem}.tool-result-card p{margin:0;color:var(--muted)}.tool-result-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.tool-result-actions .button{min-height:40px;padding:9px 13px}.tool-explanation{grid-template-columns:1fr 1fr;margin-top:30px}.tool-explanation article{padding:28px}.tool-explanation h2,.tool-faq h2,.tool-next h2{margin:.25rem 0 .7rem;font-size:1.7rem}.tool-faq{max-width:860px;margin:42px auto}.tool-faq details{border-top:1px solid var(--line);padding:16px 2px}.tool-faq details:last-child{border-bottom:1px solid var(--line)}.tool-faq summary{cursor:pointer;font-weight:800}.tool-faq p{color:var(--muted)}.tool-next{display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(860px,100%);margin:18px auto 0;padding:30px;border-radius:18px;background:var(--text);color:var(--bg);transition:border-color .18s ease,box-shadow .18s ease}.tool-next.is-ready{box-shadow:0 0 0 2px color-mix(in srgb,var(--green) 55%,transparent),var(--shadow-small)}.tool-next p{margin:0;color:var(--faint)}.tool-next .actions{flex-shrink:0}.tool-next .button.secondary{border-color:color-mix(in srgb,var(--bg) 55%,transparent);background:var(--bg);color:var(--text)}.tool-next .button.secondary:hover{border-color:var(--red);background:var(--red);color:#fff}
@media(max-width:820px){.tool-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-result-card{grid-template-columns:auto 1fr}.tool-result-actions{grid-column:1/-1;justify-content:stretch}.tool-result-actions .button{flex:1;text-align:center}.tool-next{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.tools-page #main-content{width:min(100% - 24px,1180px)}.tool-card-grid,.tool-trust-grid,.tool-explanation,.tool-field-pair,.tool-mode-options,.tool-conversion-results{grid-template-columns:1fr}.tool-card{min-height:190px}.tool-shell{padding:18px;border-radius:16px}.tool-input-group{grid-template-columns:minmax(0,1fr) 92px}.tool-result-card{grid-template-columns:1fr}.tool-result-actions{display:grid}.tool-next{padding:22px}.tool-next .actions{display:grid;width:100%}.tool-next .button{text-align:center}}
@media(prefers-reduced-motion:reduce){.tool-card,.tool-dropzone,.tool-progress i{transition:none!important}.tool-card:hover,.tool-dropzone.is-dragging{transform:none}}.conversion-sequence-options{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2)}.conversion-sequence-options>div:first-child{display:grid;gap:4px}.conversion-sequence-options small{color:var(--muted);font-weight:500}.conversion-range-fields{display:grid;grid-template-columns:repeat(2,minmax(105px,1fr));gap:10px}.conversion-range-fields label{gap:5px;font-size:.78rem}.conversion-range-fields input{min-height:42px}.conversion-sequence-options[hidden],.conversion-range-fields[hidden]{display:none!important}@media(max-width:600px){.conversion-sequence-options{align-items:stretch;flex-direction:column}.conversion-range-fields{grid-template-columns:1fr 1fr}}