.converter-section{border-top:1px solid var(--line);padding-block:66px 76px;display:grid;grid-template-columns:1fr 1.85fr;gap:72px;align-items:start}
.converter-intro h2{font:600 36px/1.5 var(--serif);letter-spacing:-.5px;margin:10px 0 20px}
.converter-intro>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.9}
.converter-intro .converter-margin-note{margin:32px 0 0 20px;transform:rotate(-5deg);font-family:var(--serif);font-size:17px;color:var(--rust)}
.converter-margin-note span{display:block;font-size:38px;line-height:1;margin:5px 0 0 112px}
.converter-tool{min-width:0;background:#f8f6ef;border:1px solid var(--line);padding:28px}
.file-label{display:flex;flex-direction:column;align-items:flex-start;border:1px dashed #aeb3a1;padding:22px;background:#f1f0e7;cursor:pointer;gap:5px}
.file-icon{font:30px/1 Georgia,serif;color:var(--olive)}
.file-label strong{font-family:var(--serif);font-size:18px;font-weight:600}
.file-label>span:not(.file-icon){font-size:11px;color:var(--muted)}
.file-label input{font-size:12px;max-width:100%;margin-top:10px}
.file-label input::file-selector-button{border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:7px 10px;margin-right:12px;font:inherit;cursor:pointer}
.convert-fields{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;margin-top:22px}
.convert-fields label{font-size:12px;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0}
.convert-fields label>span{color:var(--muted);font-size:10px}
.convert-fields input,.convert-fields select{width:100%;min-width:0;min-height:42px;border:1px solid var(--line);border-radius:0;background:var(--paper);color:var(--ink);padding:8px 10px;font:inherit}
.convert-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:22px}
.convert-actions>span{font-size:10px;color:var(--muted)}
.convert-actions button:disabled{opacity:.55;cursor:wait;transform:none}
.convert-status{font-size:12px;min-height:22px;margin-top:18px;overflow-wrap:anywhere}
.convert-output{border-top:1px solid var(--line);padding-top:20px;margin-top:18px}
.convert-output p{font-size:12px;margin-top:12px;overflow-wrap:anywhere;color:var(--muted)}
.converter-limits{font-size:11px;line-height:1.9;color:var(--muted);border-top:1px solid var(--line);padding-top:17px;margin-top:20px}
.converter-tool>.text-link{margin-top:12px;color:var(--muted);font-size:10px}
.download-options>button{border:1px solid var(--line);padding:16px;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:14px}
.download-options>button:hover{background:#e8e7db}
.download-options>button strong,.download-options>button small{display:block}
.download-options>button strong{font-size:14px}.download-options>button small{font-size:10px;color:var(--muted);margin-top:4px}
.download-hint a{text-decoration:underline;text-underline-offset:3px}
.source-picker{margin-left:10px}
.collection-tabs{display:flex;gap:26px;align-items:center;border-bottom:1px solid var(--line);margin:24px 0 22px;overflow-x:auto}
.collection-tabs button{white-space:nowrap;padding:8px 0 12px;font-size:14px;border-bottom:2px solid transparent;margin-bottom:-1px}
.collection-tabs button[aria-pressed=true]{color:var(--rust);border-bottom-color:var(--rust)}
.collection-tabs span{font:11px Georgia,serif;color:var(--muted);margin-left:4px}
.collection-tabs button:hover{color:var(--rust)}
.download-options a small{line-height:1.65}
@media(max-width:520px){.collection-tabs{gap:18px;margin-block:16px}.collection-tabs button{font-size:12px}.collection-tabs span{font-size:10px}}
@media(max-width:800px){.converter-section{grid-template-columns:1fr;gap:25px;padding-block:45px}.converter-intro h2{font-size:30px;margin-bottom:12px}.converter-intro h2 br{display:none}.converter-intro .converter-margin-note{display:none}.converter-tool{padding:22px}}
@media(max-width:520px){.converter-tool{padding:16px}.file-label{padding:16px}.file-label>span:not(.file-icon){font-size:10px}.convert-fields{grid-template-columns:1fr;gap:12px}.converter-intro h2{font-size:27px}.convert-actions{gap:12px}.convert-actions>span{width:100%}.source-picker{margin-left:0}.site-header nav{gap:14px}.site-header nav a,.nav-saved{font-size:11px}}