:root{--bg-app:#09090b;--bg-surface:#111114;--bg-elevated:#16161a;--bg-hover:#1e1e23;--bg-active:#26262c;--bg-input:#0c0c0e;--bg-well:#141418;--bg-glass:#111114bf;--border-subtle:#ffffff0d;--border-light:#ffffff14;--border-hover:#ffffff2e;--border-focus:#fff6;--border-active:#ffffffa6;--border-solid:#27272a;--text-main:#fff;--text-secondary:#a1a1aa;--text-muted:#71717a;--text-dim:#52525b;--accent-white:#fff;--accent-black:#000;--accent-zinc:#27272a;--accent-zinc-light:#3f3f46;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 16px #0000008c;--shadow-lg:0 12px 36px #000000bf;--shadow-modal:0 24px 64px #000000d9;--inner-highlight:inset 0 1px 0 #ffffff0d;--font-main:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--transition:.14s cubic-bezier(.16, 1, .3, 1);--transition-smooth:.22s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark}body{font-family:var(--font-main);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(80% 50% at 50% -20%,#ffffff08,#0000),radial-gradient(circle at 100% 100%,#ffffff04,#0000);background-attachment:fixed;min-height:100vh;line-height:1.5}button,input,select{color:inherit;border:none;outline:none;font-family:inherit}button{cursor:pointer;user-select:none}kbd{font-family:var(--font-mono);background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-xs);color:var(--text-secondary);padding:2px 6px;font-size:.72rem}.checkerboard{background-color:#0b0b0e;background-image:linear-gradient(45deg,#131317 25%,#0000 25%),linear-gradient(-45deg,#131317 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#131317 75%),linear-gradient(-45deg,#0000 75%,#131317 75%);background-position:0 0,0 7px,7px -7px,-7px 0;background-size:14px 14px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff1f}::-webkit-scrollbar-thumb:hover{background:#ffffff38}.app-layout{max-width:1440px;margin:0 auto;padding:18px 24px 80px}.app-navbar{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm), var(--inner-highlight);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;margin-bottom:22px;padding:12px 20px;display:flex}.navbar-brand{align-items:center;gap:12px;display:flex}.brand-logo{border-radius:var(--radius-xs);color:#000;background:#fff;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .14s;display:flex;box-shadow:0 2px 8px #fff3}.brand-logo:hover{transform:scale(1.05)}.brand-headings{align-items:baseline;gap:8px;display:flex}.brand-name{letter-spacing:-.025em;color:#fff;font-size:1.12rem;font-weight:700}.brand-sub{font-family:var(--font-mono);color:var(--text-muted);background:var(--bg-elevated);border-radius:var(--radius-xs);border:1px solid var(--border-light);text-transform:uppercase;letter-spacing:.05em;padding:2px 7px;font-size:.7rem;font-weight:600}.navbar-right{align-items:center;gap:12px;display:flex}.privacy-badge{color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-full);transition:var(--transition);align-items:center;gap:8px;padding:5px 12px;font-size:.78rem;font-weight:500;display:inline-flex}.privacy-badge:hover{border-color:var(--border-hover);color:#fff}.privacy-dot{background:#fff;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #fff9}.offline-badge{color:#e4e4e7;border-radius:var(--radius-full);background:#1f1f24;border:1px solid #fff3;align-items:center;gap:7px;padding:4px 10px;font-size:.76rem;font-weight:600;animation:2s ease-in-out infinite pulseOffline;display:inline-flex}.offline-dot{background:#fff;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #fff}@keyframes pulseOffline{0%,to{opacity:.85}50%{opacity:1;border-color:#fff6}}body.is-pwa-standalone{user-select:none}body.is-pwa-standalone .app-layout{padding-top:10px}.btn-primary-sm,.btn-primary{color:#000;border-radius:var(--radius-xs);transition:var(--transition);background:#fff;align-items:center;gap:6px;padding:7px 14px;font-size:.82rem;font-weight:600;display:inline-flex;box-shadow:0 1px 3px #0006}.btn-primary-sm:hover,.btn-primary:hover{background:#f4f4f5;transform:translateY(-1px);box-shadow:0 3px 12px #fff3}.btn-primary-sm:active,.btn-primary:active{background:#e4e4e7;transform:translateY(0)}.btn-secondary-sm,.btn-secondary{background:var(--bg-elevated);border:1px solid var(--border-light);color:var(--text-main);border-radius:var(--radius-xs);transition:var(--transition);align-items:center;gap:6px;padding:7px 13px;font-size:.8rem;font-weight:500;display:inline-flex}.btn-secondary-sm:hover,.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-hover);color:#fff;transform:translateY(-1px)}.btn-secondary-sm:active,.btn-secondary:active{background:var(--bg-active);transform:translateY(0)}.btn-ghost-sm{color:var(--text-secondary);border-radius:var(--radius-xs);transition:var(--transition);background:0 0;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:500;display:inline-flex}.btn-ghost-sm:hover{background:var(--bg-hover);color:#fff}.btn-success-sm{color:#000;border-radius:var(--radius-xs);transition:var(--transition);background:#fff;align-items:center;gap:6px;padding:7px 14px;font-size:.82rem;font-weight:600;display:inline-flex;box-shadow:0 1px 4px #0006}.btn-success-sm:hover{background:#f4f4f5;transform:translateY(-1px);box-shadow:0 4px 16px #fff3}.btn-success-sm:active{background:#e4e4e7;transform:translateY(0)}.btn-icon-action{background:var(--bg-elevated);border:1px solid var(--border-light);width:28px;height:28px;color:var(--text-secondary);border-radius:var(--radius-xs);transition:var(--transition);justify-content:center;align-items:center;display:inline-flex}.btn-icon-action:hover{background:var(--bg-hover);border-color:var(--border-hover);color:#fff;transform:scale(1.04)}.btn-icon-action:active{transform:scale(.96)}.workbench-container{grid-template-columns:minmax(0,1.45fr) minmax(360px,410px);align-items:start;gap:22px;display:grid}.workbench-column-main{flex-direction:column;gap:20px;min-width:0;display:flex}body:not(.has-queued-files) #sectionOutput,body:not(.has-queued-files) .empty-state{display:none!important}body.has-queued-files .workbench-column-main{flex-direction:column;display:flex}body.has-queued-files #sectionOutput{order:1}body.has-queued-files #sectionInput{order:2}.workbench-column-settings{min-width:0;position:sticky;top:18px}.studio-section{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm), var(--inner-highlight);transition:var(--transition);flex-direction:column;display:flex;overflow:hidden}.studio-section:hover{border-color:var(--border-hover)}.studio-section-header{border-bottom:1px solid var(--border-light);background:var(--bg-elevated);justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.section-title-wrap{align-items:center;gap:10px;display:flex}.section-badge{font-family:var(--font-mono);border-radius:var(--radius-full);border:1px solid var(--border-light);color:#fff;letter-spacing:.04em;background:#1f1f24;padding:3px 8px;font-size:.72rem;font-weight:700}.section-title{color:#fff;letter-spacing:-.015em;font-size:.92rem;font-weight:700}.section-subtitle{color:var(--text-muted);font-size:.74rem}.queue-counter-tag{font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-full);padding:2px 8px;font-size:.72rem}.section-content-wrap{padding:16px}.dropzone{border-radius:var(--radius-sm);background:var(--bg-input);text-align:center;cursor:pointer;transition:var(--transition-smooth);border:1px dashed #ffffff29;padding:28px 20px;position:relative}.dropzone:hover,.dropzone.drag-active{background:#111116;border-color:#ffffff73;box-shadow:0 0 24px #ffffff08}.dropzone-inner{flex-direction:column;align-items:center;gap:12px;display:flex}.dropzone-icon{background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-xs);width:44px;height:44px;color:var(--text-secondary);transition:var(--transition);justify-content:center;align-items:center;display:flex}.dropzone:hover .dropzone-icon{color:#fff;border-color:var(--border-hover);transform:translateY(-2px)}.dropzone-text-group{flex-direction:column;gap:4px;display:flex}.dropzone-main-text{color:#fff;font-size:.92rem;font-weight:600}.dropzone-sub-text{color:var(--text-muted);font-size:.76rem}.dropzone-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:4px;display:flex}body.has-queued-files .dropzone{padding:10px 14px}body.has-queued-files .dropzone-inner{flex-direction:row;justify-content:space-between;align-items:center;gap:12px}body.has-queued-files .dropzone-icon{width:28px;height:28px}body.has-queued-files .dropzone-text-group{text-align:left;flex:1}body.has-queued-files .dropzone-main-text{font-size:.82rem}body.has-queued-files .dropzone-sub-text{font-size:.7rem}body.has-queued-files .dropzone-buttons{margin-top:0}.batch-bar{background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-xs);justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding:9px 13px;display:flex}.batch-stats{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:8px;font-size:.8rem;display:flex}.batch-count{font-family:var(--font-mono);color:#fff;font-weight:600}.batch-divider{color:var(--border-hover)}.batch-sizes{font-family:var(--font-mono);font-size:.76rem}.batch-sizes strong{color:#fff}.savings-tag{font-family:var(--font-mono);border-radius:var(--radius-xs);color:#fff;background:#242429;border:1px solid #ffffff29;padding:2px 7px;font-size:.74rem;font-weight:700}.batch-actions{align-items:center;gap:6px;display:flex}.queue-list{flex-direction:column;gap:8px;max-height:380px;margin-top:12px;padding-right:2px;display:flex;overflow-y:auto}.empty-state{text-align:center;border-radius:var(--radius-xs);background:var(--bg-input);border:1px dashed #ffffff14;flex-direction:column;justify-content:center;align-items:center;padding:32px 18px;display:flex}.empty-icon{width:40px;height:40px;color:var(--text-dim);justify-content:center;align-items:center;margin:0 auto 8px;display:flex}.empty-title{color:#fff;font-size:.88rem;font-weight:600}.empty-subtitle{color:var(--text-muted);margin-top:3px;font-size:.76rem}.file-row{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-xs);transition:var(--transition);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;display:flex}.file-row:hover{background:var(--bg-elevated);border-color:var(--border-hover)}.file-row.active-preview{background:#18181d;border-color:#fff6;box-shadow:0 0 16px #ffffff0a}.file-row-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.row-thumb{border-radius:var(--radius-xs);border:1px solid var(--border-light);flex-shrink:0;width:42px;height:42px;position:relative;overflow:hidden}.row-thumb-img{object-fit:contain;width:100%;height:100%}.video-thumb-placeholder{color:#a1a1aa;background:#18181c;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.row-thumb-overlay{color:#fff;opacity:0;transition:var(--transition);background:#000000a6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.row-thumb:hover .row-thumb-overlay{opacity:1}.row-meta{flex:1;min-width:0}.row-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;font-weight:600;display:block;overflow:hidden}.row-details{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;font-size:.74rem;display:flex}.row-arrow{color:var(--text-dim)}.row-conv-size{font-family:var(--font-mono);color:#fff;font-weight:600}.row-dim{font-family:var(--font-mono);color:var(--text-muted);font-size:.7rem}.badge-turbo{font-family:var(--font-mono);color:#fff;border-radius:var(--radius-xs);background:#242429;border:1px solid #ffffff24;padding:1px 5px;font-size:.7rem;font-weight:600}.badge-anim{font-family:var(--font-mono);color:var(--text-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xs);background:#18181b;padding:1px 5px;font-size:.7rem}.row-converting-text{color:var(--text-secondary);align-items:center;gap:5px;font-size:.74rem;display:flex}.row-error-text{color:var(--text-muted);font-size:.74rem;text-decoration:underline}.file-row-right{flex-shrink:0;align-items:center;gap:6px;display:flex}.pill-savings{font-family:var(--font-mono);border-radius:var(--radius-xs);padding:2px 6px;font-size:.72rem;font-weight:700}.pill-savings.pos{color:#fff;background:#242429;border:1px solid #ffffff2e}.pill-savings.neu,.pill-savings.neg{background:var(--bg-elevated);border:1px solid var(--border-light);color:var(--text-secondary)}.inline-spinner{border:2px solid #fff3;border-top-color:#fff;border-radius:50%;width:11px;height:11px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.preview-badge-status{font-family:var(--font-mono);border-radius:var(--radius-full);border:1px solid var(--border-light);color:#fff;background:#202025;padding:3px 8px;font-size:.72rem;font-weight:600}.output-empty-state{text-align:center;border-radius:var(--radius-sm);background:var(--bg-input);border:1px dashed #ffffff14;flex-direction:column;justify-content:center;align-items:center;padding:36px 20px;display:flex}.empty-state-visual{margin-bottom:12px}.empty-stage-icon{background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-xs);width:44px;height:44px;color:var(--text-muted);justify-content:center;align-items:center;margin:0 auto;display:flex}.empty-quick-actions{justify-content:center;align-items:center;gap:8px;margin-top:14px;display:flex}.output-preview-card{border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-surface);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.preview-card-header{background:var(--bg-elevated);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.preview-card-title-group{align-items:center;gap:10px;min-width:0;display:flex}.preview-icon-box{border-radius:var(--radius-xs);color:#fff;background:#202025;border:1px solid #ffffff1f;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.preview-card-title{color:#fff;font-size:.86rem;font-weight:700}.preview-card-subtitle{font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;display:block;overflow:hidden}.preview-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.preview-nav-group{background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius-xs);align-items:center;gap:4px;padding:2px 6px;display:inline-flex}.preview-nav-counter{font-family:var(--font-mono);color:var(--text-secondary);font-size:.72rem}.preview-stage-container{background:var(--bg-input);justify-content:center;align-items:center;min-height:280px;max-height:420px;display:flex;position:relative;overflow:hidden}.preview-media-element{object-fit:contain;max-width:100%;max-height:380px;transition:transform .14s ease-out}.preview-media-element.zoom-1to1{cursor:grab;max-width:none;max-height:none}.preview-stage-topbar{pointer-events:none;z-index:10;gap:6px;display:flex;position:absolute;top:10px;left:10px}.preview-tag-group{gap:5px;display:flex}.preview-format-tag,.preview-dim-tag,.preview-anim-tag{font-family:var(--font-mono);border-radius:var(--radius-xs);color:#fff;backdrop-filter:blur(8px);background:#0c0c0ee0;border:1px solid #ffffff26;padding:2px 7px;font-size:.68rem;font-weight:600}.preview-stage-bottombar,.preview-stage-actions{z-index:10;gap:6px;display:flex;position:absolute;bottom:10px;right:10px}.preview-floating-buttons{align-items:center;gap:6px;display:flex}.floating-btn,.preview-btn-pill{color:#f4f4f5;border-radius:var(--radius-xs);backdrop-filter:blur(8px);cursor:pointer;transition:var(--transition);background:#0c0c0ee0;border:1px solid #ffffff29;align-items:center;gap:5px;padding:5px 10px;font-size:.74rem;font-weight:500;display:inline-flex}.floating-btn:hover,.preview-btn-pill:hover{color:#fff;background:#222226;border-color:#ffffff59;transform:translateY(-1px)}.floating-btn.active{color:#000;background:#fff;border-color:#fff;font-weight:600}.preview-metrics-bar{background:var(--bg-elevated);border-top:1px solid var(--border-light);grid-template-columns:repeat(4,1fr);gap:8px;padding:12px 16px;display:grid}.pmetric-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-xs);flex-direction:column;gap:2px;padding:8px 10px;display:flex}.pmetric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.66rem;font-weight:600}.pmetric-val{font-family:var(--font-mono);color:#fff;font-size:.84rem;font-weight:700}.pmetric-val.highlight-conv,.pmetric-val.highlight-savings{color:#fff}.pmetric-val.highlight-speed{color:var(--text-secondary)}.preview-card-footer{background:var(--bg-surface);border-top:1px solid var(--border-light);justify-content:flex-end;align-items:center;gap:8px;padding:12px 16px;display:flex}.settings-sidebar{flex-direction:column;gap:14px;padding:16px;display:flex}.live-sync-toggle{color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;font-size:.76rem;display:inline-flex}.live-sync-toggle input{display:none}.live-dot{background:#fff;border-radius:50%;width:6px;height:6px;box-shadow:0 0 5px #ffffffb3}.pipeline-section{flex-direction:column;gap:10px;display:flex}.pipeline-flow-card{background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-xs);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.pipeline-node{flex-direction:column;flex:1;gap:3px;display:flex}.node-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:4px;font-size:.66rem;font-weight:600;display:flex}.pipeline-select{background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius-xs);color:#fff;cursor:pointer;width:100%;transition:var(--transition);padding:5px 8px;font-size:.78rem}.pipeline-select:focus{border-color:var(--border-focus)}.pipeline-arrow{color:var(--text-dim);flex-shrink:0;justify-content:center;align-items:center;display:flex}.pipeline-badge{font-family:var(--font-mono);border-radius:var(--radius-xs);color:#fff;text-align:center;background:#242429;border:1px solid #ffffff2e;padding:5px 10px;font-size:.8rem;font-weight:700}.format-cards-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.format-card{background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-xs);cursor:pointer;transition:var(--transition);text-align:left;align-items:center;gap:9px;padding:9px 11px;display:flex}.format-card:hover{background:var(--bg-hover);border-color:var(--border-hover)}.format-card.active{background:#202026;border-color:#fff6;box-shadow:0 0 12px #ffffff0a}.format-card-icon{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-xs);width:30px;height:30px;color:var(--text-secondary);transition:var(--transition);justify-content:center;align-items:center;display:flex}.format-card.active .format-card-icon{color:#fff;background:#2a2a32;border-color:#ffffff4d}.format-card-info{flex-direction:column;display:flex}.format-card-name{color:#fff;font-size:.84rem;font-weight:700}.format-card-desc{color:var(--text-muted);font-size:.7rem}.settings-card-group{background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-xs);padding:12px 14px}.card-group-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.card-group-title{color:#fff;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;font-size:.72rem;font-weight:700;display:flex}.tag-status{font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-xs);padding:1px 6px;font-size:.66rem}.preset-chips-grid{flex-wrap:wrap;gap:5px;display:flex}.chip-btn{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-xs);color:var(--text-secondary);cursor:pointer;transition:var(--transition);align-items:center;gap:5px;padding:4px 9px;font-size:.74rem;font-weight:500;display:inline-flex}.chip-btn:hover{background:var(--bg-hover);border-color:var(--border-hover);color:#fff}.chip-btn.active{color:#000;background:#fff;border-color:#fff;font-weight:700}.chip-dot{background:currentColor;border-radius:50%;width:4px;height:4px}.radio-pill-group{background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius-xs);grid-template-columns:repeat(2,1fr);gap:3px;margin-bottom:10px;padding:3px;display:grid}.radio-pill{color:var(--text-muted);border-radius:var(--radius-xs);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;gap:6px;padding:5px 8px;font-size:.76rem;font-weight:500;display:flex}.radio-pill input{display:none}.radio-pill.active{color:#fff;background:#242429;border:1px solid #ffffff24;font-weight:600}.control-row{margin-top:10px}.control-label-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.param-title{color:var(--text-secondary);font-size:.76rem;font-weight:500}.field-hint{color:var(--text-muted);font-size:.7rem}.num-stepper{background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius-xs);align-items:center;padding:2px 6px;display:inline-flex}.stepper-input{color:#fff;width:46px;font-family:var(--font-mono);text-align:right;background:0 0;border:none;font-size:.78rem;font-weight:700}.stepper-unit{font-family:var(--font-mono);color:var(--text-muted);margin-left:3px;font-size:.68rem}.modern-slider{-webkit-appearance:none;appearance:none;background:#222227;border-radius:2px;outline:none;width:100%;height:4px;margin:8px 0}.modern-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;cursor:pointer;background:#fff;border:2px solid #000;border-radius:50%;width:14px;height:14px;transition:transform .12s;box-shadow:0 1px 4px #000000b3}.modern-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.modern-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:2px solid #000;border-radius:50%;width:14px;height:14px}.slider-endpoints{font-family:var(--font-mono);color:var(--text-dim);justify-content:space-between;align-items:center;font-size:.68rem;display:flex}.highlight-val{color:#fff;font-weight:600}.mini-chips-row{gap:4px;margin-top:6px;display:flex}.mini-chip{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-xs);font-family:var(--font-mono);color:var(--text-secondary);cursor:pointer;transition:var(--transition);padding:3px 6px;font-size:.68rem}.mini-chip:hover{background:var(--bg-hover);border-color:var(--border-hover);color:#fff}.video-speed-grid{grid-template-columns:repeat(4,1fr);gap:4px;margin-top:6px;display:grid}.video-speed-pill{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-xs);text-align:center;cursor:pointer;transition:var(--transition);flex-direction:column;gap:2px;padding:6px 4px;display:flex}.video-speed-pill:hover{background:var(--bg-hover);border-color:var(--border-hover)}.video-speed-pill.active{background:#fff;border-color:#fff}.video-speed-pill.active .video-speed-title{color:#000}.video-speed-pill.active .video-speed-metric{color:#52525b}.video-speed-title{color:#fff;font-size:.72rem;font-weight:600}.video-speed-metric{font-family:var(--font-mono);color:var(--text-muted);font-size:.66rem}.profile-badge-turbo{font-family:var(--font-mono);border-radius:var(--radius-xs);color:#fff;background:#242429;border:1px solid #ffffff29;padding:2px 7px;font-size:.68rem;font-weight:600}.segmented-control{background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius-xs);grid-template-columns:repeat(3,1fr);gap:3px;margin-bottom:10px;padding:3px;display:grid}.segment-btn{color:var(--text-muted);border-radius:var(--radius-xs);cursor:pointer;transition:var(--transition);background:0 0;border:none;padding:6px 8px;font-size:.76rem;font-weight:500}.segment-btn.active{color:#fff;background:#242429;border:1px solid #ffffff24;font-weight:600}.dimensions-input-row{align-items:center;gap:8px;display:flex}.dim-box{background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius-xs);flex:1;align-items:center;gap:6px;padding:4px 8px;display:flex}.dim-box label{font-family:var(--font-mono);color:var(--text-muted);font-size:.7rem;font-weight:700}.dim-field{color:#fff;width:100%;font-family:var(--font-mono);background:0 0;border:none;font-size:.8rem}.btn-aspect-lock{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-xs);width:30px;height:30px;color:var(--text-muted);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;display:flex}.btn-aspect-lock.active{color:#fff;background:#242429;border-color:#ffffff40}.modern-select{background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius-xs);color:#fff;cursor:pointer;width:100%;transition:var(--transition);padding:7px 10px;font-size:.78rem}.modern-select:focus{border-color:var(--border-focus)}.badge-code{font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-xs);padding:2px 6px;font-size:.7rem}.color-picker-box{align-items:center;gap:10px;margin-top:6px;display:flex}.color-picker-box input[type=color]{border-radius:var(--radius-xs);border:1px solid var(--border-light);cursor:pointer;background:0 0;width:30px;height:30px;padding:0}.toggle-checkbox-label{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.toggle-checkbox-label input[type=checkbox]{accent-color:#fff;width:14px;height:14px}.sidebar-footer{margin-top:6px}.btn-primary-action{color:#000;border-radius:var(--radius-xs);cursor:pointer;width:100%;transition:var(--transition);background:#fff;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.86rem;font-weight:700;display:flex;box-shadow:0 1px 4px #0006}.btn-primary-action:hover{background:#f4f4f5;transform:translateY(-1px);box-shadow:0 4px 18px #ffffff40}.btn-primary-action:active{background:#e4e4e7;transform:translateY(0)}.modal-overlay{backdrop-filter:blur(14px);z-index:1000;opacity:0;background:#000000e0;justify-content:center;align-items:center;padding:24px;transition:opacity .18s;display:none;position:fixed;inset:0}.modal-overlay.active{opacity:1;display:flex}.modal-box{background:var(--bg-surface);border-radius:var(--radius-lg);width:100%;max-width:900px;box-shadow:var(--shadow-modal), var(--inner-highlight);border:1px solid #ffffff1f;flex-direction:column;transition:transform .18s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;transform:scale(.96)}.modal-overlay.active .modal-box{transform:scale(1)}.modal-top{background:var(--bg-elevated);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.modal-info{align-items:center;gap:10px;display:flex}.modal-icon{border:1px solid var(--border-light);border-radius:var(--radius-xs);color:#fff;background:#202026;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.modal-filename{color:#fff;font-size:.9rem;font-weight:700}.btn-modal-close{color:var(--text-muted);border-radius:var(--radius-xs);width:28px;height:28px;transition:var(--transition);background:0 0;justify-content:center;align-items:center;display:flex}.btn-modal-close:hover{background:var(--bg-hover);color:#fff}.modal-content{flex-direction:column;gap:16px;padding:20px;display:flex}.stage-container{border-radius:var(--radius-sm);border:1px solid var(--border-light);user-select:none;width:100%;height:440px;position:relative;overflow:hidden}.stage-inner{width:100%;height:100%;position:relative;overflow:hidden}.stage-img{object-fit:contain;width:100%;height:100%;position:absolute;top:0;left:0}.stage-curtain{border-right:2px solid #fff;width:50%;height:100%;position:absolute;top:0;left:0;overflow:hidden;box-shadow:2px 0 12px #000c}.curtain-wrapper{height:100%;position:relative}.stage-handle{color:#000;cursor:ew-resize;z-index:20;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 10px #000c}.stage-tag{font-family:var(--font-mono);border-radius:var(--radius-xs);color:#fff;backdrop-filter:blur(8px);z-index:10;background:#0c0c0ed9;border:1px solid #ffffff26;padding:3px 8px;font-size:.7rem;font-weight:600;position:absolute;top:12px}.stage-tag.tag-left{left:12px}.stage-tag.tag-right{right:12px}.modal-stats-bar{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.mstat-item{background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-xs);flex-direction:column;gap:2px;padding:8px 12px;display:flex}.mstat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.66rem;font-weight:600}.mstat-val{font-family:var(--font-mono);color:#fff;font-size:.84rem;font-weight:700}.modal-bottom{background:var(--bg-elevated);border-top:1px solid var(--border-light);justify-content:flex-end;align-items:center;gap:8px;padding:14px 20px;display:flex}.toast-stack{z-index:2000;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast-item{pointer-events:auto;border-radius:var(--radius-xs);color:#fff;backdrop-filter:blur(10px);background:#16161af2;border:1px solid #ffffff29;padding:9px 14px;font-size:.82rem;font-weight:500;animation:.18s cubic-bezier(.16,1,.3,1) toastSlideUp;box-shadow:0 8px 24px #000000b3}.toast-item.toast-success{border-left:3px solid #fff}.toast-item.toast-error{border-left:3px solid #a1a1aa}@keyframes toastSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=1080px){.workbench-container{grid-template-columns:1fr}.workbench-column-settings{position:static}}@media (width<=640px){.app-layout{padding:12px 14px 60px}.app-navbar{flex-direction:column;align-items:flex-start;gap:10px}.format-cards-grid{grid-template-columns:1fr}.preview-metrics-bar,.modal-stats-bar{grid-template-columns:repeat(2,1fr)}.stage-container{height:280px}}