.tool-nav{display:flex;gap:8px;margin-bottom:28px}.tool-nav a{padding:11px 20px;border:1px solid var(--line);border-radius:99px;color:var(--ink);font-weight:700;text-decoration:none}.tool-nav a[aria-current=page]{background:#654433;color:#fff;border-color:#654433}.compression-panel{max-width:960px}.file-description{margin:16px 24px;overflow-wrap:anywhere;color:var(--muted)}.compression-panel fieldset{border:0;padding:16px 24px;margin:0;min-width:0}.compression-panel legend{font-weight:700}.compression-note{margin:8px 24px 24px;color:var(--muted);font-size:13px;line-height:1.6}.compression-actions{display:flex;gap:18px;margin:0 24px}.compression-panel .status{margin:18px 24px;text-align:left;line-height:1.5}.compression-result{border-top:1px solid var(--line);padding:24px}.compression-result h2{margin-top:0;font-size:20px}.compression-result p{line-height:1.6;overflow-wrap:anywhere}.compression-result a{width:fit-content;padding:0 24px;text-decoration:none}.compression-panel[aria-busy=true] .dropzone{pointer-events:none;opacity:.5}@media(max-width:650px){.compression-panel fieldset{padding:16px}.compression-result{padding:18px}.compression-actions{margin:0 16px}.compression-note{margin:8px 16px 20px}}

.compression-slider{padding-top:8px}.compression-slider>label{display:flex;justify-content:space-between;font-weight:700}.compression-slider output{color:var(--ink)}.slider-estimate{display:flex;align-items:center;gap:24px;margin:14px 0}.slider-estimate input{flex:1;min-width:0;accent-color:#815541}.slider-estimate>div{min-width:160px;display:grid;gap:5px;text-align:right}.slider-estimate span,.compression-slider>small{color:var(--muted);font-size:12px;line-height:1.6}.slider-estimate strong{font-size:16px}.slider-estimate input:focus-visible{outline:2px solid #a8826e;outline-offset:5px}@media(max-width:450px){.slider-estimate{gap:12px}.slider-estimate>div{min-width:130px}.slider-estimate strong{font-size:14px}}

.mechanism-label{font-size:13px;color:var(--ink);margin:10px 0;line-height:1.5}

.tool-nav{flex-wrap:wrap}.split-modes{display:flex;flex-wrap:wrap;gap:18px;margin:0 0 20px}.split-modes input{accent-color:#815541}.split-pages{display:flex;flex-wrap:wrap;gap:8px;max-height:260px;overflow:auto;margin:12px 0}.split-pages button{min-width:44px;height:44px;padding:8px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);cursor:pointer}.split-pages button[aria-pressed=true]{background:#654433;color:white;border-color:#654433}.split-page-actions{display:flex;gap:16px}.split-downloads{padding:0;list-style:none}.split-downloads li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.split-downloads li span{overflow-wrap:anywhere;min-width:0}.split-downloads a{color:var(--ink);font-weight:700;white-space:nowrap}.split-downloads small{display:block;margin-top:5px;color:var(--muted)}#splitRangeControls .compression-note{margin:8px 0 16px}#splitRanges{width:100%;padding:12px;border:1px solid var(--line);border-radius:9px;font:inherit;background:var(--paper);color:var(--ink)}#splitSummary{font-size:14px;line-height:1.5}#splitDownloadAll{padding:0 20px}.merge-followup{display:flex;justify-content:flex-end;margin:12px 0}.merge-followup button{width:auto;padding:10px 18px}.compression-panel[aria-busy=true] .dropzone{pointer-events:none;opacity:.5}
.split-preview{margin:22px 0 4px;border:2px dashed #8d9390;border-radius:12px;overflow:hidden;background:color-mix(in srgb,var(--bg) 82%,var(--paper))}.split-preview .preview-heading{align-items:center;padding:18px 22px}.split-preview .preview-heading strong{font-size:16px}.split-preview .preview-heading small{min-height:1em}.split-preview-groups{display:grid;gap:22px;padding:0 22px 22px}.split-preview-group{min-width:0}.split-preview-group h3{margin:0 0 12px;font-size:14px}.split-preview-pages{display:flex;gap:28px;overflow-x:auto;padding:2px 2px 14px;scroll-snap-type:x proximity}.split-preview-page{flex:0 0 clamp(210px,28vw,285px);margin:0;padding:24px 24px 18px;border-radius:16px;background:var(--paper);box-shadow:0 7px 20px #00000012;scroll-snap-align:start}.split-preview-page canvas{display:block;width:100%;height:auto;background:#fff;box-shadow:0 2px 10px #0003}.split-preview-page figcaption{margin-top:14px;text-align:center;color:var(--ink);font-size:16px}.split-preview-page+ .split-preview-page{position:relative}.split-preview-page+ .split-preview-page:before{content:"•••";position:absolute;left:-22px;top:50%;transform:translate(-50%,-50%);color:var(--ink);font-weight:900;letter-spacing:3px}
.compression-panel:has(.split-workspace){max-width:1260px}.split-workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.85fr);border-top:1px solid var(--line)}.split-workspace:has(.split-preview.hidden){grid-template-columns:1fr}.split-workspace:has(.split-preview.hidden) .split-settings{grid-column:1}.split-preview{grid-column:1;margin:24px;border-color:#858b88;align-self:start}.split-settings{grid-column:2;min-width:0;border-left:1px solid var(--line);padding:24px 0}.split-settings .compression-actions .primary-button{width:100%}.split-settings .compression-note{margin-bottom:18px}@media(max-width:850px){.split-workspace,.split-workspace:has(.split-preview.hidden){grid-template-columns:1fr}.split-preview,.split-settings,.split-workspace:has(.split-preview.hidden) .split-settings{grid-column:1}.split-settings{border-left:0;border-top:1px solid var(--line)}.split-preview-page{flex-basis:clamp(190px,65vw,260px)}}
.split-range-list{display:grid;gap:14px}.split-range-row{padding:14px;border:1px solid var(--line);border-radius:11px}.split-range-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.split-range-heading strong{font-size:14px}.split-range-heading button{color:var(--danger)}.split-range-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.split-range-fields label{display:grid;grid-template-columns:auto 1fr;align-items:center;border:1px solid var(--line);border-radius:9px;overflow:hidden}.split-range-fields label span{padding:0 9px;color:var(--muted);font-size:12px;white-space:nowrap}.split-range-fields input{width:100%;height:42px;min-width:0;padding:0 8px;border:0;border-left:1px solid var(--line);background:var(--paper);color:var(--ink);font:inherit}.split-add-range{width:auto;margin:16px auto;display:block;padding:0 18px}.split-join-ranges{display:flex;align-items:flex-start;gap:10px;margin:18px 0;line-height:1.45;cursor:pointer}.split-join-ranges input{width:20px;height:20px;margin:0;accent-color:#815541}.split-preview-groups{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));align-items:start}.split-preview-group{padding:14px;border:1.5px dashed #8d9390;border-radius:10px}.split-preview-groups.each{display:block}.split-preview-groups.each .split-preview-group{padding:0;border:0}.split-preview-groups.each .split-preview-pages{flex-wrap:wrap}.split-preview-groups.each .split-preview-page{flex:1 1 190px;max-width:250px}.split-preview-check{position:absolute;z-index:1;left:-10px;top:-10px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#4dcc88;color:#fff;border:2px solid #21975e;font-size:22px;font-weight:800}.split-preview-page:has(.split-preview-check){position:relative}.split-preview-groups.each .split-preview-page:before{display:none}@media(max-width:500px){.split-range-fields{grid-template-columns:1fr}.split-preview-groups.each .split-preview-page{max-width:none}}
.split-settings .compression-result{margin-top:8px;padding:24px;border-top:1px solid var(--line)}.split-settings .compression-result h2{font-size:18px}.split-settings .split-downloads li{align-items:flex-start}.split-settings .split-downloads a{font-size:13px}.split-settings #splitDownloadAll{width:100%;padding:0 12px}
#splitDropzone{min-height:64px;flex-direction:row;gap:12px;padding:10px 18px}#splitDropzone .upload-icon{flex:0 0 36px;width:36px;height:36px;margin:0;border-radius:9px;font-size:20px}#splitDropzone small{margin:0 0 0 4px}@media(max-width:560px){#splitDropzone{min-height:72px;flex-wrap:wrap;gap:8px 10px}#splitDropzone small{flex-basis:100%;margin:0;text-align:center}}

.compression-modes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:8px 0 20px}.compression-modes label{display:flex;align-items:flex-start;gap:10px;padding:16px;border:1px solid var(--line);border-radius:12px;cursor:pointer}.compression-modes label:has(input:checked){border-color:#a8826e;background:color-mix(in srgb,var(--paper) 92%,#a8826e)}.compression-modes input{accent-color:#815541;margin-top:3px}.compression-modes span{display:grid;gap:6px}.compression-modes small{color:var(--muted);line-height:1.5}.slider-estimate input:disabled{opacity:.45;cursor:not-allowed}@media(max-width:650px){.compression-modes{grid-template-columns:1fr}}

.compress-preview{margin:0 24px 28px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.preview-heading{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:14px 16px}.preview-heading small{color:var(--muted)}.compress-preview-canvas{display:flex;justify-content:center;align-items:center;min-height:80px;padding:12px;background:color-mix(in srgb,var(--bg) 90%,var(--ink))}.compress-preview-canvas canvas{display:block;max-width:100%;height:auto!important;background:white;box-shadow:0 2px 12px #0002}.compress-preview-navigation{display:flex;align-items:center;justify-content:center;gap:18px;padding:12px}.compress-preview-navigation button{width:40px;height:36px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font-size:24px;cursor:pointer}.compress-preview-navigation button:disabled{opacity:.35;cursor:default}.compress-preview-navigation span{font-size:13px;min-width:90px;text-align:center}#compressPreviewStatus{margin:0;padding:0 16px;color:var(--muted);font-size:13px}#compressPreviewStatus:not(:empty){padding:12px 16px}@media(max-width:560px){.compress-preview{margin:0 16px 24px}}