.dropzone{border:2px dashed var(--border);border-radius:var(--radius-lg);padding:40px 16px;text-align:center;cursor:pointer;transition:border-color .15s,background-color .15s}.dropzone:hover,.dropzone:focus-visible,.dropzone.is-over{border-color:var(--accent);background:var(--accent-soft)}.dz-inner{display:flex;flex-direction:column;gap:6px}.dz-inner strong{font-size:var(--fs-lg)}.dz-inner span{color:var(--text-muted);font-size:var(--fs-sm)}.dz-hint{font-size:var(--fs-xs)!important}.col-narrow{flex:0 0 auto}.input-suffix{display:inline-flex;align-items:center;gap:8px}.input-suffix input{width:120px}.input-suffix span{color:var(--text-muted);font-size:var(--fs-sm)}.hint{font-size:var(--fs-sm);color:var(--text-muted);margin:6px 0 0}.check em{font-style:normal;color:var(--text-muted)}.pages-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0 10px}.file-name{font-size:var(--fs-sm);color:var(--text-muted)}.pages-actions{display:inline-flex;gap:14px}.conv-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.conv-list li{display:flex;align-items:center;gap:12px;border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px}.conv-thumb{flex:none;width:44px;height:44px;border-radius:6px;overflow:hidden;background:linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%) 0 0 / 12px 12px,linear-gradient(45deg,#eee 25%,#fff 25%,#fff 75%,#eee 75%) 6px 6px / 12px 12px}.conv-thumb img{width:100%;height:100%;object-fit:cover;display:block}.conv-name{flex:1 1 auto;min-width:0;font-size:var(--fs-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-sizes{flex:none;font-size:var(--fs-sm);color:var(--text-muted)}.conv-sizes s{opacity:.7}.conv-sizes b{color:var(--text)}.conv-dim{display:block;font-size:var(--fs-xs)}.conv-flat{color:var(--text-muted);font-weight:500}.conv-del{flex:none;width:28px;height:26px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-subtle);color:var(--text);cursor:pointer;line-height:1}.conv-del:hover{border-color:var(--accent);color:var(--accent)}.cmp-btn{flex:none;font-size:var(--fs-sm)}.actions{display:flex;align-items:center;gap:14px;margin-top:16px}.conv-pct{font-weight:600}.conv-pct.is-down{color:var(--success)}.conv-pct.is-up{color:var(--text-muted)}.cmp-modal{position:fixed;inset:0;z-index:60;background:rgb(24 24 27 / .72);display:flex;align-items:center;justify-content:center;padding:16px}.cmp-modal[hidden]{display:none}.cmp-box{background:var(--bg);border-radius:var(--radius-lg);max-width:980px;width:100%;max-height:100%;display:flex;flex-direction:column;overflow:hidden}.cmp-head,.cmp-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;font-size:var(--fs-sm)}.cmp-head{border-bottom:1px solid var(--border)}.cmp-foot{border-top:1px solid var(--border);color:var(--text-muted);flex-wrap:wrap}.cmp-tag b{color:var(--text)}.cmp-actions{display:inline-flex;align-items:center;gap:14px;flex:none}.cmp-stage{flex:1 1 auto;overflow:auto;background:var(--bg-subtle);padding:10px;min-height:200px;text-align:center;font-size:0}.cmp-pane{position:relative;display:inline-block;vertical-align:top;touch-action:none;cursor:ew-resize;user-select:none}.cmp-pane img{display:block;height:auto}.cmp-clip{position:absolute;top:0;left:0;bottom:0;width:50%;overflow:hidden}.cmp-clip img{position:absolute;top:0;left:0}.cmp-handle{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;box-shadow:0 0 0 1px rgb(0 0 0 / .35);transform:translateX(-1px)}.cmp-handle::after{content:'↔';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgb(0 0 0 / .25);display:flex;align-items:center;justify-content:center;font-size:var(--fs-sm);color:var(--text)}.cmp-handle:focus-visible{outline:2px solid var(--accent)}body.is-locked{overflow:hidden}@media (max-width:640px){.tool-form .row>.col{flex:1 1 100%;min-width:0}.segmented{flex-wrap:wrap;max-width:100%}.conv-list li{flex-wrap:wrap}.conv-list li .conv-name{flex:1 1 100%;order:1}.conv-list li .conv-sizes{order:2}.conv-list li .cmp-btn{order:3;margin-left:auto}.conv-list li .conv-del{order:4}.cmp-head,.cmp-foot{font-size:var(--fs-xs)}.cmp-actions{gap:10px}}