.workflow-dialog{width:640px;max-width:calc(100vw - 24px)}
.workflow-dialog .dialog-heading h2{font-size:25px}
.workflow-dialog select,.workflow-dialog input{width:100%;min-height:44px}
.workflow-dialog .field-label{display:block;margin-top:16px}
.workflow-dialog .field-note{margin:12px 0;overflow-wrap:anywhere}
.workflow-dialog progress{width:100%;margin-top:14px;accent-color:var(--accent)}
.workflow-dialog .dialog-footer{gap:12px;justify-content:flex-end}
.workflow-tools{display:grid;gap:10px;margin:24px 0}
.workflow-tools button{justify-content:flex-start;min-height:44px;white-space:normal;text-align:left}
.split-thumbnails{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:10px;margin:16px 0;max-height:240px;overflow-y:auto;padding:5px}
.split-thumb{border:2px solid var(--line);border-radius:6px;background:var(--paper);padding:6px;min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.split-thumb[aria-pressed=true]{border-color:var(--accent);background:#e8f1eb}
.split-thumb canvas{max-width:100%;height:85px;object-fit:contain;min-width:0}
.split-thumb span{font-size:12px}
.export-dialog input,.export-dialog select{max-width:100%}
.export-dialog .field-label{margin-top:12px}
.export-dialog .dialog-footer{gap:8px}
@media(max-width:480px){.workflow-dialog{padding:20px}.workflow-dialog .dialog-heading h2{font-size:23px}.workflow-dialog .dialog-footer{flex-wrap:wrap}.split-thumbnails{max-height:190px}.split-thumb canvas{height:60px}}

@media(max-width:480px){.split-thumbnails{grid-template-columns:repeat(3,minmax(0,1fr))}}

.compression-sizes{display:grid;gap:12px;margin:18px 0;padding:16px;background:var(--paper);border:1px solid var(--line);border-radius:8px}.compression-sizes p{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px}.compression-sizes strong{font-variant-numeric:tabular-nums}