.conversion[hidden],.conversion [hidden]{display:none!important}.conversion{margin-top:28px;margin-bottom:32px;padding:28px;border:1px solid #e0e7ef;border-radius:22px;background:#fff;box-sizing:border-box;scroll-margin-top:20px}.conversion-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.conversion-head span{font-size:13px;color:#8395ad}.conversion h2{font-size:24px;margin:8px 0 0}.conversion button,.conversion select,.conversion input{font:inherit}.conversion button,.conversion a{touch-action:manipulation}.conversion button{cursor:pointer;border:1px solid #dae3ed;border-radius:10px;padding:10px 16px;background:#f5f8fb;color:#587599}.conversion button:disabled{opacity:.55;cursor:wait}.conversion-modes label,.conversion-print label{display:flex;align-items:center;gap:12px}.conversion select{padding:10px;max-width:100%;background:white;border:1px solid #dce5ef;border-radius:8px;color:#52647a}.conversion-picker{display:flex;flex-direction:column;gap:14px;background:#f7fafb;border:1px dashed #bccddd;border-radius:14px;padding:24px;margin:20px 0;cursor:pointer}.conversion-picker strong{font-size:17px;font-weight:500}.conversion-picker span{font-size:13px;color:#7d8da0;overflow-wrap:anywhere}.conversion-picker input{max-width:100%;font-size:14px}.conversion-picker.drag{background:#edf7f3;border-color:#94bdb1}.conversion-print{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.conversion-note{font-size:13px;line-height:1.8;color:#8491a2;margin:16px 0}.conversion-consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#6b7e91;line-height:1.8}.conversion input[type=checkbox]{flex-shrink:0;margin-top:5px}.conversion-submit{display:flex;align-items:center;gap:18px;margin-top:22px}.conversion-submit button{background:#809bbd;color:white;border-color:transparent;white-space:nowrap}#conversionMessage{font-size:14px;line-height:1.7;color:#6b7f96}.conversion-results{border-top:1px solid #e6ecf3;margin-top:28px;padding-top:22px}.conversion-results h3{font-size:17px;margin:0}.conversion-job{padding:18px;border:1px solid #e1e9ef;border-radius:12px;margin-top:12px}.conversion-job h4{font-size:15px;margin:0;overflow-wrap:anywhere}.conversion-job p{font-size:13px;color:#8291a1;line-height:1.8;margin:10px 0;overflow-wrap:anywhere}.conversion-job-actions{display:flex;flex-wrap:wrap;gap:10px}.conversion-job-actions a{padding:10px;color:#587599;font-size:14px}.conversion-job-actions button{font-size:14px}.conversion button:focus-visible,.conversion a:focus-visible{outline:2px solid #779ab9;outline-offset:3px}.grid article:has([data-conversion]){cursor:pointer}.safe p{white-space:normal!important;line-height:1.8!important}@media(max-width:600px){.conversion{padding:18px 14px;border-radius:16px}.conversion h2{font-size:21px}.conversion-picker{padding:18px 12px}.conversion-submit{align-items:stretch;flex-direction:column;gap:12px}.conversion-print{gap:16px}.conversion-job{padding:14px}.conversion-job-actions button{flex:1;white-space:nowrap}.conversion-modes select{min-width:0}.safe p{font-size:12px!important}}

.conversion-picker input[type=file]{font-size:0;color:transparent}.conversion-picker input::file-selector-button{font-size:14px;color:#587599;background:#fff;border:1px solid #d3deea;border-radius:8px;padding:9px 16px;cursor:pointer}.conversion-picker:focus-within{outline:2px solid #9ab5cc;outline-offset:2px}

.conversion-submit{flex-wrap:wrap}#conversionProgress{width:120px;max-width:100%;height:8px;accent-color:#809bbd}#conversionCancel{background:#f5f8fb;color:#587599;border-color:#dae3ed}

/* Four-column desktop tools, with all conversions grouped in the second row. */
@media(min-width:1000px){#tools .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}#tools .grid article{padding:22px 18px}#tools .grid h3{font-size:19px}#tools .grid p{font-size:13px;white-space:nowrap}}
.conversion-upload{flex-basis:100%;padding:16px 18px;border:1px solid #dceae6;border-radius:12px;background:#f4faf8}.conversion-upload>div{display:flex;justify-content:space-between;gap:16px;font-size:13px;color:#5f8079}.conversion-upload strong{font-variant-numeric:tabular-nums}#conversionProgress{display:block;width:100%;height:8px;margin:12px 0;appearance:none;border:0;border-radius:8px;overflow:hidden;background:#e1ece8}#conversionProgress::-webkit-progress-bar{background:#e1ece8}#conversionProgress::-webkit-progress-value{background:linear-gradient(90deg,#a7cfc0,#7cbaa9);border-radius:8px}#conversionProgress::-moz-progress-bar{background:#7cbaa9}.conversion-upload small{font-size:12px;color:#82968f}
body.pdf-preview-open{overflow:hidden}.pdf-preview{box-sizing:border-box;width:min(1060px,calc(100vw - 40px));height:min(850px,calc(100dvh - 48px));max-width:none;max-height:none;margin:auto;padding:20px;border:1px solid #ffffffc9;border-radius:22px;background:rgba(247,250,253,.94);backdrop-filter:blur(20px);box-shadow:0 28px 90px #26394e40;color:#34485b}.pdf-preview::backdrop{background:rgba(38,57,77,.35);backdrop-filter:blur(7px)}.pdf-preview[open]{display:flex;flex-direction:column;gap:12px}.pdf-preview header{display:flex;align-items:center;justify-content:space-between;gap:16px}.pdf-preview h2{font-size:17px;font-weight:500;margin:5px 0;overflow-wrap:anywhere}.pdf-preview small{font-size:12px;color:#8a9aa9}.pdf-preview button{border:0;border-radius:50%;background:#e8eef4;color:#6e8398;width:36px;height:36px;font-size:22px;flex-shrink:0;cursor:pointer}.pdf-preview p{font-size:13px;color:#7f91a2;margin:0}.pdf-preview iframe{flex:1;min-height:0;width:100%;border:1px solid #dce4ec;border-radius:12px;background:white}.pdf-preview footer{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:0;border:0;margin:0;font-size:12px;color:#8395a5}.pdf-preview footer span{flex:1}.pdf-preview a{padding:9px 12px;border:1px solid #d8e3ec;border-radius:9px;color:#5c7a96;white-space:nowrap;text-decoration:none}.pdf-preview [hidden]{display:none!important}@media(max-width:600px){.pdf-preview{width:calc(100vw - 20px);height:calc(100dvh - 24px);padding:14px;border-radius:16px}.pdf-preview footer{gap:8px}.pdf-preview footer span{flex-basis:100%}.pdf-preview h2{font-size:15px}}

.conversion-scale-note{margin:10px 0 0;color:#8597a7;font-size:12px}.conversion-delete-open{overflow:hidden}.conversion-delete-dialog{box-sizing:border-box;width:min(390px,calc(100vw - 32px));margin:auto;padding:26px;border:1px solid #e5eaf0;border-radius:20px;background:rgba(252,253,255,.98);color:#3e5063;box-shadow:0 20px 70px #31475d2b}.conversion-delete-dialog::backdrop{background:#31485c40;backdrop-filter:blur(5px)}.conversion-delete-icon{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:12px;background:#f4ecea;color:#b18d86;font-size:23px}.conversion-delete-dialog h2{font-size:19px;font-weight:500;margin:16px 0 10px}.conversion-delete-dialog p{font-size:13px;line-height:1.8;color:#8b98a6;margin:8px 0;overflow-wrap:anywhere}#conversionDeleteFilename{color:#5f758c;font-size:14px}.conversion-delete-dialog form{display:flex;gap:12px;margin-top:24px}.conversion-delete-dialog button{flex:1;padding:11px 10px;border:1px solid #dce4ec;border-radius:10px;font:inherit;font-size:14px;color:#71869d;background:#f7f9fc;cursor:pointer}#conversionDeleteConfirm{background:#b78f87;color:white;border-color:transparent}.conversion-delete-dialog button:focus-visible{outline:2px solid #9ab0c6;outline-offset:3px}@media(max-width:600px){.conversion-delete-dialog{padding:22px}.conversion-check{font-size:13px}}

.office-preview-content{flex:1;min-height:0;overflow:auto;background:#fff;border:1px solid #dce4ec;border-radius:12px;padding:20px}.office-content{color:#34485b;font-size:14px}.office-content>p{margin-bottom:16px;line-height:1.8}.office-content label{display:block;margin-bottom:16px}.office-content select{max-width:100%;padding:8px;border:1px solid #dce4ec;border-radius:8px;background:#f7f9fc;color:#56718c}.office-content table{border-collapse:collapse;margin:16px 0;width:max-content;min-width:100%;max-width:none}.office-content td{border:1px solid #dae2e9;padding:9px 12px;min-width:75px;max-width:300px;white-space:pre-wrap;overflow-wrap:anywhere;vertical-align:top}.office-content tr:first-child{background:#f5f8fb}@media(max-width:600px){.office-preview-content{padding:12px}.office-content{font-size:13px}}

#tools .grid{grid-template-columns:repeat(4,minmax(0,1fr))}.conversion-modes{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.conversion-pair{white-space:nowrap}@media(max-width:999px){#tools .grid{gap:10px}#tools .grid article{padding:16px 10px}#tools .grid h3{font-size:15px}#tools .grid p{font-size:11px;white-space:normal}}@media(max-width:600px){#tools .grid{gap:7px}#tools .grid article{padding:12px 6px;min-height:142px;gap:0}#tools .grid i{width:30px;height:30px;font-size:17px;margin:0 0 12px}#tools .grid h3{font-size:12px;line-height:1.5;min-height:36px;margin:0 0 10px;letter-spacing:0;white-space:normal}#tools .conversion-pair{display:block}#tools .grid p{display:none}#tools .grid a{font-size:10px;margin-top:auto;white-space:nowrap}#tools .grid article::before{display:none}.conversion-modes{align-items:stretch}.conversion-modes label{flex:1;min-width:0;font-size:13px}.conversion-modes select{min-width:0;flex:1}#conversionReverse{font-size:12px;padding:8px 10px}}

.office-document-image{display:block;max-width:100%;height:auto;object-fit:contain;margin:12px 0}.office-content p{white-space:pre-wrap;overflow-wrap:anywhere}

/* Unified direction labels and a separate, non-interactive upcoming area. */
#conversionMode{font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;font-size:14px;font-weight:400;letter-spacing:0;line-height:1.5;min-height:44px;padding:10px 12px;border-radius:10px;background:#fbfcfe;color:#4e627b;min-width:172px}#conversionMode option{font:inherit;font-weight:400;background:#fff;color:#4e627b}#conversionMode optgroup{font-family:inherit;font-size:12px;font-weight:600;color:#8795a6;background:#f5f7fa}
.upcoming-tools{margin-top:30px}.upcoming-tools .tools-heading h2{color:#71827c}.upcoming-list{list-style:none;margin:16px 0 0;padding:0;border:1px dashed #dbe4df;border-radius:12px;background:#f7faf8}.upcoming-list li{display:flex;align-items:baseline;gap:22px;padding:18px 22px;white-space:nowrap}.upcoming-list li+li{border-top:1px solid #e6ece8}.upcoming-list h3{flex-shrink:0;margin:0;font-size:16px;font-weight:500;color:#71827c;line-height:1.8}.upcoming-list p{margin:0;font-size:13px;color:#8a9691;line-height:1.8}
@media(max-width:600px){#conversionMode{font-size:14px;min-width:0}.upcoming-tools{margin-top:24px}.upcoming-list{margin-top:12px}.upcoming-list li{gap:12px;padding:14px 12px}.upcoming-list h3{font-size:13px}.upcoming-list p{font-size:11px}}

#conversionMode,#conversionMode option{text-align:left;text-align-last:left;text-indent:0}#conversionMode option{padding:8px 12px}

.upcoming-list li{align-items:center;gap:14px}.upcoming-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;height:28px;border-radius:8px;background:#eaf1ed;color:#8a9f94;font-family:Georgia,serif;font-size:17px;font-style:italic;line-height:1}.upcoming-list p{margin-left:4px}@media(max-width:600px){.upcoming-list li{gap:8px;padding:12px 10px}.upcoming-icon{flex-basis:22px;height:22px;border-radius:6px;font-size:14px}.upcoming-list p{margin-left:0}}

/* Match workspace emphasis to the lighter tool-card typography. */
#conversions .conversion-head h2,#workspace #workTitle,#workspace #workDrop>b{font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;font-weight:400;letter-spacing:0;color:#445469}#conversions .conversion-head h2{font-size:21px;line-height:1.5;margin-top:6px}#workspace #workTitle{font-size:17px;line-height:1.5}#workspace #workDrop>b{font-size:16px;line-height:1.8}#workspace #workTitle option{font-size:14px;font-weight:400}@media(max-width:600px){#conversions .conversion-head h2{font-size:18px}#workspace #workTitle{font-size:16px}#workspace #workDrop>b{font-size:14px}}