/* Existing LumHub tokens and shared shell. */
.converter{padding-block:48px 64px}.converter-heading{max-width:820px;margin-bottom:36px}.converter-heading h1{font:600 var(--text-xl)/1.12 var(--font-display);letter-spacing:-.035em;overflow-wrap:anywhere}.converter-heading .hero-lede{max-width:720px}.converter .eyebrow{color:var(--color-accent);font-size:var(--text-sm);font-weight:600;margin-bottom:12px}.converter-workspace{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);border:1px solid var(--color-rule);border-radius:var(--radius-lg);overflow:clip;background:var(--color-surface)}.converter-source{padding:28px;min-width:0}.converter-drop{border:1px dashed var(--color-muted);border-radius:var(--radius-md);padding:36px 24px;text-align:center;background:var(--color-paper)}.converter-drop>p:first-child{font:500 1.25rem/1.3 var(--font-display);margin:0 0 20px}.converter-drop[data-drag]{border-color:var(--color-accent);background:var(--color-accent-soft)}.converter-choose{cursor:pointer;display:inline-flex;white-space:nowrap}.converter-file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.converter-drop:focus-within{outline:3px solid var(--color-focus);outline-offset:3px}.converter-hint{font-size:var(--text-sm);color:var(--color-muted);line-height:1.5;margin:10px 0}.converter-small-title{font:600 1rem/1.4 var(--font-display);margin:24px 0 12px}.converter-settings{padding:28px;background:var(--color-soft);border-left:1px solid var(--color-rule);display:flex;flex-direction:column;align-items:stretch;min-width:0}.converter-settings .converter-small-title{margin-top:0}.converter-settings label{font-weight:500;margin:16px 0 8px;display:flex;justify-content:space-between;gap:12px}.converter-settings select,.converter-settings input[type=number]{background:var(--color-surface);color:var(--color-ink);border:1px solid var(--color-rule-strong);border-radius:var(--radius-sm);padding:12px;font:inherit;min-width:0;width:100%}.converter-settings input[type=range]{width:100%;accent-color:var(--color-accent)}.converter-settings input:focus-visible,.converter-settings select:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.converter-quota{margin:18px 0;padding-top:18px;border-top:1px solid var(--color-rule)}.converter-quota p{font-size:var(--text-sm);margin:8px 0}.converter button:disabled{opacity:.5;cursor:not-allowed}.converter-secondary{display:flex;gap:18px;justify-content:center;margin-top:18px}.converter-secondary button,.converter-files button{font:inherit;background:none;border:0;text-decoration:underline;color:var(--color-ink);cursor:pointer;min-height:44px;white-space:nowrap}.converter-files,.converter-results-list{list-style:none;padding:0;margin:0}.converter-files li{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--color-rule);padding:10px 0}.converter-file-name{overflow-wrap:anywhere;min-width:0}.converter-files small,.converter-result small{display:block;color:var(--color-muted);margin-top:4px}.converter-feedback{margin-block:24px}.converter-feedback progress{width:100%;accent-color:var(--color-accent);height:6px}.converter-alert{color:var(--color-error);overflow-wrap:anywhere}.converter-results-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:32px 0 18px}.converter-results-head h2{font:600 var(--text-lg)/1.3 var(--font-display)}.converter-results-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.converter-result{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:16px;border:1px solid var(--color-rule);padding:16px;border-radius:var(--radius-md);background:var(--color-surface)}.converter-result img{display:block;width:72px;height:72px;object-fit:contain;background:var(--color-soft);border-radius:var(--radius-sm)}.converter-result a{display:inline-block;color:var(--color-ink);font-weight:500;min-height:44px;padding-block:12px;white-space:nowrap}.converter-result strong{overflow-wrap:anywhere;display:block}.converter-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;border-top:1px solid var(--color-rule);margin-top:48px;padding-top:32px}.converter-guide h2,.converter-limits h2,.converter-faq h2{font:600 var(--text-lg)/1.4 var(--font-display)}.converter-guide li{padding:6px 0}.converter-guide p,.converter-guide li,.converter-limits p,.converter-faq p{color:var(--color-muted);line-height:1.65}.converter-limits{margin-top:32px;max-width:850px}.converter-faq{margin-top:36px;max-width:850px}.converter-faq details{border-bottom:1px solid var(--color-rule);padding-block:16px}.converter-faq summary{cursor:pointer;font-weight:500;min-height:32px}.converter [hidden]{display:none!important}
@media(max-width:760px){.converter{padding-block:32px 48px}.converter-workspace,.converter-guide,.converter-results-list{grid-template-columns:minmax(0,1fr)}.converter-source,.converter-settings{padding:20px}.converter-settings{border-left:0;border-top:1px solid var(--color-rule)}.converter-drop{padding:28px 14px}.converter-results-head{align-items:flex-start;flex-direction:column}.converter-guide{gap:24px}.converter-heading h1{font-size:2rem}.converter-result{grid-template-columns:56px minmax(0,1fr);gap:12px;padding:12px}.converter-result img{width:56px;height:56px}}