:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f8fafc;--panel:#fff;--panel-2:#f1f5f9;--panel-head:#fcfcfd;--panel-hover:#f8fafc;--text:#0f172a;--text-muted:#64748b;--border:#e2e8f0;--border-hover:#cbd5e1;--primary:#0f172a;--primary-hover:#334155;--primary-text:#fff;--accent:#10b981;--accent-hover:#059669;--accent-text:#fff;--danger:#ef4444;--warn:#f59e0b;--success:#10b981;--input-bg:#fff;--player-bg:#e2e8f0;--pane-bg:#0f172a;--badge-bg:#0f172abf;--badge-text:#fff;--empty-bg:#f8fafc;--dropzone-bg:#f8fafc;--dropzone-border:#cbd5e1;--dropzone-hover:#f0fdf4;--status-err-bg:#fef2f2;--status-err-border:#fca5a5;--status-warn-bg:#fffbeb;--status-warn-border:#fcd34d;--status-succ-bg:#f0fdf4;--status-succ-border:#86efac;--radius-sm:6px;--radius-md:10px;--radius-lg:14px}.dark{--bg:#000;--panel:#09090b;--panel-2:#18181b;--panel-head:#18181b;--panel-hover:#27272a;--text:#f4f4f5;--text-muted:#a1a1aa;--border:#27272a;--border-hover:#3f3f46;--primary:#f4f4f5;--primary-hover:#e4e4e7;--primary-text:#09090b;--accent:#22c55e;--accent-hover:#16a34a;--accent-text:#fff;--input-bg:#09090b;--player-bg:#27272a;--pane-bg:#000;--badge-bg:#000000bf;--badge-text:#fff;--empty-bg:#18181b;--dropzone-bg:#09090b;--dropzone-border:#3f3f46;--dropzone-hover:#18181b;--status-err-bg:#ef44441a;--status-err-border:#ef444433;--status-warn-bg:#f59e0b1a;--status-warn-border:#f59e0b33;--status-succ-bg:#10b9811a;--status-succ-border:#10b98133}.video-preview-shell{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:auto;line-height:1.5}.video-preview-shell h1{letter-spacing:-.02em;color:var(--text);margin:0;font-size:1.5rem;font-weight:700}.video-preview-shell header p,.video-preview-shell .muted{color:var(--text-muted);margin:4px 0 0;font-size:.9rem}.shell{width:min(1360px,100% - 48px);margin:0 auto;padding:32px 0 40px}.video-preview-shell header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;padding-bottom:20px;display:flex}.layout{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:24px;display:grid}.panel{background:var(--panel);border-radius:var(--radius-lg);border:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000d,0 1px 2px #00000008}.panel-head{border-bottom:1px solid var(--border);background:var(--panel-head);justify-content:space-between;align-items:center;padding:16px 20px;font-size:.95rem;font-weight:600;display:flex}.video-preview-shell button,.video-preview-shell input,.video-preview-shell select{font:inherit}.video-preview-shell button,.download-link{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--panel);height:38px;color:var(--text);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.video-preview-shell button:hover:not(:disabled),.download-link:hover:not([aria-disabled=true]){background:var(--panel-hover);border-color:var(--border-hover)}.video-preview-shell button:focus-visible,.download-link:focus-visible,.video-preview-shell input:focus-visible,.video-preview-shell select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.video-preview-shell button:active:not(:disabled){transform:scale(.98)}.video-preview-shell button:disabled,.download-link[aria-disabled=true]{opacity:.5;cursor:not-allowed}.primary{background:var(--primary);color:var(--primary-text);border:none}.primary:hover:not(:disabled){background:var(--primary-hover);border:none}.actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.actions .primary,.actions .download-link{grid-column:span 2}.actions .download-link{background:var(--accent);color:var(--accent-text);border:none}.actions .download-link:hover:not([aria-disabled=true]){background:var(--accent-hover)}.compare-player{aspect-ratio:16/9;background:var(--player-bg);grid-template-columns:1fr 1fr;gap:1px;display:grid;position:relative}.compare-pane{background:var(--pane-bg);min-height:200px;position:relative;overflow:hidden}.compare-pane video{object-fit:contain;object-position:center center;width:100%;height:100%;position:absolute;inset:0}.compare-pane[hidden],.badge[hidden],.empty[hidden]{display:none}.badge{z-index:6;background:var(--badge-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--badge-text);pointer-events:none;letter-spacing:.02em;border-radius:6px;padding:4px 10px;font-size:.8rem;font-weight:600;position:absolute;top:16px;left:16px}.empty{color:var(--text-muted);text-align:center;z-index:4;pointer-events:none;background:var(--empty-bg);place-items:center;padding:24px;font-size:.95rem;display:grid;position:absolute;inset:0}.compare-controls{background:var(--panel-head);border-top:1px solid var(--border);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:12px 20px;display:grid}.compare-controls .play-toggle{border:1px solid var(--border);background:var(--input-bg);width:32px;height:32px;color:var(--primary);border-radius:50%;padding:0}.compare-controls .play-toggle:hover:not(:disabled){border-color:var(--primary);background:var(--panel-hover)}.play-toggle:before{content:"";border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:9px solid;width:0;height:0;margin-left:2px}.play-toggle[data-playing=true]:before,.play-toggle[data-playing=true]:after{content:"";background:currentColor;border:0;width:3px;height:12px;margin:0 1.5px}.video-preview-shell input[type=range]{appearance:none;background:var(--border);cursor:pointer;border-radius:2px;width:100%;height:4px}.video-preview-shell input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--primary);border-radius:50%;width:14px;height:14px;transition:transform .1s;box-shadow:0 1px 3px #0003}.video-preview-shell input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.time-label{font-variant-numeric:tabular-nums;color:var(--text-muted);text-align:right;min-width:44px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85rem}.side{flex-direction:column;gap:20px;display:flex}.dropzone{border:2px dashed var(--dropzone-border);background:var(--dropzone-bg);border-radius:var(--radius-lg);text-align:center;cursor:pointer;padding:28px 24px;transition:all .2s}.dropzone:hover,.dropzone[data-dragging=true]{background:var(--dropzone-hover);border-color:var(--accent)}.dropzone strong{color:var(--text);margin-bottom:8px;font-size:1.05rem;display:block}.dropzone .muted{font-size:.85rem}.controls{gap:16px;padding:20px;display:grid}.auto-summary{background:var(--panel-hover);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);padding:14px;font-size:.85rem}.auto-summary strong{color:var(--text);margin-bottom:4px;font-size:.95rem;display:block}.internal-controls{display:none}.field{gap:8px;display:grid}.video-preview-shell label{color:var(--text);justify-content:space-between;align-items:center;font-size:.85rem;font-weight:500;display:flex}.video-preview-shell label span{color:var(--text-muted);font-variant-numeric:tabular-nums}.video-preview-shell input[type=number],.video-preview-shell select{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--input-bg);width:100%;height:38px;color:var(--text);padding:0 12px;font-size:.9rem;transition:border-color .15s}.video-preview-shell input[type=number]:hover,.video-preview-shell select:hover{border-color:var(--border-hover)}.check{cursor:pointer;justify-content:flex-start;align-items:center;gap:10px;font-weight:400;display:flex}.check input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;margin:0}.preset-row button{background:var(--panel-hover);width:100%;color:var(--text);border-color:var(--border);justify-content:flex-start}.progress{background:var(--panel-2);border-radius:3px;height:6px;overflow:hidden}.progress span{background:var(--accent);width:0;height:100%;transition:width .2s ease-out;display:block}.status{border-radius:var(--radius-md);background:var(--panel-2);min-height:44px;color:var(--text-muted);border:1px solid #0000;padding:12px 16px;font-size:.85rem}.status[data-tone=error]{color:var(--danger);background:var(--status-err-bg);border-color:var(--status-err-border)}.status[data-tone=warn]{color:var(--warn);background:var(--status-warn-bg);border-color:var(--status-warn-border)}.status[data-tone=success]{color:var(--success);background:var(--status-succ-bg);border-color:var(--status-succ-border)}.video-preview-shell dl{margin:0;padding:4px 0;display:grid}.video-preview-shell dl div{border-bottom:1px solid var(--border);grid-template-columns:120px minmax(0,1fr);align-items:center;gap:12px;min-height:36px;padding:0 20px;font-size:.85rem;display:grid}.video-preview-shell dl div:last-child{border-bottom:none}.video-preview-shell dt{color:var(--text-muted)}.video-preview-shell dd{color:var(--text);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0}.note{color:var(--text-muted);background:var(--panel-head);border-top:1px solid var(--border);padding:16px 20px;font-size:.85rem}@media (max-width:1024px){.layout{flex-direction:column;display:flex}.side{order:-1;width:100%}.workspace{width:100%}.shell{padding:24px 0}}@media (max-width:640px){.shell{width:calc(100% - 32px)}.video-preview-shell header{flex-direction:column;gap:12px}.actions{grid-template-columns:1fr}.actions .primary,.actions .download-link{grid-column:auto}.video-preview-shell dl div{grid-template-columns:100px minmax(0,1fr)}.compare-player{aspect-ratio:auto;grid-template-rows:1fr 1fr;grid-template-columns:1fr}.compare-pane video{position:absolute}.compare-pane{aspect-ratio:16/9}}