.converter-index,.converter-detail{padding-block:30px 50px}
.converter-heading{display:flex;justify-content:space-between;gap:35px;align-items:center;margin-bottom:32px}
.converter-heading h1{font-size:clamp(44px,5.4vw,72px);line-height:1.08;letter-spacing:-.055em}.converter-heading h1 span{color:var(--purple-ink)}
.converter-heading p:not(.section-kicker):not(.converter-total){margin-top:22px;font-size:16px;color:var(--muted);line-height:1.85}
.converter-total{display:flex;align-items:center;gap:22px;border-left:1px solid var(--line);padding-left:35px}.converter-total strong{font-size:76px;font-weight:500;letter-spacing:-.065em;line-height:1}.converter-total>span{font-size:12px;line-height:1.8;color:var(--muted)}
.converter-local{display:flex;gap:10px;align-items:baseline;font-size:12px;line-height:1.8;color:var(--muted)}.converter-local>span{color:var(--purple-ink);font-size:20px}
.converter-toolbar{display:grid;grid-template-columns:1fr 270px;gap:24px;border-block:1px solid var(--line);padding-block:26px;margin-top:28px}
.converter-toolbar label,.converter-field>label,#conversion-output-label{display:block;font-size:12px;font-weight:600;margin-bottom:9px}
.converter-toolbar input,.converter-toolbar select,.converter-field textarea,.converter-field select{width:100%;min-width:0;min-height:48px;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--ink);font:inherit;font-size:14px;padding:12px 14px}
.converter-toolbar input:focus,.converter-toolbar select:focus,.converter-field textarea:focus,.converter-field select:focus{outline:2px solid var(--purple-ink);outline-offset:3px}
.converter-search-status{font-size:11px;min-height:22px;margin-top:14px;color:var(--muted)}
.converter-category-links{display:flex;flex-wrap:wrap;column-gap:25px;row-gap:4px;margin-top:12px}.converter-category-links>a{display:flex;gap:12px;align-items:center;min-height:44px;font-size:12px;border-bottom:1px solid transparent}.converter-category-links>a>span{color:var(--purple-ink);transition:transform .2s}.converter-category-links>a:hover{color:var(--purple-ink);border-color:var(--line)}.converter-category-links>a:hover>span{transform:translate(2px,2px)}
.converter-group{margin-top:52px;scroll-margin-top:110px}.converter-group-heading{display:flex;align-items:center;gap:20px;padding-bottom:24px;border-bottom:1px solid var(--ink)}.converter-group-heading>span{font-size:30px;font-weight:450;min-width:35px;color:var(--purple-ink)}.converter-group-heading h2{font-size:28px;letter-spacing:-.035em}.converter-group-heading p{font-size:12px;color:var(--muted);line-height:1.7;margin-top:7px}.converter-group-heading>small{margin-left:auto;white-space:nowrap;font-size:11px;color:var(--muted)}
.converter-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:30px}.converter-link{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:73px;padding:18px 2px;border-bottom:1px solid var(--line);min-width:0;color:var(--ink);background:transparent}.converter-link h3{font-size:14px;line-height:1.6;font-weight:500;letter-spacing:-.012em;overflow-wrap:anywhere;transition:transform .23s var(--ease)}.converter-link>span{font-size:20px;color:var(--muted);flex-shrink:0;transition:transform .23s var(--ease),color .2s}.converter-link::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--purple-ink);transform:scaleX(0);transform-origin:left;transition:transform .28s var(--ease)}.converter-link:is(:hover,:focus-visible){color:var(--purple-ink)}.converter-link:is(:hover,:focus-visible)::after{transform:scaleX(1)}.converter-link:is(:hover,:focus-visible) h3{transform:translateX(4px)}.converter-link:is(:hover,:focus-visible)>span{transform:translate(3px,-3px);color:var(--purple-ink)}
.converter-catalogue-note{margin-top:50px;padding-block:30px;border-block:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:40px}.converter-catalogue-note h2{font-size:23px;line-height:1.5}.converter-catalogue-note p,.converter-method p{font-size:13px;line-height:1.9;color:var(--muted)}
.converter-empty{padding-block:40px}.converter-empty h2{font-size:25px}.converter-empty p{font-size:14px;color:var(--muted);margin-top:10px}.converter-empty button{font:inherit;font-size:12px;min-height:44px;color:var(--purple-ink);margin-top:14px;text-decoration:underline;text-underline-offset:5px}
.converter-detail-heading{max-width:920px;margin-bottom:42px}.converter-detail-heading h1{font-size:clamp(34px,4.5vw,58px);line-height:1.2;letter-spacing:-.045em;overflow-wrap:anywhere}.converter-detail-heading>p:last-child{font-size:15px;line-height:1.85;color:var(--muted);margin-top:20px}
.converter-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:45px;align-items:start;border-top:1px solid var(--ink);padding-top:30px}.converter-input-panel>h2,.converter-output-heading h2{font-size:22px;letter-spacing:-.035em}.converter-input-panel>h2{margin-bottom:24px}
#conversion-form{display:grid;gap:22px}.converter-field{min-width:0}.converter-field textarea{line-height:1.75;resize:vertical}.converter-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.converter-file-field{padding:22px 0;border-block:1px solid var(--line)}.converter-file-field input{display:block;width:100%;font:inherit;font-size:12px;line-height:1.7;color:var(--muted);padding:6px 0}.converter-file-field input::file-selector-button{font:inherit;padding:10px 14px;border:1px solid var(--line);border-radius:3px;background:var(--soft);color:var(--ink);margin-right:14px;cursor:pointer}.converter-file-field small,.converter-file-field p{display:block;color:var(--muted);font-size:11px;line-height:1.8;margin-top:12px;overflow-wrap:anywhere}
.converter-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.converter-actions>button,.converter-actions>a{display:flex;align-items:center;justify-content:center;gap:28px;min-height:46px;padding:12px 18px;border:1px solid var(--line);border-radius:3px;color:var(--ink);background:transparent;font:inherit;font-size:12px;font-weight:550;cursor:pointer}.converter-actions>button[type=submit],.converter-actions>#conversion-download{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.converter-actions>button:hover,.converter-actions>a:hover{border-color:var(--purple-ink)}.converter-actions>button:disabled{opacity:.65;cursor:wait}.converter-input-panel>.converter-local{margin-top:25px;padding-top:20px;border-top:1px solid var(--line);font-size:11px}
.converter-output-panel{background:var(--soft);padding:26px;min-height:260px;border-radius:0;min-width:0}.converter-output-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.converter-output-heading>span{color:var(--purple-ink);font-size:25px}#conversion-status{font-size:13px;line-height:1.8;color:var(--muted)}#conversion-result{margin-top:24px}#conversion-output{display:block;width:100%;min-height:180px;max-height:500px;padding:14px;border:1px solid var(--line);border-radius:3px;background:var(--surface);color:var(--ink);font:inherit;font-size:13px;line-height:1.8;resize:vertical;overflow-wrap:anywhere}#conversion-preview{display:block;max-width:100%;max-height:330px;width:auto;height:auto;object-fit:contain;margin-bottom:20px}#conversion-details{font-size:11px;line-height:1.8;color:var(--muted);margin-block:18px}.converter-error{border-left:2px solid var(--purple-ink);padding-left:14px;margin-top:20px;font-size:13px;line-height:1.8;overflow-wrap:anywhere}
.converter-method{max-width:850px;border-top:1px solid var(--line);margin-top:40px;padding-top:25px}.converter-method h2{font-size:21px;margin-bottom:14px}.converter-method p+p{margin-top:12px}.converter-related{margin-top:48px;border-top:1px solid var(--line);padding-top:30px}.converter-related>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:24px}.converter-related h2{font-size:23px}.converter-related>div>a{font-size:12px;color:var(--purple-ink);min-height:44px;display:flex;align-items:center}
@media(max-width:1000px){.converter-list{grid-template-columns:repeat(2,minmax(0,1fr))}.converter-workspace{gap:25px}.converter-total{padding-left:25px}.converter-total strong{font-size:64px}}
@media(max-width:700px){.converter-heading{align-items:start}.converter-total{gap:14px;flex-direction:column;align-items:start}.converter-total strong{font-size:52px}.converter-total>span{font-size:11px}.converter-heading p:not(.section-kicker):not(.converter-total){font-size:14px}.converter-toolbar{grid-template-columns:1fr;gap:18px;padding-block:22px}.converter-group-heading{gap:15px}.converter-group-heading h2{font-size:24px}.converter-catalogue-note{grid-template-columns:1fr;gap:16px}.converter-workspace{grid-template-columns:1fr;gap:28px}.converter-output-panel{padding:24px}.converter-related>div:first-child{align-items:start;flex-direction:column;gap:8px}.converter-field-pair{gap:12px}}
@media(max-width:450px){.converter-index,.converter-detail{padding-top:22px}.converter-heading{gap:15px}.converter-heading h1{font-size:41px}.converter-total{padding-left:18px}.converter-total strong{font-size:43px}.converter-heading p:not(.section-kicker):not(.converter-total){font-size:13px}.converter-list{grid-template-columns:1fr}.converter-group{margin-top:38px}.converter-group-heading{gap:12px}.converter-group-heading>span{font-size:25px;min-width:28px}.converter-group-heading h2{font-size:23px}.converter-group-heading p{font-size:11px}.converter-category-links{column-gap:20px}.converter-local{font-size:11px}.converter-detail-heading h1{font-size:34px}.converter-detail-heading>p:last-child{font-size:14px}.converter-field-pair{grid-template-columns:1fr}.converter-output-panel{padding:20px}.converter-related h2{font-size:21px}.converter-link{min-height:65px}}
@media(prefers-reduced-motion:reduce){.converter-link::after,.converter-link h3,.converter-link>span,.converter-category-links>a>span{transition:none}.converter-link:is(:hover,:focus-visible) h3,.converter-link:is(:hover,:focus-visible)>span,.converter-category-links>a:hover>span{transform:none}}
.converter-protection{min-width:0;padding:16px;border:1px solid var(--line);border-radius:5px;background:var(--soft)}.converter-protection strong{font-size:13px}.converter-protection p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:8px}.converter-protection-widget{min-width:0;margin-top:12px}