.image-converter{--cv-ink:#19243c;--cv-muted:#536079;--cv-blue:#2563eb;--cv-line:#dce1eb;color:var(--cv-ink);text-align:left;font-size:14px;line-height:1.5}.image-converter button,.image-converter select{font:inherit}.image-converter button{cursor:pointer}.image-converter button:disabled{cursor:default;opacity:.45}.image-converter :focus-visible{outline:3px solid var(--cv-blue);outline-offset:3px}.image-converter-drop{text-align:center;background:#f7f9fe;border:1px dashed #9baaca;border-radius:12px;flex-direction:column;align-items:center;gap:16px;padding:32px 16px;display:flex}.image-converter-drop.is-dragging{border-color:var(--cv-blue);background:#eaf0ff}.image-converter-drop>svg{color:var(--cv-blue)}.image-converter-drop p{margin:0;font-size:18px;font-weight:650}.image-converter-drop>span,.converter-hint,.converter-status{color:var(--cv-muted);font-size:13px}.converter-button{border:1px solid var(--cv-line);min-height:44px;color:var(--cv-ink);background:#fff;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;display:inline-flex;font-weight:650!important}.converter-button:hover:not(:disabled){background:#f0f3fa}.converter-button.converter-primary{border-color:var(--cv-blue);background:var(--cv-blue);color:#fff}.converter-button.converter-primary:hover:not(:disabled){background:#1d4ed8}.converter-list-heading{justify-content:space-between;align-items:baseline;gap:16px;margin-top:24px;display:flex}.converter-list-heading h2{letter-spacing:normal;margin:0;font-size:16px;font-weight:700}.converter-list-heading span,.converter-page-name span{color:var(--cv-muted);font-size:12px}.converter-pages{max-height:400px;margin:10px 0 24px;padding:0;list-style:none;overflow:auto}.converter-pages li{border-bottom:1px solid var(--cv-line);align-items:center;gap:14px;padding:12px 4px;display:flex}.converter-thumbnail{background:#f0f3f8;border-radius:4px;flex:0 0 64px;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}.converter-thumbnail img{object-fit:contain;width:44px;height:44px}.converter-page-name{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.converter-page-name strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.converter-page-actions{flex-wrap:wrap;display:flex}.converter-page-actions button{width:40px;height:40px;color:var(--cv-muted);background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;display:inline-flex}.converter-page-actions button:hover:not(:disabled){color:var(--cv-blue);background:#eaf0ff}.converter-settings{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;display:grid}.converter-settings legend{margin-bottom:12px;font-size:16px;font-weight:700}.converter-settings label{flex-direction:column;gap:7px;font-size:13px;font-weight:600;display:flex}.converter-settings select{border:1px solid var(--cv-line);width:100%;min-height:44px;color:var(--cv-ink);background:#fff;border-radius:6px;padding:8px}.converter-settings select:disabled{opacity:.5}.converter-hint{margin:12px 0 20px;line-height:1.6}.converter-actions{flex-wrap:wrap;gap:12px;display:flex}.converter-status{min-height:20px;margin:16px 0 0}.converter-error{color:#a01818;overflow-wrap:anywhere;background:#fff1f1;border-radius:6px;padding:12px}@media (width<=560px){.converter-settings{grid-template-columns:1fr;gap:12px}.converter-pages li{flex-wrap:wrap;gap:10px}.converter-page-actions{margin-left:auto}.converter-page-name{flex-basis:calc(100% - 80px)}.converter-actions>button{flex:100%}}