.ce-batch-intro.ce-section{padding-top:100px;padding-bottom:24px}.ce-batch-intro h1{font-size:clamp(36px,5vw,60px);line-height:1.25;letter-spacing:-.04em;margin:20px 0}.ce-batch-intro>p:not(.ce-eyebrow){max-width:760px;font-size:15px;line-height:1.9;color:#aaaab3}.ce-batch-tool.ce-section{padding-top:24px}.ce-batch-tool [hidden]{display:none!important}.ce-batch-drop{padding:32px;border:1px dashed #ffffff38;border-radius:24px;background:#ffffff03;transition:background .2s,border-color .2s}.ce-batch-drop label{display:block;font-size:20px;font-weight:600;margin-bottom:20px}.ce-batch-drop input{max-width:100%;font-size:14px}.ce-batch-drop input::file-selector-button{border:1px solid #c7b7f366;border-radius:12px;padding:12px 18px;margin-right:12px;background:#c7b7f31a;color:#e2dafa;cursor:pointer}.ce-batch-drop p,.ce-batch-drop small{display:block;color:#aaaab3;font-size:12px;line-height:1.9;margin:16px 0 0}.ce-drop-active{background:#c7b7f30b;border-color:#c7b7f3}.ce-batch-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;margin-top:32px}.ce-batch-settings{min-width:0;border:1px solid #ffffff16;border-radius:20px;background:#1c1c1e;padding:24px}.ce-batch-settings legend{padding:0 8px;font-size:14px;font-weight:600}.ce-batch-settings label{display:block;color:#d4d4dc;font-size:13px;margin:16px 0 10px}.ce-batch-settings select,.ce-batch-settings input[type=number]{width:100%;border:1px solid #ffffff24;border-radius:10px;padding:12px;background:#252527;color:#fff;font:inherit;font-size:14px;min-height:44px}.ce-batch-settings input[type=range]{width:100%;accent-color:#c7b7f3}.ce-batch-settings input[type=color]{width:100%;height:44px;padding:4px;background:#252527;border:1px solid #ffffff24;border-radius:10px}.ce-batch-settings .ce-batch-check{display:flex;gap:10px;align-items:center;font-size:12px;line-height:1.6}.ce-batch-check input{width:18px;height:18px;accent-color:#c7b7f3;flex-shrink:0}.ce-batch-note{font-size:11px;color:#93939c;line-height:1.9;margin:18px 0 0}.ce-batch-actions{display:flex;flex-wrap:wrap;gap:10px}.ce-batch-actions button,.ce-batch-row-actions a,.ce-batch-row-actions button{border:1px solid #ffffff26;border-radius:12px;background:#ffffff05;color:#e4e4eb;padding:12px 16px;font-size:12px;min-height:44px;cursor:pointer}.ce-batch-actions :is(#batchRun,#splitRun){background:#c7b7f3;color:#211a2e;border-color:#c7b7f3;font-weight:600}.ce-batch-tool :disabled{opacity:.45;cursor:default}.ce-batch-tool :is(button,input,select,a):focus-visible{outline:2px solid #c7b7f3;outline-offset:4px}#batchStatus{min-height:24px;margin:20px 0;font-size:13px;line-height:1.8;color:#c7b7f3}#batchList{margin:0;padding:0;list-style:none}.ce-batch-row{display:flex;align-items:center;gap:18px;border:1px solid #ffffff16;border-radius:18px;padding:18px;margin-bottom:12px;background:#1c1c1e}.ce-batch-row>img{width:72px;height:72px;object-fit:contain;flex-shrink:0;border-radius:8px;background:repeating-conic-gradient(#303033 0 25%,#242427 0 50%) 0/16px 16px}.ce-batch-info{min-width:0;flex:1}.ce-batch-info strong{display:block;overflow-wrap:anywhere;font-size:13px;font-weight:550}.ce-batch-info p{color:#9e9ea7;font-size:11px;line-height:1.8;margin:8px 0 0}.ce-batch-info .ce-batch-state{color:#c7b7f3}.ce-batch-row[data-state=error] .ce-batch-info p{color:#efb3a9}.ce-batch-row-actions{display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0}.ce-batch-how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0;list-style:none;counter-reset:steps}.ce-batch-how li{padding:24px;background:#1c1c1e;border:1px solid #ffffff16;border-radius:20px;counter-increment:steps}.ce-batch-how li:before{content:'0' counter(steps);font-size:12px;color:#c7b7f3}.ce-batch-how h3{font-size:20px;margin:18px 0 12px}.ce-batch-how p,.ce-batch-cta>p{font-size:13px;color:#aaaab3;line-height:1.9}.ce-batch-cta h2{font-size:32px;line-height:1.4}.ce-batch-cta .ce-text-link{margin-right:24px}
@media(max-width:900px){.ce-batch-layout{grid-template-columns:230px minmax(0,1fr)}.ce-batch-row{flex-wrap:wrap}.ce-batch-row-actions{width:100%;padding-left:90px}}
@media(max-width:760px){.ce-batch-intro.ce-section{padding-top:48px}.ce-batch-drop{padding:22px}.ce-batch-drop label{font-size:18px}.ce-batch-layout{grid-template-columns:1fr;gap:24px}.ce-batch-settings{padding:20px}.ce-batch-actions{gap:8px}.ce-batch-actions button{flex:1 1 auto}.ce-batch-row{padding:16px;gap:12px}.ce-batch-row-actions{padding-left:0}.ce-batch-how{grid-template-columns:1fr}.ce-batch-cta h2{font-size:28px}}
.ce-batch-compare{display:flex;gap:10px;flex-shrink:0}.ce-batch-compare figure{margin:0;width:72px}.ce-batch-compare img{display:block;width:72px;height:72px;object-fit:contain;border-radius:8px;background:repeating-conic-gradient(#303033 0 25%,#242427 0 50%) 0/16px 16px}.ce-batch-compare figcaption{text-align:center;font-size:10px;color:#aaaab3;margin-top:6px}
.ce-split-source{border:1px solid #ffffff16;border-radius:18px;padding:18px;margin-top:24px;background:#1c1c1e}.ce-split-source summary{cursor:pointer;font-size:13px}.ce-split-source p{font-size:11px;line-height:1.8;color:#aaaab3;overflow-wrap:anywhere}.ce-split-preview-scroll{max-height:420px;overflow:auto;margin-top:16px}#splitPreview{position:relative;max-width:240px;margin:auto}#splitPreview img{display:block;width:100%;height:auto}.ce-split-line{position:absolute;left:0;right:0;border-top:2px dashed #c7b7f3;box-shadow:0 1px 2px #0008;pointer-events:none}#splitStatus{min-height:24px;margin:20px 0;color:#c7b7f3;font-size:13px;line-height:1.8}#splitResults{padding:0;margin:0;list-style:none}#splitResults .ce-split-download{padding:12px 16px;border:1px solid #ffffff26;border-radius:12px;min-height:44px;font-size:12px;color:#e4e4eb}#splitResults .ce-batch-row>img{width:72px;height:72px;object-fit:contain}@media(max-width:760px){#splitResults .ce-split-download{flex-shrink:0}}

@media(max-width:760px){.ce-batch-compare{width:100%;justify-content:flex-start}.ce-batch-compare+.ce-batch-info{flex-basis:100%}}

/* Compact workspace rhythm, explicit empty states and persistent upload feedback. */
.ce-tool-page .ce-section:not(.ce-batch-intro):not(.ce-batch-tool){padding-top:56px;padding-bottom:56px}
.ce-upload-feedback:empty{display:none}.ce-batch-drop .ce-upload-feedback{color:#d6c8f5;font-size:13px}
.ce-batch-empty{min-height:240px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:12px;padding:32px;border:1px solid #ffffff12;border-radius:20px;background:linear-gradient(145deg,#ffffff04,transparent)}
.ce-batch-empty strong{font-size:20px;font-weight:550;color:#dcdce3}.ce-batch-empty p{max-width:340px;font-size:13px;line-height:1.9;color:#9e9ea7;margin:0}
.ce-batch-row-actions a,#splitResults .ce-split-download{background:#c7b7f30b;border-color:#c7b7f333}
.ce-batch-actions button:not(:disabled):hover,.ce-batch-row-actions :is(a,button):hover,#splitResults .ce-split-download:hover{border-color:#c7b7f388}
@media(max-width:760px){.ce-tool-page .ce-section:not(.ce-batch-intro):not(.ce-batch-tool){padding-top:36px;padding-bottom:36px}.ce-batch-empty{min-height:180px;padding:24px}.ce-batch-empty strong{font-size:18px}.ce-split-preview-scroll{max-height:280px}.ce-batch-actions :is(#batchRun,#splitRun){flex-basis:100%}}

/* The visible picker uses page copy rather than the browser's own locale. */
.ce-site .ce-file-picker{display:inline-flex;align-items:center;justify-content:center;min-height:48px;max-width:100%;padding:12px 20px;border:1px solid #c7b7f366;border-radius:12px;background:#c7b7f318;color:#e2dafa;font-size:15px;line-height:1.6;overflow-wrap:anywhere}
.ce-site .ce-file-picker:not(:disabled):hover{background:#c7b7f325;border-color:#c7b7f3}
.ce-site .ce-batch-actions button{font-size:14px;line-height:1.6}
.ce-batch-note,.ce-batch-info p,.ce-split-source p{font-size:13px;color:#aaaab5}
@media(max-width:760px){
 .ce-batch-intro.ce-section{padding-top:36px;padding-bottom:12px}
 .ce-batch-tool.ce-section{padding-top:16px}
 .ce-batch-layout{display:flex;flex-direction:column;gap:20px;margin-top:24px}
 .ce-batch-results{display:contents}
 .ce-batch-actions{order:-1}
 .ce-batch-tool:not(.ce-has-input) .ce-batch-actions :is(#batchClear,#batchZip,#splitClear,#splitZip){display:none}
 .ce-batch-drop label{font-size:18px;line-height:1.6;margin-bottom:16px}
 .ce-batch-settings :is(select,input[type=number]){font-size:16px}
 .ce-batch-drop :is(p,small),.ce-batch-note{font-size:13px;line-height:1.8}
 .ce-batch-empty{min-height:160px}
}