.cx-drag-overlay{position:fixed;inset:0;z-index:9999;background:color-mix(in srgb,var(--bg-0) 92%,transparent);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;animation:cx-in .15s ease}.cx-drag-box{text-align:center;padding:3rem;border:3px dashed var(--accent);border-radius:24px;background:var(--accent-l);animation:cx-pulse 1.5s ease-in-out infinite}.cx-drag-box svg{color:var(--accent);margin-bottom:.75rem}.cx-drag-box h2{font-size:1.4rem;font-weight:800;color:var(--text-1);margin-bottom:.3rem}.cx-drag-box p{font-size:.85rem;color:var(--text-2)}@keyframes cx-pulse{0%,to{border-color:var(--accent)}50%{border-color:color-mix(in srgb,var(--accent) 30%,transparent)}}@keyframes cx-in{0%{opacity:0}to{opacity:1}}.cx-drop{border:2px dashed var(--border-l);border-radius:var(--r);padding:3.5rem 2rem;text-align:center;cursor:pointer;position:relative;background:var(--bg-card);transition:all var(--t);min-height:260px;display:flex;align-items:center;justify-content:center}.cx-drop:before{content:"";position:absolute;inset:0;border-radius:var(--r);background:radial-gradient(ellipse at center,var(--accent-l),transparent 70%);opacity:0;transition:opacity var(--ts)}.cx-drop:hover:before{opacity:1}.cx-drop:hover{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-g)}.cx-drop input{display:none}.cx-drop-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem}.cx-drop-ico{color:var(--accent);opacity:.8;margin-bottom:.25rem}.cx-drop h3{font-size:1rem;font-weight:700;color:var(--text-1)}.cx-drop p{font-size:.82rem;color:var(--text-2);max-width:340px}.cx-drop-formats{display:flex;gap:.3rem;flex-wrap:wrap;justify-content:center;margin-top:.75rem}.cx-drop-formats span{padding:.2rem .55rem;background:var(--bg-2);border:1px solid var(--border);border-radius:4px;font-size:.6rem;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.3px}.cx-fullpage{position:fixed;inset:0;z-index:1000;background:var(--bg-0);display:flex;flex-direction:column;animation:cx-in .2s ease}.cx-topbar{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1.25rem;background:var(--bg-1);border-bottom:1px solid var(--border);flex-shrink:0}.cx-topbar-left{display:flex;align-items:center;gap:.75rem}.cx-topbar-back{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--bg-2);color:var(--text-2);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all var(--t)}.cx-topbar-back:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-l)}.cx-topbar-logo{flex-shrink:0}.cx-topbar-brand{font-weight:800;font-size:.9rem;color:var(--text-1)}.cx-topbar-count{font-size:.7rem;color:var(--text-3);padding:.15rem .5rem;background:var(--bg-2);border:1px solid var(--border);border-radius:100px}.cx-topbar-right{display:flex;align-items:center;gap:.5rem}.cx-topbar-btn{padding:.4rem .75rem;border-radius:6px;border:1px solid var(--border);background:var(--bg-2);color:var(--text-1);font-size:.72rem;font-weight:600;cursor:pointer;transition:all var(--t)}.cx-topbar-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-l)}.cx-topbar-dl{padding:.4rem .75rem;border-radius:6px;border:none;background:var(--success);color:#fff;font-size:.72rem;font-weight:700;cursor:pointer;transition:all var(--t)}.cx-topbar-dl:hover{opacity:.9}.cx-body{display:flex;flex:1;overflow:hidden}.cx-main{flex:1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;scrollbar-width:thin;scrollbar-color:var(--border-l) transparent;min-height:0}.cx-filelist-hd{font-size:.72rem;font-weight:600;color:var(--text-2);padding-bottom:.35rem;flex-shrink:0}.cx-filelist{display:flex;flex-direction:column;gap:.35rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-l) transparent;flex-shrink:1;min-height:0}.cx-file{display:flex;align-items:center;gap:.5rem;padding:.45rem .6rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;transition:all var(--t)}.cx-file:hover{border-color:var(--border-l);background:var(--bg-hover)}.cx-file.done{border-color:var(--success-bd);background:color-mix(in srgb,var(--success) 3%,var(--bg-card))}.cx-file.processing{opacity:.6;pointer-events:none}.cx-file.active{border-color:var(--accent);background:var(--accent-l);box-shadow:inset 3px 0 0 var(--accent)}.cx-file-thumb{width:36px;height:36px;border-radius:5px;object-fit:cover;background:var(--bg-2);border:1px solid var(--border);flex-shrink:0}.cx-file-info{flex:1;min-width:0}.cx-file-name{display:block;font-size:.72rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-1)}.cx-file-meta{font-size:.62rem;color:var(--text-3)}.cx-file-meta b{color:var(--success);font-weight:700}.cx-file-badge{font-size:.58rem;font-weight:800;padding:.12rem .35rem;border-radius:4px;color:#fff;flex-shrink:0}.cx-file-badge.pos{background:var(--success)}.cx-file-badge.neg{background:var(--warn)}.cx-file-act{border:none;background:none;color:var(--text-3);cursor:pointer;border-radius:5px;font-size:.62rem;font-weight:600;transition:all var(--t);padding:.2rem .45rem;flex-shrink:0;white-space:nowrap}.cx-file-act:disabled{opacity:.4;cursor:not-allowed}.cx-file-act.preview{color:var(--accent-text);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);background:var(--accent-l)}.cx-file-act.preview:hover:not(:disabled){background:var(--accent);color:#fff}.cx-file-act.dl{color:var(--success)}.cx-file-act.dl:hover{background:var(--success-bg)}.cx-file-act.rm{color:var(--text-3)}.cx-file-act.rm:hover{color:var(--danger);background:var(--danger-l)}.cx-preview{border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden;background:var(--bg-1);flex-shrink:0;margin-top:.25rem}.cx-preview-hd{display:flex;align-items:center;justify-content:space-between;padding:.45rem .75rem;background:var(--bg-2);border-bottom:1px solid var(--border);font-size:.7rem;font-weight:600;color:var(--text-1);gap:.5rem}.cx-preview-hd-right{display:flex;align-items:center;gap:.5rem}.cx-preview-stat{font-size:.65rem;color:var(--text-2)}.cx-preview-saving{font-size:.68rem;font-weight:800}.cx-preview-saving.pos{color:var(--success)}.cx-preview-saving.neg{color:var(--warn)}.cx-preview-toggle{width:24px;height:22px;border:1px solid var(--border);border-radius:4px;background:var(--bg-card);color:var(--text-2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--t)}.cx-preview-toggle:hover{border-color:var(--accent);color:var(--accent)}.cx-preview-close{border:1px solid var(--border);border-radius:5px;background:var(--bg-card);color:var(--text-2);cursor:pointer;font-size:.62rem;font-weight:600;padding:.2rem .5rem;transition:all var(--t)}.cx-preview-close:hover{border-color:var(--accent);color:var(--accent)}.cx-preview-canvas{position:relative;height:280px;min-height:200px;cursor:col-resize;user-select:none;overflow:hidden;background:var(--bg-0);background-image:linear-gradient(45deg,var(--bg-2) 25%,transparent 25%),linear-gradient(-45deg,var(--bg-2) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--bg-2) 75%),linear-gradient(-45deg,transparent 75%,var(--bg-2) 75%);background-size:14px 14px;background-position:0 0,0 7px,7px -7px,-7px 0;transition:height .25s ease}.cx-preview.expanded .cx-preview-canvas{height:min(520px,55vh)}.cx-preview-after{display:block;width:100%;height:100%;object-fit:contain}.cx-preview-before{position:absolute;inset:0;overflow:hidden}.cx-preview-before img{width:100%;height:100%;object-fit:contain}.cx-preview-line{position:absolute;top:0;bottom:0;width:2px;background:#fff;z-index:3;transform:translate(-50%);box-shadow:0 0 6px #00000080}.cx-preview-knob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #0006;cursor:col-resize}.cx-preview-knob:before,.cx-preview-knob:after{content:"";position:absolute;top:50%;width:6px;height:2px;background:#555;border-radius:1px}.cx-preview-knob:before{left:8px;transform:translateY(-50%)}.cx-preview-knob:after{right:8px;transform:translateY(-50%)}.cx-preview-tag{position:absolute;top:8px;padding:.2rem .5rem;border-radius:4px;font-size:.6rem;font-weight:700;backdrop-filter:blur(4px);pointer-events:none}.cx-preview-tag.left{left:8px;background:#000000b3;color:#fff}.cx-preview-tag.right{right:8px;background:#6d28d9d9;color:#fff}.cx-summary{display:flex;gap:.5rem;padding:.65rem;background:var(--success-bg);border:1px solid var(--success-bd);border-radius:8px;flex-shrink:0}.cx-sum{flex:1;text-align:center}.cx-sum strong{display:block;font-size:.82rem;font-weight:800;color:var(--text-1)}.cx-sum strong.pos{color:var(--success)}.cx-sum strong.neg{color:var(--warn)}.cx-sum small{font-size:.52rem;color:var(--text-3);text-transform:uppercase;letter-spacing:.3px;font-weight:600}.cx-prog{display:flex;align-items:center;gap:.5rem;padding:.55rem .75rem;background:var(--accent-l);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:6px;flex-shrink:0}.cx-prog-fill{flex:1;height:5px;background:var(--bg-2);border-radius:3px;overflow:hidden;position:relative}.cx-prog-fill:after{content:"";position:absolute;left:0;top:0;bottom:0;width:inherit;background:linear-gradient(90deg,var(--accent),#818cf8);border-radius:3px;transition:width .3s ease}.cx-prog span{font-size:.7rem;font-weight:700;color:var(--accent-text);min-width:32px;text-align:right}.cx-err{padding:.55rem .75rem;background:var(--danger-l);border:1px solid var(--danger-bd);border-radius:6px;color:var(--danger);font-size:.7rem;font-weight:500;flex-shrink:0}.cx-encoding-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bg-0) 85%,transparent);backdrop-filter:blur(3px);z-index:5;border-radius:inherit;gap:.6rem}.cx-encoding-spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent-text);border-radius:50%;animation:cx-spin .8s linear infinite}.cx-encoding-text{font-size:.72rem;font-weight:600;color:var(--text-1);text-align:center}.cx-encoding-text small{display:block;font-size:.58rem;font-weight:400;color:var(--text-2);margin-top:.2rem}@keyframes cx-spin{to{transform:rotate(360deg)}}.cx-file-spinner{width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--accent-text);border-radius:50%;animation:cx-spin .8s linear infinite;flex-shrink:0}.cx-sidebar{width:320px;flex-shrink:0;background:var(--bg-1);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto;padding:1.25rem;gap:1rem;scrollbar-width:thin;scrollbar-color:var(--border-l) transparent}.cx-sb-section h4{font-size:.68rem;font-weight:700;color:var(--text-2);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.cx-sb-fmts{display:flex;flex-direction:column;gap:.25rem}.cx-sb-fmt{display:flex;flex-direction:column;padding:.4rem .6rem;border-radius:7px;border:1px solid var(--border);background:var(--bg-2);cursor:pointer;transition:all var(--t);text-align:left}.cx-sb-fmt:hover{border-color:var(--accent);background:var(--accent-l)}.cx-sb-fmt.active{border-color:var(--accent);background:var(--accent-l);box-shadow:inset 3px 0 0 var(--accent)}.cx-sb-fmt strong{font-size:.7rem;font-weight:700;color:var(--text-1)}.cx-sb-fmt small{font-size:.56rem;color:var(--text-3)}.cx-sb-fmt.active strong{color:var(--accent-text)}.cx-sb-field{display:flex;flex-direction:column;gap:.2rem;margin-top:.5rem}.cx-sb-field label{font-size:.58rem;color:var(--text-3);font-weight:600;text-transform:uppercase;letter-spacing:.4px}.cx-sb-field-hd{display:flex;justify-content:space-between;align-items:center}.cx-sb-field-hd label{margin:0}.cx-sb-val{font-size:.65rem;font-weight:700;color:var(--accent-text);background:var(--accent-l);padding:.1rem .4rem;border-radius:3px}.cx-sb-field input[type=range]{width:100%;height:5px;-webkit-appearance:none;appearance:none;background:var(--bg-2);border-radius:3px;outline:none;border:1px solid var(--border);cursor:pointer}.cx-sb-field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer;border:3px solid var(--bg-1);box-shadow:0 1px 4px var(--accent-g)}.cx-sb-labels{display:flex;justify-content:space-between;margin-top:.15rem}.cx-sb-labels span{font-size:.48rem;color:var(--text-3)}.cx-sb-row{display:flex;gap:.4rem}.cx-sb-row .cx-sb-field{flex:1}.cx-sb-field input[type=number],.cx-sb-field select{width:100%;background:var(--bg-2);border:1px solid var(--border);border-radius:6px;padding:.4rem .5rem;color:var(--text-1);font-size:.72rem;outline:none;transition:all var(--t)}.cx-sb-field input[type=number]:focus,.cx-sb-field select:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-g)}.cx-sb-field select{cursor:pointer;-webkit-appearance:none;appearance:none;padding-right:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.cx-sb-toggle{display:flex;align-items:center;gap:.4rem;cursor:pointer;padding:.4rem .6rem;border-radius:6px;border:1px solid var(--border);background:var(--bg-2);transition:all var(--t);font-size:.7rem;color:var(--text-2);margin-top:.35rem}.cx-sb-toggle:hover{border-color:var(--accent);background:var(--accent-l)}.cx-sb-toggle:has(input:checked){border-color:var(--accent);background:var(--accent-l);color:var(--text-1)}.cx-sb-toggle input{width:13px;height:13px;accent-color:var(--accent);cursor:pointer}.cx-sb-convert{width:100%;padding:.8rem;background:var(--accent-grad);color:#fff;border:none;border-radius:var(--r-sm);font-size:.8rem;font-weight:700;cursor:pointer;transition:all var(--t);box-shadow:0 3px 12px var(--accent-g);margin-top:auto;position:sticky;bottom:0}.cx-sb-convert:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 18px var(--accent-g)}.cx-sb-convert:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.cx-sb-promo{display:flex;align-items:center;gap:.5rem;padding:.55rem .65rem;background:var(--bg-2);border:1px solid var(--border);border-radius:8px;margin-top:.5rem}.cx-sb-promo div{flex:1;min-width:0}.cx-sb-promo strong{display:block;font-size:.65rem;font-weight:700;color:var(--text-1)}.cx-sb-promo small{font-size:.55rem;color:var(--text-3)}.cx-sb-promo a{font-size:.6rem;font-weight:700;color:var(--accent-text);white-space:nowrap}@media(max-width:768px){.cx-body{flex-direction:column}.cx-sidebar{width:100%;border-left:none;border-top:1px solid var(--border);max-height:45vh}.cx-preview-canvas{height:200px}.cx-preview.expanded .cx-preview-canvas{height:300px}.cx-file-act.preview{font-size:.58rem;padding:.15rem .35rem}}