*,*:before,*:after{box-sizing:border-box}:root{font-family:Nunito,Avenir Next,Avenir,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0f172a;background-color:#f8fafc;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--color-accent-soft: #eff6ff;--color-bg: #f8fafc;--color-bg-gradient-start: #eff6ff;--color-bg-gradient-end: #f1f5f9;--color-card: #ffffff;--color-text: #0f172a;--color-text-muted: #64748b;--color-success: #059669;--color-success-soft: #ecfdf5;--color-error: #dc2626;--radius-sm: 10px;--radius-md: 12px;--radius-lg: 14px;--radius-full: 9999px;--shadow-soft: 0 2px 12px rgba(0, 0, 0, .06);--shadow-card: 0 4px 20px rgba(0, 0, 0, .05);--shadow-focus: 0 0 0 3px rgba(37, 99, 235, .25);--input-padding-y: 10px;--input-padding-x: 14px;--btn-padding-y: 10px;--btn-padding-x: 18px}body{margin:0;min-height:100vh;background:linear-gradient(180deg,var(--color-bg-gradient-start) 0%,var(--color-bg-gradient-end) 40%,var(--color-bg) 100%);background-attachment:fixed;color:var(--color-text)}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit}.app-shell{display:flex;flex-direction:row;min-height:100vh}.lang-side-panel{flex-shrink:0;width:140px;padding:24px 12px;background:var(--color-accent-soft);display:flex;flex-direction:column;align-items:stretch;border-radius:0 var(--radius-md) var(--radius-md) 0}.lang-switcher-stacked{flex-direction:column;gap:6px}.app-main{flex:1;min-width:0;max-width:960px;margin:0 auto;padding:40px 20px 48px;display:flex;flex-direction:column;gap:28px}.app-header{padding:0 0 8px}.app-header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px}.app-logo{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text);margin:0}.lang-switcher{display:flex;align-items:center;gap:6px}.lang-btn{display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;min-height:36px;padding:6px 10px;border:none;border-radius:var(--radius-md);background:transparent;cursor:pointer;transition:background .2s ease,transform .15s ease;flex-shrink:0;width:100%}.lang-btn:hover{background:#ffffff80;transform:scale(1.02)}.lang-btn.active{background:var(--color-card);box-shadow:0 0 0 2px var(--color-accent)}.lang-flag{font-size:1.5rem;line-height:1;display:block;flex-shrink:0}.lang-label{font-size:.8rem;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-donation{padding:var(--btn-padding-y) var(--btn-padding-x);border-radius:var(--radius-full);font-size:.9rem;font-weight:600;background:#16a34a;color:#fff;transition:background .2s ease}.btn-donation:hover{background:#15803d}.app-subtitle{font-size:.9rem;color:var(--color-text-muted);line-height:1.45}.app-badge-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.badge{border-radius:var(--radius-full);padding:5px 12px;font-size:.75rem;font-weight:500;color:var(--color-text-muted);background:var(--color-accent-soft)}.layout-three-cols{display:flex;flex-direction:column;gap:24px;align-items:stretch}.layout-upload-settings{display:flex;flex-direction:column;gap:24px;min-width:0}@media (min-width: 768px){.layout-upload-settings{display:grid;grid-template-columns:3fr 1fr;gap:24px;align-items:start}}.col-upload,.col-settings,.col-done{min-width:0;display:flex;flex-direction:column;gap:16px}.col-heading{font-family:inherit;font-size:1rem;font-weight:700;color:var(--color-text);margin:0;padding:0;line-height:1.35;flex-shrink:0}.step-header{display:flex;align-items:center;gap:10px;margin-bottom:4px;flex-shrink:0}.step-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-accent);color:#fff;font-size:.9rem;font-weight:700;flex-shrink:0}.step-label{font-size:.95rem;font-weight:600;color:var(--color-text)}.step-icon{flex-shrink:0;color:var(--color-text-muted)}.side-panel{border-radius:var(--radius-lg);background:var(--color-card);padding:24px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:12px;min-height:200px}.side-panel-title{font-size:1rem;font-weight:600;color:#1e293b;margin:0;padding:0}.side-panel-list{flex:1;overflow:auto;display:flex;flex-direction:column;gap:8px;min-height:0}.side-panel-item{display:flex;align-items:center;gap:10px;padding:12px;border-radius:var(--radius-md);background:var(--color-bg);box-shadow:var(--shadow-soft)}.side-panel-thumb{width:48px;height:48px;border-radius:var(--radius-sm);overflow:hidden;background:var(--color-accent-soft);flex-shrink:0}.side-panel-thumb img{width:100%;height:100%;object-fit:cover}.side-panel-item-info{flex:1;min-width:0}.side-panel-item-name{font-size:.8rem;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-panel-item-meta{font-size:.78rem;color:var(--color-text-muted);margin-top:4px}.side-panel-item-size,.side-panel-item-size strong{color:var(--color-text)}.side-panel-item-saved{color:var(--color-text-muted)}.side-panel-item-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.side-panel-download-btns{display:flex;gap:8px;align-items:stretch}.side-panel-download-btns .format-download-btn{width:auto;min-width:52px;height:36px;padding:0 12px;font-family:inherit;font-size:.8rem;font-weight:700;letter-spacing:.02em;border-radius:var(--radius-sm);border:none;background:var(--color-accent);color:#fff;cursor:pointer;transition:background .2s ease;box-shadow:var(--shadow-soft)}.side-panel-download-btns .format-download-btn:hover{background:var(--color-accent-hover);color:#fff}.side-panel-footer{padding-top:12px;flex-shrink:0}.side-panel-footer-multi{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}.side-panel-footer-multi .btn-download-all{flex:1;min-width:0}.side-panel-footer-multi .btn-clear-all,.side-panel-footer-multi .btn-clear-all:hover,.side-panel-footer-multi .btn-clear-all:focus,.side-panel-footer-multi .btn-clear-all:focus-visible,.side-panel-footer-multi .btn-clear-all:active{background:transparent!important;box-shadow:none!important}.side-panel-footer-multi .btn-clear-all{flex:0 0 auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#dc2626;border:none;font-size:.875rem;padding:8px 12px;cursor:pointer;text-decoration:none}.side-panel-footer-multi .btn-clear-all:hover{color:#b91c1c;text-decoration:underline}.side-panel-empty{font-size:.8rem;color:var(--color-text-muted);padding:16px 0;text-align:center}.side-panel-saved{padding:12px 14px;border-radius:var(--radius-md);background:var(--color-success-soft);font-size:.85rem;font-weight:500;color:var(--color-success);margin-bottom:8px;flex-shrink:0}.side-panel-saved strong{color:var(--color-success)}@media (max-width: 600px){.side-panel{padding:16px;min-height:0}.side-panel-item{flex-wrap:wrap;gap:8px;padding:10px}.side-panel-item-info{min-width:0;flex:1 1 0}.side-panel-thumb{width:40px;height:40px}.side-panel-item-actions{flex-basis:100%;justify-content:flex-end;flex-wrap:wrap;gap:6px;padding-left:0}.side-panel-download-btns{flex-wrap:wrap;gap:6px}.side-panel-download-btns .format-download-btn{min-width:44px;height:32px;padding:0 8px;font-size:.75rem}.side-panel-item-name{font-size:.78rem}.side-panel-item-size{font-size:.72rem}.side-panel-footer-multi{flex-direction:column}.side-panel-footer-multi .btn-download-all,.col-done-naming .number-input{width:100%}}.upload-actions{border-radius:var(--radius-lg);background:var(--color-card);padding:24px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:12px}.upload-actions>div:last-of-type{min-width:0}.upload-actions .progress-outer{width:100%}.dropzone-card{border-radius:var(--radius-lg);background:var(--color-card);padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow-card)}.dropzone{border-radius:var(--radius-md);border:2px dashed rgba(37,99,235,.35);background:var(--color-accent-soft);min-height:160px;padding:32px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;cursor:pointer;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.dropzone:hover,.dropzone.drag-active{border-color:var(--color-accent);background:#eef2f0;box-shadow:var(--shadow-focus)}.dropzone-icon{width:48px;height:48px;border-radius:var(--radius-md);background:#2563eb2e;display:flex;align-items:center;justify-content:center;color:var(--color-accent);font-size:1.25rem}.dropzone-title{font-size:.95rem;font-weight:600;color:var(--color-text)}.dropzone-subtitle{font-size:.8rem;color:var(--color-text-muted)}.file-list{max-height:280px;overflow:auto;padding:2px}.file-row{display:flex;align-items:center;gap:10px;padding:12px;border-radius:var(--radius-md);background:var(--color-card);margin-bottom:8px;box-shadow:var(--shadow-soft)}.file-thumb{width:48px;height:48px;border-radius:var(--radius-sm);overflow:hidden;background:var(--color-accent-soft);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:500;color:var(--color-text-muted);flex-shrink:0}.file-thumb img{width:100%;height:100%;object-fit:cover}.file-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:0}.file-name{font-size:.8rem;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta{font-size:.78rem;color:var(--color-text-muted);margin-top:2px;line-height:1.3}.file-meta strong{color:var(--color-text)}.file-saved{color:var(--color-success)}.file-override-dropdown-wrap{flex-shrink:0}.file-override-select{min-width:140px;width:auto;height:36px;padding:0 12px;display:inline-flex;align-items:center}.file-status{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:#9ca3af}.file-status.ready{color:var(--color-success)}.file-status.error{color:var(--color-error)}.file-actions{display:flex;flex-direction:row;align-items:center;gap:8px;flex-shrink:0}.file-action-icons{display:flex;align-items:center;gap:4px}.file-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-muted);font-family:inherit;font-weight:600;font-size:.8rem;cursor:pointer;transition:color .2s ease,background .2s ease;box-shadow:var(--shadow-soft)}.file-icon-btn:hover{background:var(--color-accent-soft);color:var(--color-accent)}.file-icon-btn-remove:hover{background:#fef2f2;color:var(--color-error)}.file-icon-btn-download{background:var(--color-accent);color:#fff;font-weight:600}.file-icon-btn-download:hover{background:var(--color-accent-hover);color:#fff}.btn-download-all{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:none;padding:var(--btn-padding-y) var(--btn-padding-x);font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;background:var(--color-accent);color:#fff;transition:background .2s ease,opacity .2s ease;box-shadow:0 2px 10px #2563eb40}.btn:hover:not(:disabled){background:var(--color-accent-hover)}.btn.btn-donation{background:#16a34a;box-shadow:0 2px 10px #16a34a40}.btn.btn-donation:hover{background:#15803d}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-secondary{background:var(--color-card);color:var(--color-text);font-weight:600;box-shadow:var(--shadow-soft)}.btn-secondary:hover:not(:disabled){background:var(--color-accent-soft);color:var(--color-accent)}.settings-card{border-radius:var(--radius-lg);background:var(--color-card);padding:24px;display:flex;flex-direction:column;gap:18px;box-shadow:var(--shadow-card)}.settings-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.settings-title{font-size:1rem;font-weight:600;color:var(--color-text)}.settings-subtitle{font-size:.8rem;color:var(--color-text-muted);margin-top:2px}.settings-grid{display:grid;grid-template-columns:1fr;gap:16px 0}.settings-grid-compact{gap:12px 0;grid-template-columns:1fr}.settings-select{width:100%;max-width:200px;border-radius:var(--radius-sm);border:none;padding:var(--input-padding-y) var(--input-padding-x);background:var(--color-bg);color:var(--color-text);font-family:inherit;font-size:.85rem;font-weight:500;cursor:pointer;box-shadow:var(--shadow-soft)}.settings-select:focus{outline:none;box-shadow:var(--shadow-focus)}.settings-input-narrow{max-width:120px}.col-done-naming{padding-bottom:8px;flex-shrink:0}.col-done-naming .field-helper{margin-top:2px}.field{display:flex;flex-direction:column;gap:6px;font-size:.8rem;min-width:0}.field-label{color:var(--color-text);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.field-helper{font-size:.72rem;color:var(--color-text-muted)}.pill-group{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pill-option{border-radius:var(--radius-sm);padding:var(--input-padding-y) var(--input-padding-x);font-family:inherit;font-size:.85rem;font-weight:600;border:none;background:var(--color-bg);color:var(--color-text-muted);cursor:pointer;transition:background .2s ease,color .2s ease;box-shadow:var(--shadow-soft)}.pill-option:hover{background:var(--color-accent-soft);color:var(--color-accent)}.pill-option.selected{background:var(--color-accent);color:#fff}.number-input{border-radius:var(--radius-sm);border:none;padding:var(--input-padding-y) var(--input-padding-x);background:var(--color-bg);color:var(--color-text);font-family:inherit;font-size:.85rem;font-weight:500;box-shadow:var(--shadow-soft)}.number-input:focus{outline:none;box-shadow:var(--shadow-focus)}.slider-row{display:flex;align-items:center;gap:10px}.slider{flex:1}.slider input[type=range]{width:100%}.slider-value{min-width:40px;text-align:right;font-size:.8rem;color:var(--color-text)}.estimate-text{font-size:.76rem;color:var(--color-text-muted)}.quality-label{font-size:.8rem;color:var(--color-text-muted);font-weight:500}.global-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;padding-top:16px}.progress-outer{flex:1;border-radius:var(--radius-full);background:var(--color-bg);overflow:hidden;min-width:180px;box-shadow:inset 0 1px 2px #0000000f}.progress-inner{height:8px;border-radius:var(--radius-full);background:var(--color-accent);transition:width .2s ease-out}.progress-label{margin-top:6px;font-size:.78rem;color:var(--color-text-muted)}.savings-text{margin-top:6px;font-size:.78rem;color:var(--color-success)}.savings-text strong{color:var(--color-success)}.completion-message{margin-top:8px;font-size:.8rem;color:var(--color-text);font-weight:500;display:flex;align-items:center;gap:8px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--color-success);flex-shrink:0}.footer{margin-top:24px;padding-top:24px;font-size:.8rem;color:var(--color-text-muted);text-align:left;display:flex;flex-direction:column;gap:10px}.footer-copy{display:flex;flex-direction:column;gap:12px}.footer-heading{font-size:1.5rem;font-weight:700;color:var(--color-text);margin:0}.footer-lead,.footer-after-donate{margin:0;line-height:1.5}.footer-lead h1,.footer-after-donate h1{font-size:1rem;font-weight:700;color:var(--color-text);margin:0 0 .5em}.footer-lead h2,.footer-after-donate h2{font-size:.95rem;font-weight:700;color:var(--color-text);margin:1em 0 .4em}.footer-lead h3,.footer-after-donate h3{font-size:.9rem;font-weight:600;color:var(--color-text);margin:.8em 0 .3em}.footer-lead p,.footer-after-donate p{margin:0 0 .6em}.footer-lead ul,.footer-after-donate ul{margin:.4em 0 .6em;padding-left:1.2em}.footer-lead li,.footer-after-donate li{margin:.2em 0}.footer-copy .btn-donation{align-self:flex-start;margin:4px 0}.footer strong{color:var(--color-text)}.footer-badges,.footer-links{display:flex;flex-wrap:wrap;gap:8px}.footer-links a{color:var(--color-text-muted);text-decoration:underline;text-decoration-style:dotted}