@font-face{font-family:BR Sonoma;src:url(/fonts/BRSonoma-Regular.otf)format("opentype");font-weight:400;font-display:swap}@font-face{font-family:BR Sonoma;src:url(/fonts/BRSonoma-Medium.otf)format("opentype");font-weight:500;font-display:swap}@font-face{font-family:BR Sonoma;src:url(/fonts/BRSonoma-SemiBold.otf)format("opentype");font-weight:600;font-display:swap}@font-face{font-family:BR Sonoma;src:url(/fonts/BRSonoma-Bold.otf)format("opentype");font-weight:700;font-display:swap}@font-face{font-family:Geist Mono;src:url(/fonts/GeistMono-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Geist Mono;src:url(/fonts/GeistMono-SemiBold.ttf)format("truetype");font-weight:600;font-display:swap}:root{--accent:#ff6b00;--bg-primary:#e8e8e8;--bg-secondary:#0000000a;--text-primary:#202020;--text-secondary:#20202059;--btn-primary-bg:#202020;--btn-primary-fg:#ededed;--btn-secondary-bg:transparent;--btn-secondary-fg:#20202099;--danger:#ff0037;--success:#00b96c;--border:#0000001a;--space-xs2:2px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-base:16px;--space-lg:24px;--space-xl:32px;--space-xxl:48px;--radius-sharp:2px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--font-sans:"BR Sonoma", system-ui, "Segoe UI", Roboto, sans-serif;--font-mono:"Geist Mono", ui-monospace, Consolas, monospace;font:16px/145% var(--font-sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text-primary);background:var(--bg-primary);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--bg-primary:#1d1d1d;--bg-secondary:#ffffff0a;--text-primary:#ededed;--text-secondary:#ededed59;--btn-primary-bg:#e8e8e8;--btn-primary-fg:#1d1d1d;--btn-secondary-fg:#ededed99;--success:#00ff62;--border:#ffffff14;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg-primary:#1d1d1d;--bg-secondary:#ffffff0a;--text-primary:#ededed;--text-secondary:#ededed59;--btn-primary-bg:#e8e8e8;--btn-primary-fg:#1d1d1d;--btn-secondary-fg:#ededed99;--success:#00ff62;--border:#ffffff14;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}#root{box-sizing:border-box;flex-direction:column;width:860px;max-width:100%;min-height:100svh;margin:0 auto;padding:0 20px;display:flex}body{margin:0}h1,h2{font-family:var(--font-sans);color:var(--text-primary);font-weight:600}p{margin:0}code{font-family:var(--font-mono)}button,input{font-family:inherit}.app{gap:var(--space-lg);padding:var(--space-xl) 0 var(--space-xxl);text-align:left;flex-direction:column;display:flex}.app__header{justify-content:space-between;align-items:flex-start;gap:var(--space-base);display:flex}.app__header h1{margin:0 0 var(--space-xs2);letter-spacing:-.4px;font-size:28px;font-weight:700}.app__header p{color:var(--text-secondary);font-size:14px}.octane{color:var(--text-secondary);font-size:14px;font-weight:300}.octane a{color:var(--accent);text-decoration:none}.theme-toggle{border:1px solid var(--border);border-radius:var(--radius-sm);flex-shrink:0;gap:2px;padding:2px;display:flex}.theme-toggle__btn{font:inherit;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-xs);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:500;transition:background .15s,color .15s}.theme-toggle__btn:hover{color:var(--text-primary)}.theme-toggle__btn.is-active{background:var(--bg-secondary);color:var(--text-primary)}.settings{gap:var(--space-base);padding:var(--space-lg);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-secondary);flex-direction:column;display:flex}.settings__row{gap:var(--space-sm);flex-direction:column;display:flex}.settings__label{color:var(--text-primary);font-size:13px;font-weight:600}.settings__hint{color:var(--text-secondary);margin:0;font-size:12px}.format-picker{gap:var(--space-xs);display:flex}.format-picker__btn{font:inherit;padding:var(--space-sm) var(--space-base);border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;font-size:13px;font-weight:500;transition:border-color .15s,color .15s,background .15s}.format-picker__btn:hover{color:var(--text-primary)}.format-picker__btn.is-active{background:color-mix(in srgb, var(--accent) 12%, transparent);border-color:color-mix(in srgb, var(--accent) 50%, transparent);color:var(--accent)}.force-row{align-items:center;gap:var(--space-md);display:flex}.force-row input[type=range]{border-radius:var(--radius-lg);background:var(--border);cursor:pointer;appearance:none;outline:none;flex:1;height:4px}.force-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:14px;height:14px}.force-row input[type=range]::-moz-range-track{border-radius:var(--radius-lg);background:var(--border);height:4px}.force-row input[type=range]::-moz-range-progress{border-radius:var(--radius-lg);background:var(--accent);height:4px}.force-row input[type=range]::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px}.force-row__value{font-family:var(--font-mono);text-align:right;width:2.5em;font-size:13px;font-weight:600}.force-desc{justify-content:space-between;margin-top:-.7rem;display:flex}.dims-row{align-items:center;gap:var(--space-sm);display:flex}.dims-row input{width:110px;font:inherit;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);font-size:13px}.dims-row input:focus{border-color:var(--accent);outline:none}.dims-row__x{color:var(--text-secondary);font-size:13px}.dropzone{border:1.5px dashed var(--border);border-radius:var(--radius-lg);padding:var(--space-xxl) var(--space-lg);text-align:center;cursor:pointer;color:var(--text-secondary);transition:border-color .15s,background .15s}.dropzone:hover,.dropzone--active{border-color:color-mix(in srgb, var(--accent) 50%, transparent);background:color-mix(in srgb, var(--accent) 6%, transparent)}.dropzone p{margin:var(--space-xs2) 0;color:var(--text-primary);font-size:14px;font-weight:500}.dropzone__hint{font-size:12px;color:var(--text-secondary)!important;font-weight:400!important}.btn{font:inherit;padding:var(--space-sm) var(--space-base);border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;font-size:13px;font-weight:600;transition:opacity .15s}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-fg)}.btn-primary:hover:not(:disabled){opacity:.85}.btn-secondary{background:var(--btn-secondary-bg);border-color:var(--border);color:var(--btn-secondary-fg)}.btn-secondary:hover:not(:disabled){color:var(--text-primary);border-color:var(--text-secondary)}.toolbar{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.toolbar__summary{color:var(--text-secondary);font-size:13px;font-family:var(--font-mono);margin-left:auto}.queue{gap:var(--space-xs);flex-direction:column;display:flex}.queue-item{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border:1px solid var(--border);border-radius:var(--radius-md);display:flex}.queue-item__thumb{object-fit:cover;border-radius:var(--radius-xs);background:var(--bg-secondary);flex-shrink:0;width:40px;height:40px}.queue-item__info{flex:1;min-width:0}.queue-item__name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.queue-item__meta{color:var(--text-secondary);font-size:12px;font-family:var(--font-mono)}.queue-item__gain{color:var(--success)}.queue-item__loss,.queue-item__error{color:var(--danger)}.queue-item__actions{align-items:center;gap:var(--space-xs);flex-shrink:0;display:flex}.queue-item__remove{padding:var(--space-sm) var(--space-md)!important;color:var(--text-secondary)!important;border-color:#0000!important}.queue-item__remove:hover{color:var(--danger)!important}
