@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg:#09090b;--card-bg:#18181b;--card-border:#27272a;--card-border-hover:#3f3f46;--text:#fafafa;--text-muted:#a1a1aa;--text-dim:#71717a;--accent:#2563eb;--accent-hover:#1d4ed8;--success:#22c55e;--success-bg:#22c55e1a;--error:#ef4444;--error-bg:#ef44441a;--radius:8px;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;overflow:hidden}.container{flex-direction:column;gap:1rem;max-width:1300px;height:100vh;margin:0 auto;padding:1.25rem 1.5rem;display:flex}header{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;padding-bottom:.75rem;display:flex}.brand{align-items:center;gap:.75rem;display:flex}.app-logo{object-fit:contain;width:32px;height:32px}header h1{color:var(--text);letter-spacing:-.01em;font-size:1.15rem;font-weight:600}header p{color:var(--text-dim);font-size:.85rem}.main-layout{flex:1;grid-template-columns:340px 1fr;gap:1.25rem;min-height:0;display:grid}.layout-left{flex-direction:column;flex:0 0 350px;gap:1rem;height:100%;min-height:0;padding-right:.35rem;display:flex;overflow-y:auto}.layout-left>.panel,.layout-left>.dropzone{flex-shrink:0}.layout-right{flex-direction:column;gap:1rem;min-height:0;display:flex}.panel{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:1.25rem}.panel-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin-bottom:1rem;font-size:.85rem;font-weight:600}.settings-grid{flex-direction:column;gap:1rem;display:flex}.setting-group{flex-direction:column;gap:.4rem;display:flex}.setting-group label{color:var(--text-muted);justify-content:space-between;font-size:.8rem;font-weight:500;display:flex}.setting-group label .value-indicator{font-family:var(--font-mono);color:var(--text)}select,input[type=number]{border-radius:var(--radius);border:1px solid var(--card-border);width:100%;color:var(--text);background:#09090b;outline:none;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;transition:border-color .15s}select:focus,input[type=number]:focus{border-color:var(--accent)}option{color:var(--text);background:#18181b}input[type=range]{appearance:none;background:var(--card-border);border-radius:2px;outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fafafa;border-radius:50%;width:14px;height:14px;transition:transform .1s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.checkbox-group{cursor:pointer;user-select:none;align-items:center;gap:.5rem;display:flex}.checkbox-group input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent);cursor:pointer}.checkbox-group label{color:var(--text);cursor:pointer;font-size:.85rem}.dropzone{border:1px dashed var(--card-border);border-radius:var(--radius);cursor:pointer;text-align:center;background:#18181b80;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:1.5rem;transition:all .15s;display:flex}.dropzone:hover,.dropzone.active{border-color:var(--card-border-hover);background:#27272a66}.dropzone-icon{width:36px;height:36px;color:var(--text-muted);margin-bottom:.25rem}.dropzone h3{color:var(--text);font-size:.9rem;font-weight:500}.dropzone p{color:var(--text-dim);font-size:.775rem}.stats-bar{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);grid-template-columns:repeat(3,1fr);gap:1rem;padding:.875rem 1.25rem;display:grid}.stats-bar>div{flex-direction:column;gap:.15rem;display:flex}.stats-bar span{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:500}.stats-bar strong{font-size:1.15rem;font-weight:600;font-family:var(--font-mono);color:var(--text)}.stats-bar .total-savings strong{color:var(--success)}.btn{color:#09090b;border-radius:var(--radius);cursor:pointer;background:#fafafa;border:none;justify-content:center;align-items:center;gap:.4rem;padding:.5rem 1rem;font-family:inherit;font-size:.825rem;font-weight:600;transition:all .15s;display:inline-flex}.btn:hover:not(:disabled){background:#e4e4e7}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{color:var(--text-muted);border:1px solid var(--card-border);background:0 0}.btn-secondary:hover:not(:disabled){color:var(--text);border-color:var(--card-border-hover);background:#27272a}.btn-primary-accent{background:var(--accent);color:#fff}.btn-primary-accent:hover:not(:disabled){background:var(--accent-hover)}.actions{justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.scrollable-list{border:1px solid var(--card-border);border-radius:var(--radius);background:var(--card-bg);flex:1;min-height:0;overflow-y:auto}.image-list{divide-y:1px solid var(--card-border);flex-direction:column;display:flex}.image-row{border-bottom:1px solid var(--card-border);align-items:center;gap:1rem;padding:.75rem 1rem;transition:background .15s;display:flex}.image-row:last-child{border-bottom:none}.image-row:hover{background:#ffffff05}.image-thumb{object-fit:cover;border:1px solid var(--card-border);background:#000;border-radius:4px;width:40px;height:40px}.image-info{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.image-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:500;overflow:hidden}.image-meta{font-size:.775rem;font-family:var(--font-mono);color:var(--text-dim);align-items:center;gap:.5rem;display:flex}.savings{color:var(--success);font-weight:600}.status-badge{font-size:.7rem;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;border-radius:4px;padding:.2rem .5rem}.status-pending{color:var(--text-dim);background:#ffffff0d}.status-processing{color:#60a5fa;background:#2563eb26}.status-done{background:var(--success-bg);color:var(--success)}.status-error{background:var(--error-bg);color:var(--error)}.btn-icon-remove{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin-left:.25rem;padding:.35rem;transition:all .15s;display:flex}.btn-icon-remove:hover{color:var(--error);background:#ef444426}.empty-state{height:100%;color:var(--text-dim);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:3rem;font-size:.85rem;display:flex}