:root{--bg-app:#09090b;--bg-surface:#111115;--bg-elevated:#16161c;--bg-card:#141419;--bg-input:#0d0d10;--bg-hover:#1f1f28;--bg-active:#282834;--bg-glass:#111115c7;--bg-glass-panel:#0e0e12e0;--accent-primary:#10b981;--accent-hover:#059669;--accent-active:#047857;--accent-glow:#10b98138;--accent-dim:#10b9811f;--accent-border:#10b98159;--accent-cyan:#06b6d4;--accent-cyan-dim:#06b6d41f;--accent-cyan-border:#06b6d459;--accent-danger:#ef4444;--accent-danger-dim:#ef44441f;--accent-danger-hover:#dc2626;--accent-warning:#f59e0b;--accent-info:#3b82f6;--white:#fff;--black:#000;--border-subtle:#ffffff0d;--border-light:#ffffff14;--border-medium:#ffffff21;--border-hover:#ffffff3d;--border-focus:var(--accent-primary);--border-solid:#22222a;--text-main:#f4f4f6;--text-secondary:#a1a1aa;--text-muted:#71717a;--text-dim:#52525b;--font-main:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-xs:5px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-subtle:0 1px 2px #0006;--shadow-sm:0 2px 8px #00000080;--shadow-md:0 6px 20px -2px #000000a6;--shadow-lg:0 16px 40px -4px #000c;--shadow-modal:0 24px 64px -8px #000000eb;--inner-highlight:inset 0 1px 0 #ffffff0f;--transition:.15s cubic-bezier(.16, 1, .3, 1);--transition-smooth:.24s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark;scroll-behavior:smooth;height:100%}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(70% 40% at 50% -10%,#10b98109,#0000 70%),radial-gradient(60% 50% at 85% 100%,#06b6d405,#0000 70%),radial-gradient(circle at 10% 90%,#ffffff03,#0000);background-attachment:fixed;flex-direction:column;height:100%;min-height:100dvh;line-height:1.5;display:flex}::selection{background:var(--accent-primary);color:#022c22}button,input,select{color:inherit;border:none;outline:none;font-family:inherit}button{cursor:pointer;user-select:none}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent-primary)!important;outline-offset:2px!important}kbd{font-family:var(--font-mono);background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-xs);color:var(--text-secondary);padding:2px 6px;font-size:.72rem;font-weight:600;box-shadow:0 1px 2px #0006}.tabular-nums,[data-tabular=true],.pmetric-val,.mstat-val,.row-details,.pill-savings,.pill-target,.badge-turbo,.savings-tag,.compare-val,.lens-coord,.stepper-input,.range-bubble,.dim-field input,.quality-val,.toggle-metric,.perf-metric-val,.perf-badge,.engine-badge,kbd,.shortcut-kbd{font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums}.checkerboard{background-color:#0c0c10;background-image:linear-gradient(45deg,#141419 25%,#0000 25%),linear-gradient(-45deg,#141419 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#141419 75%),linear-gradient(-45deg,#0000 75%,#141419 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}::-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{box-sizing:border-box;flex-direction:column;justify-content:center;width:100%;max-width:1480px;min-height:100dvh;margin:auto;padding:16px 24px;display:flex}.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(14px);z-index:50;flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:16px;padding:10px 18px;display:flex;position:relative}.navbar-brand{cursor:default;align-items:center;gap:12px;display:flex}.brand-logo{border-radius:var(--radius-sm);color:#09090b;width:34px;height:34px;transition:transform var(--transition);background:linear-gradient(135deg,#fff 0%,#d4d4d8 100%);justify-content:center;align-items:center;display:flex;box-shadow:0 2px 10px #ffffff26,inset 0 1px #fff9}.navbar-brand:hover .brand-logo{transform:scale(1.05)rotate(3deg)}.brand-headings{align-items:baseline;gap:8px;display:flex}.brand-name{letter-spacing:-.03em;color:#fff;font-size:1.15rem;font-weight:800}.brand-sub{font-family:var(--font-mono);color:var(--accent-primary);background:var(--accent-dim);border:1px solid var(--accent-border);border-radius:var(--radius-xs);text-transform:uppercase;letter-spacing:.06em;padding:2px 7px;font-size:.68rem;font-weight:700}.navbar-right{flex-wrap:wrap;align-items:center;gap:10px;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:7px;padding:5px 12px;font-size:.76rem;font-weight:500;display:inline-flex}.privacy-badge:hover{border-color:var(--border-hover);color:#fff}.privacy-dot{background:var(--accent-primary);width:6px;height:6px;box-shadow:0 0 8px var(--accent-primary);border-radius:50%;animation:3s ease-in-out infinite pulsePrivacy}@keyframes pulsePrivacy{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;box-shadow:0 0 12px var(--accent-primary);transform:scale(1.2)}}.offline-badge{color:#e4e4e7;border-radius:var(--radius-full);background:#1c1c24;border:1px solid #ffffff29;align-items:center;gap:7px;padding:4px 10px;font-size:.74rem;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:#ffffff59}}body.is-pwa-standalone{user-select:none}body.is-pwa-standalone:not(.has-queued-files) .app-layout{padding-top:max(8px, env(safe-area-inset-top));padding-bottom:max(10px, env(safe-area-inset-bottom))}body.is-pwa-standalone.has-queued-files .app-layout{padding-top:max(8px, env(safe-area-inset-top));padding-bottom:max(32px, env(safe-area-inset-bottom))}.btn-primary-sm,.btn-primary{background:var(--accent-primary);color:#022c22;border-radius:var(--radius-xs);transition:var(--transition);border:1px solid #ffffff1f;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-size:.82rem;font-weight:700;display:inline-flex;box-shadow:0 1px 4px #0000004d,inset 0 1px #ffffff40}.btn-primary-sm:hover,.btn-primary:hover{box-shadow:0 4px 14px var(--accent-glow);background:#10c88b;transform:translateY(-1px)}.btn-primary-sm:active,.btn-primary:active{background:var(--accent-active);transform:translateY(0)scale(.98)}.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);box-shadow:var(--shadow-subtle), var(--inner-highlight);justify-content:center;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)scale(.98)}.btn-ghost-sm{color:var(--text-secondary);border-radius:var(--radius-xs);transition:var(--transition);background:0 0;border:1px solid #0000;justify-content:center;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;border-color:var(--border-light)}.btn-ghost-sm:active{background:var(--bg-active);transform:scale(.98)}.btn-ghost-sm.btn-danger-hover:hover{background:var(--accent-danger-dim);color:var(--accent-danger);border-color:#ef44444d}.btn-success-sm{color:#09090b;border-radius:var(--radius-xs);transition:var(--transition);background:#fff;border:1px solid #fff3;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-size:.82rem;font-weight:700;display:inline-flex;box-shadow:0 1px 4px #0006}.btn-success-sm:hover{background:#f4f4f5;transform:translateY(-1px);box-shadow:0 4px 16px #ffffff40}.btn-success-sm:active{background:#e4e4e7;transform:translateY(0)scale(.98)}.btn-success-sm:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.btn-icon-action{background:var(--bg-elevated);border:1px solid var(--border-light);width:30px;height:30px;color:var(--text-secondary);border-radius:var(--radius-xs);transition:var(--transition);flex-shrink:0;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:translateY(-1px)}.btn-icon-action:active{transform:scale(.94)}.btn-icon-action.btn-download:hover{background:var(--accent-dim);border-color:var(--accent-border);color:var(--accent-primary)}.btn-icon-action.btn-remove:hover{background:var(--accent-danger-dim);color:var(--accent-danger);border-color:#ef44444d}.workbench-container{grid-template-columns:minmax(0,1.4fr) minmax(360px,410px);align-items:stretch;gap:20px;width:100%;display:grid}.workbench-column-main{flex-direction:column;gap:20px;min-width:0;display:flex}body:not(.has-queued-files) .explorer-section-header,body:not(.has-queued-files) .workbench-column-settings,body:not(.has-queued-files) #sectionSettings,body:not(.has-queued-files) #sectionOutput,body:not(.has-queued-files) .empty-state{display:none!important}body:not(.has-queued-files){height:100dvh;overflow:hidden}body:not(.has-queued-files) .app-layout{flex-direction:column;height:100dvh;min-height:100dvh;max-height:100dvh;display:flex;overflow:hidden}body:not(.has-queued-files) .workbench-container{flex-direction:column;flex:1;grid-template-columns:1fr;align-items:stretch;width:100%;height:100%;min-height:0;display:flex}body:not(.has-queued-files) .workbench-column-main{flex-direction:column;flex:1;width:100%;max-width:100%;height:100%;min-height:0;display:flex}body:not(.has-queued-files) #sectionInput{flex-direction:column;flex:1;width:100%;height:100%;min-height:0;display:flex}body:not(.has-queued-files) #sectionInput .section-content-wrap{flex-direction:column;flex:1;width:100%;height:100%;min-height:0;padding:14px;display:flex}body:not(.has-queued-files) .dropzone{border-radius:var(--radius-sm);width:100%;height:100%;min-height:0;transition:var(--transition-smooth);background:#ffffff04;border:1.5px dashed #ffffff1f;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:36px 24px;display:flex}body:not(.has-queued-files) .dropzone:hover,body:not(.has-queued-files) .dropzone.drag-active{border-color:var(--accent-primary);background:#10b98109;box-shadow:0 0 24px #10b98114}body:not(.has-queued-files) .dropzone-inner{flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;display:flex}body:not(.has-queued-files) .dropzone-icon{width:48px;height:48px;box-shadow:none;background:#ffffff09;border:1px solid #ffffff14;border-radius:50%}body:not(.has-queued-files) .dropzone-icon .icon-plus{display:none!important}body:not(.has-queued-files) .dropzone-icon .icon-upload{width:22px;height:22px;display:block!important}body:not(.has-queued-files) .dropzone-main-text{color:#f4f4f5;letter-spacing:-.01em;font-size:.96rem;font-weight:500}body:not(.has-queued-files) .dropzone-samples-text{color:var(--text-muted);margin-top:2px;font-size:.74rem}body.has-queued-files .workbench-container{align-items:start}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:border-color var(--transition);flex-direction:column;display:flex;overflow:hidden}.studio-section:hover{border-color:var(--border-medium)}.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-medium);color:#fff;letter-spacing:.04em;background:#1e1e26;padding:3px 8px;font-size:.7rem;font-weight:700}.section-badge.badge-input{border-color:#ffffff26}.section-badge.badge-output{background:var(--accent-dim);border-color:var(--accent-border);color:var(--accent-primary)}.section-badge.badge-settings{border-color:var(--accent-cyan-border);color:var(--accent-cyan);background:#06b6d41a}.section-title{color:#fff;letter-spacing:-.015em;font-size:.94rem;font-weight:700}.section-subtitle{color:var(--text-muted);font-size:.74rem}.section-header-actions{align-items:center;gap:8px;display:flex}#btnClearQueue{gap:5px;padding:4px 10px;font-size:.76rem}.queue-counter-tag{font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius-full);padding:3px 9px;font-size:.72rem;font-weight:600}.section-content-wrap{padding:16px}.dropzone{border-radius:var(--radius-sm);background:var(--bg-input);text-align:center;cursor:pointer;min-height:220px;transition:var(--transition-smooth);border:1.5px dashed #ffffff29;flex-direction:column;justify-content:center;align-items:center;padding:56px 24px;display:flex;position:relative}.dropzone:hover,.dropzone.drag-active{border-color:var(--accent-primary);box-shadow:0 0 24px var(--accent-dim);background:#111417}.dropzone-inner{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:100%;display:flex}.dropzone-icon{background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-sm);width:52px;height:52px;color:var(--text-secondary);transition:var(--transition);box-shadow:var(--shadow-subtle);justify-content:center;align-items:center;display:flex}.dropzone:hover .dropzone-icon{color:var(--accent-primary);border-color:var(--accent-border);transform:translateY(-2px)}.dropzone-text-group{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.dropzone-main-text{color:#fff;letter-spacing:-.01em;font-size:1rem;font-weight:700}.dropzone-sub-text{color:var(--text-muted);font-size:.78rem}.dropzone-samples-text{color:var(--text-muted);justify-content:center;align-items:center;gap:6px;margin-top:2px;font-size:.76rem;display:flex}.btn-sample-link{color:var(--accent-primary);cursor:pointer;text-underline-offset:3px;transition:var(--transition);background:0 0;border:none;padding:0 2px;font-family:inherit;font-size:.76rem;font-weight:600;text-decoration:underline}.btn-sample-link:hover{color:#34d399}body.has-queued-files .dropzone{border-radius:var(--radius-xs);cursor:pointer;min-height:40px;transition:var(--transition);background:#ffffff05;border:1px dashed #ffffff26;flex-direction:row;justify-content:center;align-items:center;margin-top:10px;padding:8px 16px;display:flex}body.has-queued-files .dropzone:hover,body.has-queued-files .dropzone.drag-active{border-color:var(--accent-primary);background:#10b9810a;box-shadow:0 0 16px #10b98114}body.has-queued-files .dropzone-inner{flex-direction:row;justify-content:center;align-items:center;gap:8px;width:auto;display:flex}body.has-queued-files .dropzone-icon{width:18px;height:18px;box-shadow:none;color:var(--accent-primary);background:0 0;border:none;justify-content:center;align-items:center;display:flex}body.has-queued-files .dropzone:hover .dropzone-icon{color:var(--accent-primary);transform:scale(1.1)}body.has-queued-files .dropzone-icon .icon-upload{display:none!important}body.has-queued-files .dropzone-icon .icon-plus{width:14px;height:14px;display:block!important}body.has-queued-files .dropzone-text-group{flex-direction:row;align-items:center;gap:0;display:flex}body.has-queued-files .dropzone-main-text{color:var(--text-secondary);letter-spacing:-.01em;white-space:nowrap;font-size:.82rem;font-weight:600}body.has-queued-files .dropzone:hover .dropzone-main-text{color:#fff}body.has-queued-files .dropzone-samples-text{display:none!important}.batch-bar{background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-xs);box-shadow:var(--shadow-subtle);justify-content:flex-end;align-items:center;gap:10px;margin-top:10px;padding:8px 12px;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:700}.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);background:var(--accent-dim);border:1px solid var(--accent-border);padding:2px 8px;font-size:.74rem;font-weight:700;color:var(--accent-primary)!important}.batch-actions{align-items:center;gap:6px;display:flex}.explorer-breadcrumb{align-items:center;gap:8px;display:flex}.explorer-folder-icon{color:#f59e0b;flex-shrink:0}.explorer-sep{color:var(--text-dim);margin:0 1px;font-size:.85rem}.explorer-path-item{font-family:var(--font-mono);color:var(--text-muted);font-size:.74rem;font-weight:500}.explorer-table-wrap{border:1px solid var(--border-light);border-radius:var(--radius-xs);background:var(--bg-surface);width:100%;box-shadow:var(--shadow-subtle);margin-top:0;overflow-x:auto}body:not(.has-queued-files) .explorer-table-wrap{display:none!important}.explorer-table-header{background:var(--bg-elevated);border-bottom:1px solid var(--border-light);user-select:none;grid-template-columns:32px 36px minmax(130px,2fr) minmax(80px,.9fr) minmax(65px,.8fr) minmax(105px,1.1fr) minmax(65px,.7fr) minmax(110px,auto);align-items:center;gap:8px;min-width:620px;padding:8px 12px;display:grid}.col-head{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;font-size:.68rem;font-weight:700;display:flex}.col-head.col-num{color:var(--text-dim);justify-content:center}.col-head.col-orig-size,.col-head.col-savings{justify-content:flex-end}.col-head.col-actions{justify-content:flex-end;padding-right:2px}.queue-list{flex-direction:column;min-width:620px;max-height:420px;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.explorer-file-row{background:var(--bg-surface);transition:background var(--transition), border-color var(--transition);cursor:pointer;border-bottom:1px solid #ffffff0a;grid-template-columns:32px 36px minmax(130px,2fr) minmax(80px,.9fr) minmax(65px,.8fr) minmax(105px,1.1fr) minmax(65px,.7fr) minmax(110px,auto);align-items:center;gap:8px;min-width:620px;padding:7px 12px;display:grid;position:relative}.file-row.explorer-file-row:last-child{border-bottom:none}.file-row.explorer-file-row:hover{background:var(--bg-elevated)}.file-row.explorer-file-row.active-preview{box-shadow:inset 3px 0 0 var(--accent-primary);background:#141b18!important}.col-cell{align-items:center;min-width:0;display:flex}.col-cell.col-num{font-family:var(--font-mono);color:var(--text-dim);justify-content:center;font-size:.74rem;font-weight:600}.col-cell.col-icon{justify-content:center}.col-cell.col-icon .row-thumb{border:1px solid var(--border-light);background:var(--bg-input);border-radius:4px;flex-shrink:0;width:30px;height:30px;position:relative;overflow:hidden}.col-cell.col-name{flex-direction:column;align-items:flex-start;gap:1px;overflow:hidden}.file-name-text{color:#fff;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:.82rem;font-weight:600;overflow:hidden}.file-dim-text{font-family:var(--font-mono);color:var(--text-muted);font-size:.68rem}.col-cell.col-type{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.74rem;overflow:hidden}.col-cell.col-orig-size{font-family:var(--font-mono);color:var(--text-secondary);justify-content:flex-end;font-size:.74rem}.col-cell.col-output{font-family:var(--font-mono);align-items:center;gap:6px;font-size:.74rem;display:flex}.explorer-output-badge{border-radius:var(--radius-xs);background:var(--accent-dim);color:var(--accent-primary);border:1px solid var(--accent-border);padding:1px 5px;font-size:.65rem;font-weight:700}.explorer-output-size{color:#fff;font-weight:600}.col-cell.col-savings{justify-content:flex-end}.col-cell.col-actions{justify-content:flex-end;gap:4px}.row-thumb-img{object-fit:contain;width:100%;height:100%}.video-thumb-placeholder{width:100%;height:100%;color:var(--accent-cyan);background:#16161f;justify-content:center;align-items:center;display:flex}.row-thumb-overlay{color:#fff;opacity:0;transition:var(--transition);background:#000000b3;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);font-size:.74rem;font-family:var(--font-mono);flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:flex}.row-arrow{color:var(--text-dim)}.row-conv-size{color:#fff;font-weight:700}.row-dim{color:var(--text-muted)}.badge-turbo{color:var(--accent-cyan);background:var(--accent-cyan-dim);border:1px solid var(--accent-cyan-border);border-radius:var(--radius-xs);padding:1px 5px;font-size:.68rem;font-weight:700}.badge-anim{color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-xs);padding:1px 5px;font-size:.68rem}.row-converting-text{color:var(--text-secondary);align-items:center;gap:5px;font-size:.74rem;display:flex}.row-error-text{color:var(--accent-danger);font-size:.74rem}.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 7px;font-size:.72rem;font-weight:700}.pill-savings.pos{background:var(--accent-dim);border:1px solid var(--accent-border);color:var(--accent-primary)}.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 #10b98133;border-top-color:var(--accent-primary);border-radius:50%;width:12px;height:12px;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);background:var(--accent-dim);border:1px solid var(--accent-border);color:var(--accent-primary);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-sm);width:46px;height:46px;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-header-icon{color:var(--accent-primary);flex-shrink:0}.preview-header-filename{font-family:var(--font-mono);color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:320px;font-size:.74rem;font-weight:600;overflow:hidden}.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:#0c0c10e6;border:1px solid #ffffff29;padding:2px 8px;font-size:.68rem;font-weight:700}.preview-anim-tag{color:var(--accent-cyan);border-color:var(--accent-cyan-border)}.preview-stage-bottombar{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{color:#f4f4f5;border-radius:var(--radius-xs);backdrop-filter:blur(8px);cursor:pointer;transition:var(--transition);background:#0c0c10e6;border:1px solid #ffffff29;align-items:center;gap:5px;padding:5px 10px;font-size:.74rem;font-weight:600;display:inline-flex}.floating-btn:hover{color:#fff;background:#24242d;border-color:#ffffff59;transform:translateY(-1px)}.floating-btn.active{background:var(--accent-primary);color:#022c22;border-color:var(--accent-primary);font-weight:700}.floating-btn.highlight{border-color:var(--accent-border)}.floating-btn.highlight:hover{background:var(--accent-dim);border-color:var(--accent-primary);color:var(--accent-primary)}.preview-metrics-bar{background:var(--bg-elevated);border-top:1px solid var(--border-light);box-sizing:border-box;grid-template-columns:repeat(3,1fr);width:100%;padding:10px 16px;display:grid}.pmetric-item{white-space:nowrap;justify-content:center;align-items:center;gap:8px;min-width:0;padding:2px 8px;display:flex}.pmetric-item:not(:last-child){border-right:1px solid var(--border-light)}.pmetric-label{color:var(--text-muted);letter-spacing:-.01em;font-size:.74rem;font-weight:500}.pmetric-val{font-family:var(--font-mono);color:#fff;font-size:.84rem;font-weight:700}.pmetric-val.highlight-conv{color:#fff}.pmetric-val.highlight-savings{color:var(--accent-primary)}.preview-actions-toolbar{background:var(--bg-surface);border-top:1px solid var(--border-light);flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.preview-actions-group{flex-shrink:0;align-items:center;gap:6px;display:flex}.btn-toolbar-action{background:var(--bg-elevated);border:1px solid var(--border-light);color:var(--text-secondary);font-family:var(--font-sans);border-radius:var(--radius-xs);cursor:pointer;transition:var(--transition);white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:5px;padding:6px 10px;font-size:.74rem;font-weight:500;display:inline-flex}.btn-toolbar-action:hover{background:var(--bg-hover);border-color:var(--border-hover);color:#fff;transform:translateY(-1px)}.btn-toolbar-action:active{transform:scale(.97)}.btn-toolbar-action.active{background:var(--accent-dim);border-color:var(--accent-primary);color:var(--accent-primary);font-weight:600}.btn-toolbar-action.btn-toolbar-primary{color:#09090b;background:#fff;border-color:#fff3;font-weight:700;box-shadow:0 1px 4px #0006}.btn-toolbar-action.btn-toolbar-primary:hover{color:#000;background:#f4f4f5;box-shadow:0 3px 12px #fff3}.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;font-weight:600;display:inline-flex}.live-sync-toggle input{display:none}.live-dot{background:var(--accent-primary);width:7px;height:7px;box-shadow:0 0 6px var(--accent-primary);border-radius:50%}.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:700;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;font-weight:500}.pipeline-select:focus{border-color:var(--accent-primary)}.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);background:var(--accent-dim);border:1px solid var(--accent-border);color:var(--accent-primary);text-align:center;padding:5px 10px;font-size:.8rem;font-weight:800}.format-segmented-bar,.preset-segmented-bar{background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius-xs);grid-template-columns:repeat(4,1fr);gap:4px;padding:3px;display:grid}.format-segmented-bar .segment-btn,.preset-segmented-bar .segment-btn{border-radius:var(--radius-xs);color:var(--text-secondary);cursor:pointer;transition:var(--transition);text-align:center;background:0 0;border:1px solid #0000;width:100%;padding:8px 0;font-size:.8rem;font-weight:600}.format-segmented-bar .segment-btn:hover,.preset-segmented-bar .segment-btn:hover{color:#fff;background:var(--bg-hover)}.format-segmented-bar .segment-btn.active,.preset-segmented-bar .segment-btn.active{box-shadow:0 1px 4px #0006;background:var(--accent-primary)!important;color:#022c22!important;font-weight:700!important}.settings-disclosure{background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-xs);transition:border-color var(--transition);overflow:hidden}.settings-disclosure:hover,.settings-disclosure[open]{border-color:var(--border-medium)}.settings-disclosure>summary{cursor:pointer;user-select:none;color:var(--text-secondary);transition:background var(--transition);justify-content:space-between;align-items:center;padding:10px 14px;font-size:.74rem;font-weight:600;list-style:none;display:flex}.settings-disclosure>summary::-webkit-details-marker{display:none}.settings-disclosure>summary:hover{color:#fff;background:var(--bg-hover)}.disclosure-title{text-transform:uppercase;letter-spacing:.04em;color:#fff;align-items:center;gap:6px;font-size:.72rem;font-weight:700;display:flex}.disclosure-content{border-top:1px solid var(--border-subtle);padding:12px 14px 14px}.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{border-color:var(--accent-border);box-shadow:0 0 12px var(--accent-dim);background:#17211e}.format-card-icon{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-xs);width:32px;height:32px;color:var(--text-secondary);transition:var(--transition);flex-shrink:0;justify-content:center;align-items:center;display:flex}.format-card.active .format-card-icon{background:var(--accent-dim);border-color:var(--accent-border);color:var(--accent-primary)}.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(--accent-cyan);background:var(--accent-cyan-dim);border:1px solid var(--accent-cyan-border);border-radius:var(--radius-xs);padding:1px 6px;font-size:.66rem;font-weight:700}.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{background:var(--accent-dim);border-color:var(--accent-border);color:var(--accent-primary);font-weight:700}.chip-dot{background:var(--accent-primary);border-radius:50%;width:5px;height:5px}.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);border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:6px 8px;font-size:.76rem;font-weight:500;display:flex}.radio-pill input{display:none}.radio-pill.active{color:#fff;background:#1c1c24;border-color:#ffffff29;font-weight:700;box-shadow:0 1px 3px #0006}.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:600}.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}.num-stepper:focus-within{border-color:var(--accent-primary)}.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:#24242e;border-radius:2px;outline:none;width:100%;height:4px;margin:8px 0}.modern-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--accent-primary);cursor:pointer;width:15px;height:15px;box-shadow:0 1px 6px #000c, 0 0 8px var(--accent-glow);border:2px solid #09090b;border-radius:50%;transition:transform .12s}.modern-slider::-webkit-slider-thumb:hover{transform:scale(1.25)}.modern-slider::-moz-range-thumb{background:var(--accent-primary);cursor:pointer;border:2px solid #09090b;border-radius:50%;width:15px;height:15px}.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:var(--accent-primary);font-weight:700}.mini-chips-row{flex-wrap:wrap;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{border-color:var(--accent-cyan-border);background:#122129}.video-speed-pill.active .video-speed-title{color:var(--accent-cyan)}.video-speed-pill.active .video-speed-metric{color:#a1a1aa}.video-speed-title{color:#fff;font-size:.72rem;font-weight:700}.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);background:var(--accent-cyan-dim);border:1px solid var(--accent-cyan-border);color:var(--accent-cyan);padding:2px 7px;font-size:.68rem;font-weight:700}.text-cyan{color:var(--accent-cyan)}.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:1px solid #0000;padding:6px 8px;font-size:.76rem;font-weight:500}.segment-btn.active{color:#fff;background:#1e1e26;border-color:#ffffff29;font-weight:700;box-shadow:0 1px 3px #0006}.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:focus-within{border-color:var(--accent-primary)}.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;font-weight:700}.btn-aspect-lock{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-xs);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:var(--transition);flex-shrink:0;justify-content:center;align-items:center;display:flex}.btn-aspect-lock.active{color:var(--accent-primary);background:var(--accent-dim);border-color:var(--accent-border)}.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;font-weight:500}.modern-select:focus{border-color:var(--accent-primary)}.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:32px;height:32px;padding:0}.toggle-checkbox-label{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.toggle-checkbox-label input[type=checkbox]{accent-color:var(--accent-primary);width:15px;height:15px}.sidebar-footer{margin-top:6px}.btn-primary-action{background:var(--accent-primary);color:#022c22;border-radius:var(--radius-xs);cursor:pointer;width:100%;transition:var(--transition);box-shadow:0 2px 10px var(--accent-glow);border:1px solid #fff3;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:.88rem;font-weight:800;display:flex}.btn-primary-action:hover{box-shadow:0 4px 18px var(--accent-glow);background:#10c88b;transform:translateY(-1px)}.btn-primary-action:active{background:var(--accent-active);transform:translateY(0)scale(.98)}.modal-overlay{backdrop-filter:blur(16px);z-index:1000;opacity:0;background:#000000d9;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:920px;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{background:var(--accent-dim);border:1px solid var(--accent-border);border-radius:var(--radius-xs);width:30px;height:30px;color:var(--accent-primary);justify-content:center;align-items:center;display:flex}.modal-filename{color:#fff;font-size:.92rem;font-weight:700}.btn-modal-close{color:var(--text-muted);border-radius:var(--radius-xs);width:30px;height:30px;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 var(--accent-primary);width:50%;height:100%;position:absolute;top:0;left:0;overflow:hidden;box-shadow:2px 0 16px #000000e6}.curtain-wrapper{height:100%;position:relative}.stage-handle{background:var(--accent-primary);color:#022c22;cursor:ew-resize;width:34px;height:34px;box-shadow:0 2px 14px #000000e6, 0 0 10px var(--accent-glow);z-index:20;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:800;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stage-tag{font-family:var(--font-mono);border-radius:var(--radius-xs);color:#fff;backdrop-filter:blur(8px);z-index:10;background:#0c0c10e0;border:1px solid #ffffff29;padding:3px 8px;font-size:.7rem;font-weight:700;position:absolute;top:12px}.stage-tag.tag-left{left:12px}.stage-tag.tag-right{color:var(--accent-primary);border-color:var(--accent-border);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:700}.mstat-val{font-family:var(--font-mono);color:#fff;font-size:.86rem;font-weight:700}.mstat-val.highlight-savings{color:var(--accent-primary)}.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(12px);background:#14141af5;border:1px solid #ffffff29;padding:9px 14px;font-size:.82rem;font-weight:600;animation:.18s cubic-bezier(.16,1,.3,1) toastSlideUp;box-shadow:0 10px 30px #000c}.toast-item.toast-success{border-color:var(--accent-border);box-shadow:0 10px 30px #000c, 0 0 14px var(--accent-dim)}.toast-item.toast-error{border-color:#ef444466;box-shadow:0 10px 30px #000c,0 0 14px #ef444426}.toast-item.toast-info{border-color:var(--accent-cyan-border);box-shadow:0 10px 30px #000c, 0 0 14px var(--accent-cyan-dim)}@keyframes toastSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=1100px){body.has-queued-files .app-layout{justify-content:flex-start;min-height:100dvh;padding:14px 16px 40px}.workbench-container{grid-template-columns:1fr}.workbench-column-settings{position:static}}@media (width<=680px){body:not(.has-queued-files) .app-layout{height:100dvh;min-height:100dvh;max-height:100dvh;padding:8px 10px 10px;overflow:hidden}body:not(.has-queued-files) #sectionInput .section-content-wrap{padding:8px}body:not(.has-queued-files) .dropzone{flex:1;height:100%;min-height:0;padding:20px 14px}body.has-queued-files .app-layout{min-height:100dvh;padding:8px 10px 48px}.app-navbar{border-radius:var(--radius-xs);background:#121216d9;border:1px solid #ffffff14;flex-direction:row;justify-content:space-between;align-items:center;min-height:34px;margin-bottom:8px;padding:5px 10px;box-shadow:0 1px 4px #0006}.navbar-brand{gap:7px}.brand-logo{width:22px;height:22px;box-shadow:none;border-radius:5px}.brand-logo svg{width:12px;height:12px}.brand-name{letter-spacing:-.02em;font-size:.85rem;font-weight:700}.navbar-right{gap:6px}.offline-badge{gap:4px;padding:2px 6px;font-size:.62rem}.offline-dot{width:4px;height:4px}.format-cards-grid{grid-template-columns:1fr}.modal-stats-bar{grid-template-columns:repeat(2,1fr)}.preview-metrics-bar{grid-template-columns:repeat(3,1fr);padding:8px 6px}.pmetric-item{gap:4px;padding:2px 4px}.pmetric-label{font-size:.64rem}.pmetric-val{font-size:.74rem}.preview-actions-toolbar{gap:4px;padding:6px;overflow-x:auto}.preview-actions-group{gap:3px}.btn-toolbar-action{gap:3px;padding:5px 6px;font-size:.68rem}.stage-container{height:300px}}