.workbench,.desktop-page,.history-page,.advanced-directory{padding-top:5px;padding-bottom:45px}
.wb-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:24px}.wb-heading h1{font-size:28px;margin:0}.wb-heading>div{display:flex;gap:10px;flex-wrap:wrap}
.wb-upload{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px;border:1px dashed #dce1e8;border-radius:18px;background:#fff}.wb-upload>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.wb-upload strong{font-size:18px}.wb-upload span{font-size:14px;color:#64748b}.wb-upload svg{color:#d69480;width:30px;height:30px}.wb-upload.dragging{border-color:var(--accent);background:#fff7f3}
.wb-file-list{margin-top:18px}.wb-file{display:flex;align-items:center;gap:13px;border:1px solid #edf0f4;border-radius:11px;padding:13px 15px;margin-bottom:9px;background:#fff}.wb-file>span:nth-child(2){flex:1;min-width:0}.wb-file strong{display:block;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-file small{display:block;font-size:13px;color:#64748b;line-height:1.9;overflow-wrap:anywhere}.wb-file-number{font-size:13px;color:#8b95a3}.wb-file>div{display:flex;gap:9px}.wb-file button{font-size:17px;min-width:27px;min-height:32px;border-radius:6px}.wb-file button:hover{background:#fff1ed}
.wb-grid{display:grid;grid-template-columns:270px minmax(0,1fr);gap:24px;margin-top:24px;align-items:start}.wb-options{border:1px solid #e8ecf2;border-radius:16px;padding:20px;background:#fff}.wb-field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.wb-field label{font-size:14px;font-weight:500}.wb-field input,.wb-field select,.wb-small-grid input,.desktop-card input,.desktop-card select{min-width:0;width:100%;min-height:41px;padding:9px 11px;border:1px solid #dfe5ed;border-radius:8px;background:#fff;font-size:14px;color:#171717}.wb-field input[type=range]{padding:0;min-height:30px;accent-color:var(--accent)}.wb-field small,.wb-detail>small{font-size:13px;color:#64748b;line-height:1.8}.wb-detail{border-top:1px solid #edf0f4;margin-top:16px;padding-top:14px}.wb-detail summary{font-size:14px;cursor:pointer;padding:4px 0 9px}.wb-detail[open] summary{margin-bottom:12px}.wb-check{display:flex;align-items:flex-start;gap:9px;font-size:14px;line-height:1.8;margin:12px 0}.wb-check input{flex-shrink:0;width:16px;height:16px;min-height:0;accent-color:var(--accent);margin-top:5px}.wb-checks{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:13px;margin-bottom:18px}.wb-checks label{display:flex;align-items:center;gap:6px}.wb-checks input{accent-color:var(--accent)}.wb-small-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0}.wb-small-grid label{display:flex;flex-direction:column;gap:6px;font-size:13px}.wb-small-grid input[type=color]{padding:4px;height:41px}.wb-preset-actions{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.wb-preset-actions .outline{font-size:13px;padding-inline:10px}
.wb-main{min-width:0}.wb-status{border:1px solid #e8ecf2;border-radius:16px;padding:24px;background:#fff}.wb-status progress{display:block;width:100%;height:5px;accent-color:var(--accent);border:0;border-radius:4px;overflow:hidden}.wb-status p{font-size:14px;line-height:1.9;color:#475569;overflow-wrap:anywhere;margin:18px 0}.wb-run{display:flex;gap:10px;flex-wrap:wrap}.wb-run .primary,.wb-run .outline{font-size:14px;min-height:41px}.wb-native-note{font-size:14px;line-height:1.9;background:#fff7ef;border:1px solid #f3e2d4;border-radius:12px;padding:16px}.wb-native-note a{color:#a5634c}.wb-results{margin-top:22px}.wb-result-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.wb-result-heading h2{font-size:19px;margin:0}.wb-result{display:flex;align-items:center;justify-content:space-between;gap:17px;border:1px solid #e8ecf2;border-radius:12px;padding:16px;margin-bottom:10px;background:#fff}.wb-result>span{min-width:0}.wb-result strong{font-size:14px;font-weight:500;display:block;overflow-wrap:anywhere}.wb-result small{display:block;font-size:13px;color:#64748b;margin-top:5px}.wb-preview{padding:20px;border:1px solid #e8ecf2;border-radius:16px;margin-bottom:20px;background:#fafbfc}.wb-preview span{display:block;font-size:13px;color:#64748b;margin:0 0 12px}.wb-preview span:nth-of-type(2){margin-top:23px}.wb-preview canvas{display:block;max-width:100%;height:auto;border:1px solid #e3e7ed;border-radius:8px;background:repeating-conic-gradient(#edf0f4 0% 25%,#fff 0% 50%) 50%/16px 16px}.wb-preview #wb-source-canvas{cursor:crosshair;touch-action:none}
.advanced-directory>h1{font-size:28px;margin-bottom:30px}.advanced-directory>section{margin-top:32px}.advanced-directory>section>h2{font-size:21px;margin-bottom:18px}.tool-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.tool-directory-card{position:relative;border:1px solid #e7ebf1;border-radius:15px;padding:22px;background:#fff}.tool-directory-card>span{display:grid;place-items:center;width:40px;height:40px;background:#fff0e9;border-radius:11px;color:#c68b77;margin-bottom:16px}.tool-directory-card h2{font-size:17px;margin:0 0 8px}.tool-directory-card small{font-size:13px;color:#64748b}.tool-directory-card b{position:absolute;right:19px;top:22px;font-size:17px;font-weight:400;color:#a4afbf}.tool-directory-card:hover{border-color:#e4b6a7;box-shadow:0 6px 20px #33415506;transform:translateY(-2px)}.utility-links{display:flex;flex-wrap:wrap;gap:12px}.utility-links a{font-size:14px;border:1px solid #e5eaf0;padding:11px 15px;border-radius:9px;background:#fff}.all-tools-link{display:flex;align-items:center;gap:23px;flex-wrap:wrap;margin-top:25px;font-size:14px}.all-tools-link>a:not(.outline){color:#64748b}
.desktop-page>h1,.history-page>h1{font-size:28px}.desktop-intro{margin-bottom:28px}.desktop-intro p{font-size:16px;line-height:1.9;max-width:800px}.desktop-intro .primary{margin-right:15px}.desktop-intro>span{font-size:14px;color:#64748b}.desktop-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.desktop-card{border:1px solid #e7ebf1;border-radius:18px;padding:27px;background:#fff;margin-bottom:23px;min-width:0}.desktop-card h2{font-size:21px;margin-bottom:20px}.desktop-card h3{font-size:17px}.desktop-card p,.desktop-card li{font-size:14px;line-height:1.95;color:#475569}.desktop-card ol{padding-left:20px}.desktop-card form{display:flex;flex-direction:column;gap:11px}.desktop-card form>label{font-size:14px}.desktop-card form>div{display:flex;gap:11px;flex-wrap:wrap;margin-top:7px}.desktop-card form p{font-size:13px;margin:0}.desktop-links{display:flex;flex-direction:column;gap:10px;margin:20px 0}.desktop-card a,.license-note a{color:#ad6e57;font-size:14px}.desktop-card pre,.watch-item pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace;background:#f8fafc;border:1px solid #e8ecf2;padding:18px;border-radius:11px;max-height:400px;overflow:auto}.desktop-card .inline-form{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px}.inline-form input{max-width:250px}.native-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.native-feature-grid p{margin-bottom:10px}.license-note{font-size:13px;color:#64748b;line-height:1.9}.watch-item{border:1px solid #e6eaf0;border-radius:10px;padding:15px;margin-top:15px}.watch-item strong,.watch-item>span{display:block;overflow-wrap:anywhere;font-size:14px;margin-bottom:9px}.watch-item>span{color:#64748b}.watch-item summary{font-size:13px;padding-top:12px;cursor:pointer}
.history-note{font-size:14px;color:#64748b;line-height:1.95;margin-bottom:24px}.history-item{display:flex;align-items:flex-start;gap:19px;padding:21px;border:1px solid #e7ebf1;border-radius:15px;margin-bottom:14px;background:#fff}.history-item>img{width:85px;height:85px;object-fit:cover;border:1px solid #e9edf2;border-radius:9px}.history-item>div:nth-last-child(2){flex:1;min-width:0}.history-item h2{font-size:17px;margin:0 0 9px}.history-item p{font-size:13px;color:#64748b;line-height:1.8;margin:5px 0;overflow-wrap:anywhere}.history-item>div:last-child{display:flex;flex-direction:column;gap:10px;flex-shrink:0}.history-item .outline{font-size:13px}.history-output{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}.history-output button{max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:left}.history-empty{padding:55px 25px;border:1px dashed #dce3eb;border-radius:15px;text-align:center;font-size:15px;line-height:2}.history-empty a{display:block;color:#b17861}.content-card hr{border:0;border-top:1px solid #edf0f4;margin:30px 0}
html[data-theme=dark]{--ink:#e7ebf3;--muted:#b0bacb;--line:#343b49;--canvas:#141820;--surface:#1d232e;--soft:#202735;color-scheme:dark}
html[data-theme=dark] body{background:#141820;color:#e7ebf3}
html[data-theme=dark] :is(.simple-header,footer,.converter,.upload-empty,.content-card,.directory-group,.availability-note,.extract-upload,.extract-file-panel,.extract-result-panel,.extract-panel-heading,.extract-export,.reader-upload,.reader-app,.feature-card,.format-family-grid details,.site-facts,.showcase-panel,.wb-upload,.wb-file,.wb-options,.wb-status,.wb-result,.desktop-card,.history-item,.tool-directory-card,.utility-links a,.file-menu,.header-settings,.outline,.wb-preview){background:#1d232e!important;border-color:#343b49!important}
html[data-theme=dark] main :is(h1,h2,h3,h4,p,li,dt,dd,label,strong,summary),html[data-theme=dark] :is(.navlinks>a,.brand,.file-menu a,.footer-directory a,.footer-meta,.footer-meta a,.format-ribbon span,.wb-file strong,.wb-result strong,.history-item h2){color:#dce3ee!important}
html[data-theme=dark] :is(input,select,textarea,#result-text,.desktop-card pre,.watch-item pre){background:#141a24!important;border-color:#3b4354!important;color:#e6ebf4!important}
html[data-theme=dark] :is(.upload-glyph,.feature-icon,.tool-heading-icon,.inline-note,.tool-caption,.wb-native-note){background:#2a2830!important;color:#d7b2a5!important;border-color:#4a3d3b!important}
html[data-theme=dark] .showcase-art{background:#242a34!important;border-color:#343b49}
html[data-theme=dark] .showcase-art :is(p,h4,span,strong,small){color:initial!important}
html[data-theme=dark] .landing-glow{opacity:.15}
html[data-theme=dark] .primary{color:#fff!important}
@media(max-width:1000px){.wb-grid{grid-template-columns:240px minmax(0,1fr);gap:18px}.wb-options{padding:17px}.tool-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.native-feature-grid{gap:18px}.desktop-card{padding:23px}}
@media(max-width:760px){.wb-heading{align-items:flex-start;flex-direction:column;gap:15px}.wb-heading h1,.desktop-page>h1,.advanced-directory>h1{font-size:25px}.wb-upload{align-items:flex-start;flex-direction:column;padding:23px;gap:20px}.wb-upload>div:last-of-type{width:100%}.wb-grid{grid-template-columns:1fr}.wb-options{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.wb-options>.wb-detail{grid-column:1/-1}.wb-status{padding:21px}.wb-run .primary,.wb-run .outline{font-size:14px}.desktop-grid{grid-template-columns:1fr;gap:0}.native-feature-grid{grid-template-columns:1fr;gap:15px}.desktop-card{padding:22px}.history-item{flex-wrap:wrap;padding:18px}.history-item>div:last-child{flex-direction:row;width:100%}.history-note{font-size:14px}.all-tools-link{gap:15px;font-size:13px}.tool-directory-card{padding:19px}.tool-directory-card h2{font-size:16px}}
@media(max-width:480px){.workbench,.desktop-page,.history-page{padding-top:0}.wb-upload{padding:21px 18px}.wb-upload span{font-size:13px}.wb-file{gap:9px;padding:12px}.wb-file strong{font-size:13px}.wb-file small{font-size:12px}.wb-file>div{gap:3px}.wb-file button{min-width:25px}.wb-options{padding:18px;gap:0 13px}.wb-field label{font-size:13px}.wb-field input,.wb-field select{font-size:14px}.wb-status{padding:20px 17px}.wb-run{gap:8px}.wb-run .outline{font-size:13px;padding-inline:11px}.wb-result{padding:14px}.wb-result strong{font-size:13px}.tool-directory-grid{grid-template-columns:1fr}.tool-directory-card{padding:21px}.desktop-card h2{font-size:19px}.desktop-card pre{font-size:12px;padding:15px}.history-item>img{width:65px;height:65px}.history-item h2{font-size:16px}.history-item p{font-size:13px}.history-output button{font-size:12px}}
.download-hero{text-align:center;padding:22px 0 45px}.download-mark{display:inline-grid;place-items:center;background:#ec4339;color:#fff;width:72px;height:72px;border-radius:20px;font-size:42px;margin-bottom:24px}.download-hero h1{font-size:40px;letter-spacing:-1.5px;margin:0 0 16px}.download-hero>p{font-size:20px;color:#222}.download-badges{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:22px}.download-badges span{font-size:14px;padding:7px 12px;background:#f4f5f7;border-radius:20px}.software-downloads{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:20px}.download-card{border:1px solid #e7e9ef;border-radius:20px;padding:30px;background:white}.download-card>span{font-size:28px;color:#ec4339}.download-card h2{font-size:23px;margin:18px 0 10px}.download-card p{font-size:15px;margin-bottom:24px}.download-card details{margin-top:22px;font-size:13px}.download-card code{display:block;font-size:12px;overflow-wrap:anywhere;margin-top:12px}.download-status{font-size:16px;min-height:28px;margin-bottom:30px}.version-compare{display:grid;grid-template-columns:1fr 1fr;gap:30px}.version-compare h3{font-size:21px}.download-card .primary{width:100%;justify-content:center}.wb-native-note{font-size:17px;padding:24px}.wb-native-note a{font-weight:600}.wb-result>div{display:flex;gap:8px}html[data-theme=dark] .download-card{background:#1d232e;border-color:#343b49}html[data-theme=dark] .download-badges span{background:#282e39}@media(max-width:650px){.software-downloads,.version-compare{grid-template-columns:1fr}.download-hero h1{font-size:32px}.download-hero>p{font-size:18px}}

@media (max-width: 600px) {
  .wb-grid > *, .wb-field, .wb-preview, .download-card { min-width: 0; }
  .wb-upload > div:last-of-type, .wb-run { display: flex; flex-wrap: wrap; gap: 8px; }
  .wb-upload .primary, .wb-run .primary { flex: 1; justify-content: center; }
  .wb-field :is(input, select, textarea) { font-size: 16px; }
  .wb-file button, .wb-result a, .wb-result button { min-width: 44px; min-height: 44px; }
  .wb-result { flex-wrap: wrap; }
  .wb-result > div { flex-wrap: wrap; }
  .download-hero { padding-block: 10px 26px; }
  .download-hero h1 { font-size: clamp(26px, 7vw, 32px); }
  .download-card { padding: 20px; border-radius: 16px; }
  .download-card .primary, .download-card summary { min-height: 44px; }
  .download-card summary { align-content: center; }
}
@media (max-width: 400px) {
  .wb-options { grid-template-columns: minmax(0, 1fr); }
  .wb-file { display: grid; grid-template-columns: 24px minmax(0, 1fr); }
  .wb-file > div { grid-column: 2; justify-content: flex-start; }
}

.tool-group-links { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 18px; }
.tool-group-links a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 12px;
  border: 1px solid var(--line);
  border-radius: 10px;
}
.tool-group-links a:hover { color: #b52f26; border-color: #e7a297; }
.tool-directory-card { display: flex; align-items: center; gap: 12px; }
.tool-directory-card > span { flex: 0 0 40px; margin: 0; }
.tool-directory-card > div { flex: 1; min-width: 0; }
.tool-directory-card strong { display: block; font-size: 16px; overflow-wrap: anywhere; }
.tool-directory-card b { position: static; margin-left: auto; }

.desktop-page .download-hero {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  padding: 24px;
  margin-bottom: 24px;
  text-align: left;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: var(--soft);
}
.download-hero > div { min-width: 0; }
.download-hero h1 { font-size: clamp(28px, 5vw, 40px); margin: 0 0 6px; }
.download-hero p { font-size: 16px; margin-bottom: 0; }
.download-hero .download-mark { width: 55px; height: 55px; flex: 0 0 55px; font-size: 32px; margin: 0; border-radius: 14px; }
.download-hero .download-badges { justify-content: flex-start; margin-top: 14px; gap: 6px; }
.download-hero .download-badges span { padding: 4px 9px; font-size: 13px; background: var(--canvas); }
.download-section-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 14px; }
.download-section-heading h2 { margin: 0 0 3px; }
.download-section-heading p { margin: 0; }
.download-version { padding: 4px 10px; border-radius: 999px; background: #faeee9; color: #9a3f34; font-weight: 650; }
.download-platforms .software-downloads { gap: 12px; margin-bottom: 9px; }
.download-platforms .download-card { padding: 18px; }
.download-card-heading { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.download-card-heading h3 { margin: 0 0 2px; font-size: 17px; }
.download-card-heading p { margin: 0; font-size: 14px; }
.download-platform-icon { display: grid; place-items: center; flex: 0 0 38px; height: 38px; border-radius: 9px; background: #faeee9; color: #9a3f34; font-size: 18px; }
.download-card .primary { min-height: 44px; }
.download-card details { margin-top: 5px; }
.download-card summary, .download-installation summary { cursor: pointer; min-height: 44px; align-content: center; }
.download-access-note { font-size: 14px; margin: 0 0 18px; }
.download-platforms .download-status:empty { display: none; }
.download-installation details { border-top: 1px solid var(--line); }
.download-installation details:last-of-type { border-bottom: 1px solid var(--line); margin-bottom: 14px; }
.download-installation summary { font-weight: 650; }
.desktop-page .license-note { display: flex; flex-wrap: wrap; gap: 0 16px; }
.desktop-page .license-note a { display: inline-flex; align-items: center; min-height: 44px; }
html[data-theme=dark] .desktop-page .download-hero { background: #1d232e; border-color: #343b49; }
@media (max-width: 650px) {
  .desktop-page .download-hero { gap: 12px; padding: 15px; margin-bottom: 19px; }
  .download-hero .download-mark { width: 42px; height: 42px; flex-basis: 42px; font-size: 27px; }
  .download-platforms .download-card { padding: 14px; }
  .desktop-page .version-compare { gap: 16px; }
  .desktop-page .version-compare h3 { margin: 0 0 5px; }
}

.extended-page .page-hero { padding-inline: 0; }
.extended-settings { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin: 12px 0; }
.extended-settings select, .extended-settings input[type=number] { min-height: 44px; max-width: 100%; padding: 6px 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--canvas); }
.extended-settings input[type=number] { width: 86px; }
.extended-settings:is(fieldset) { border: 1px solid var(--line); border-radius: 10px; }
#extended-input-formats, #extended-status, #extended-files { overflow-wrap: anywhere; }
@media (max-width: 480px) {
  .extended-settings select, .extended-settings input[type=number] { font-size: 16px; }
  .extended-page #extended-web > a { min-height: 44px; margin-bottom: 8px; }
}

.file-result-preview{width:min(720px,calc(100% - 24px));max-height:90dvh;padding:0;border:1px solid var(--line);border-radius:16px;background:var(--canvas);color:var(--ink);overflow:auto}
.file-result-preview::backdrop{background:#151b2a80}
.file-result-preview>header{display:flex;position:sticky;top:0;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--canvas);z-index:1}
.file-result-preview>header strong{overflow-wrap:anywhere}.file-result-preview>header button{flex:none;min-height:44px}
.file-preview-body{padding:16px;overflow-wrap:anywhere}
.file-preview-body :is(img,canvas,video,audio){display:block;max-width:100%;margin:auto}
.file-preview-body pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}
.wb-result-actions{display:flex;flex-wrap:wrap;gap:6px}.wb-result-actions button,.wb-file [data-preview-input]{min-height:44px}
.wb-transfer-status{color:var(--ink);font-size:14px;overflow-wrap:anywhere;margin:8px 0}
.wb-transfer-status:empty{display:none}

.row-status .file-result-action{min-height:36px;padding:3px 6px;color:var(--accent-hover);white-space:nowrap}.row-status .file-result-action:hover{text-decoration:underline}

.file-row .row-status:has(.file-result-action){display:flex;align-items:center;flex-wrap:wrap;gap:3px}