:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#202124;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body,html{box-sizing:border-box;width:100%;min-height:100vh;margin:0;padding:0}*,:before,:after{box-sizing:inherit}.app-container{width:100%;max-width:1000px;min-height:600px;margin:0 auto}.main-content{flex-direction:column;justify-content:center;align-items:center;width:100%;padding:20px;display:flex;position:relative}h1{color:#202124;letter-spacing:-.5px;white-space:nowrap;text-align:center;margin:0 0 16px;font-size:28px;font-weight:500}.main-center{flex-direction:column;align-items:center;width:100%;display:flex}.dropzone-container{background:#fff;border:1px solid #dfe1e5;border-radius:24px;flex-direction:column;width:100%;max-width:680px;transition:box-shadow .2s ease-in-out;display:flex;position:relative}.dropzone-container:hover{box-shadow:0 1px 6px #20212447}.dropzone-container.drag-active{background-color:#f8f9fa;border-color:#1a73e8;box-shadow:0 1px 6px #1a73e847}.dropzone-body{flex-direction:column;height:280px;display:flex;overflow:hidden}.dropzone-area{text-align:center;color:#80868b;cursor:pointer;background-color:#f0f4ff;border-bottom:1px solid #0000;border-radius:24px 24px 0 0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;min-height:80px;padding:16px 20px;font-size:13px;transition:background-color .15s;display:flex}.dropzone-container:hover .dropzone-area{background-color:#e4edff}.drag-active .dropzone-area{background-color:#d6e4ff}.has-files .dropzone-area{border-bottom:1px solid #dfe1e5;border-radius:24px 24px 0 0;padding:8px 20px}.upload-icon{opacity:.4;flex-shrink:0;width:20px;height:20px}.file-list-wrapper{flex-direction:column;flex-shrink:0;display:flex}.file-list-header{justify-content:flex-end;padding:4px 20px 0;display:flex}.clear-all-btn{color:#9aa0a6;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:2px 4px;font-size:11px;line-height:1}.clear-all-btn:hover{color:#d93025;background-color:#fce8e6}body.dark .clear-all-btn:hover{color:#f28b82;background-color:#f28b821a}.file-list{flex-shrink:0;max-height:180px;margin:0;padding:4px 20px;list-style:none;overflow-y:auto}.file-item{color:#3c4043;border-bottom:1px solid #f1f3f4;justify-content:space-between;align-items:center;gap:8px;padding:5px 0;font-size:14px;display:flex}.file-info{flex-direction:column;flex:1;gap:2px;display:flex;overflow:hidden}.file-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.file-meta{color:#9aa0a6;font-size:11px}.file-item:last-child{border-bottom:none}.file-remove-btn{color:#80868b;cursor:pointer;background:0 0;border:none;padding:0 8px;font-size:16px}.file-remove-btn:hover{color:#d93025}.controls-section{background-color:#f8f9fa;border-top:1px solid #dfe1e5;border-bottom-right-radius:24px;border-bottom-left-radius:24px;flex-direction:column;display:flex}.controls-quality{color:#5f6368;align-items:center;gap:10px;padding:10px 20px 8px;font-size:13px;display:flex}.quality-label{white-space:nowrap;min-width:44px;font-weight:500}.quality-slider{accent-color:#1a73e8;cursor:pointer;flex:1}.quality-slider:disabled{opacity:.35;cursor:not-allowed}.quality-value{text-align:right;font-variant-numeric:tabular-nums;color:#1a73e8;letter-spacing:-.3px;min-width:32px;font-size:15px;font-weight:700}.controls-selects{align-items:center;gap:8px;padding:0 20px 8px;display:flex}.controls-selects>select{flex:.75;min-width:0}.size-or-maxmb{flex-direction:column;flex:1.2;min-width:0;display:flex}.labeled-control{align-items:center;gap:6px;width:100%;display:flex}.labeled-control>select,.labeled-control .max-mb-wrapper{flex:1;min-width:0}.ctrl-label{color:#5f6368;white-space:nowrap;text-align:right;flex-shrink:0;width:50px;font-size:12px}.or-divider{color:#9aa0a6;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:4px 0;font-size:11px;font-style:italic;display:flex}.or-divider:before,.or-divider:after{content:"";background-color:#dadce0;flex:1;height:1px}.ctrl-inactive{opacity:.35}.max-mb-wrapper{align-items:center;gap:4px;width:100%;display:flex}.max-mb-input{color:#3c4043;text-align:right;background:#fff;border:1px solid #dadce0;border-radius:4px;outline:none;flex:1;min-width:0;padding:8px;font-size:14px}.max-mb-input:focus{border-color:#1a73e8}.max-mb-input:disabled{opacity:.5;cursor:not-allowed}.max-mb-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.max-mb-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.max-mb-input[type=number]{-moz-appearance:textfield}.max-mb-unit{color:#5f6368;white-space:nowrap;font-size:13px}.controls-actions{border-top:1px solid #eee;justify-content:space-between;align-items:center;gap:10px;padding:8px 20px 12px;display:flex}.actions-info{color:#9aa0a6;flex:1;font-size:11px}.meta-toggle{white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;color:#80868b;align-items:center;gap:4px;font-size:11px;display:flex}.meta-toggle input[type=checkbox]{accent-color:#1a73e8;cursor:pointer;flex-shrink:0;width:12px;height:12px}.meta-toggle input:disabled{opacity:.5;cursor:not-allowed}select{color:#3c4043;text-align:center;text-align-last:center;background:#fff;border:1px solid #dadce0;border-radius:4px;outline:none;padding:8px 12px;font-size:14px}select:focus{border-color:#1a73e8}button.action-btn{color:#fff;cursor:pointer;white-space:nowrap;background-color:#1a73e8;border:none;border-radius:4px;flex-shrink:0;width:132px;padding:10px 24px;font-size:14px;font-weight:500;transition:background-color .2s,opacity .2s;overflow:hidden}button.action-btn:hover:not(:disabled){background-color:#1b66c9;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}button.action-btn:disabled{color:#9aa0a6;cursor:not-allowed;background-color:#e8eaed}button.action-btn.download-btn{background-color:#188038}button.action-btn.download-btn:hover{background-color:#137333}.metadata-info{color:#80868b;text-align:center;max-width:600px;margin-top:10px;font-size:12px}.privacy-notice{color:#80868b;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:16px;font-size:12px;display:flex}.privacy-notice-text{text-align:center;flex-direction:column;gap:4px;display:flex}.privacy-notice>span{font-size:16px;font-weight:500}.maxmb-hint{color:#80868b;font-size:11px!important;font-weight:400!important}.format-info{color:#9aa0a6;text-align:center;flex-direction:column;align-items:center;gap:2px;margin-top:8px;font-size:11px;display:flex}body.dark .format-info{color:#5f6368}.theme-toggle-btn{color:#3c4043;cursor:pointer;z-index:100;background:#fff;border:1px solid #dfe1e5;border-radius:8px;padding:8px 16px;font-size:14px;transition:all .2s;position:absolute;top:20px;right:0}.theme-toggle-btn:hover{background-color:#f8f9fa;box-shadow:0 1px 3px #2021241a}body.dark{color:#e8eaed;background-color:#202124}body.dark .theme-toggle-btn{color:#e8eaed;background-color:#303134;border-color:#5f6368}body.dark .theme-toggle-btn:hover{background-color:#3c4043}body.dark h1{color:#e8eaed}body.dark .dropzone-container{background:#202124;border-color:#5f6368}body.dark .dropzone-container:hover{box-shadow:0 1px 6px #00000080}body.dark .dropzone-container.drag-active{background-color:#303134;border-color:#8ab4f8}body.dark .dropzone-area{background-color:#26282e}body.dark .dropzone-container:hover .dropzone-area{background-color:#2c2f38}body.dark .drag-active .dropzone-area{background-color:#2a3348}body.dark .controls-section{background-color:#303134;border-top-color:#5f6368}body.dark .controls-actions{border-top-color:#5f6368}body.dark select{color:#e8eaed;background:#202124;border-color:#5f6368}body.dark .file-item{color:#e8eaed;border-bottom-color:#5f6368}body.dark .file-meta{color:#80868b}body.dark .controls-quality{color:#9aa0a6}body.dark .quality-value{color:#8ab4f8}body.dark .quality-slider{accent-color:#8ab4f8}body.dark .meta-toggle{color:#80868b}body.dark .meta-toggle input[type=checkbox]{accent-color:#8ab4f8}body.dark .actions-info{color:#80868b}body.dark .file-remove-btn{color:#9aa0a6}body.dark .file-remove-btn:hover{color:#f28b82}body.dark button.action-btn:disabled{color:#5f6368;background-color:#3c4043}body.dark .ctrl-label{color:#9aa0a6}body.dark .or-divider{color:#5f6368}body.dark .or-divider:before,body.dark .or-divider:after{background-color:#5f6368}body.dark .max-mb-input{color:#e8eaed;background:#202124;border-color:#5f6368}body.dark .max-mb-input:focus{border-color:#8ab4f8}body.dark .max-mb-unit{color:#9aa0a6}.status-chips{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:8px;display:flex}.status-chip{color:#80868b;background:#f1f3f4;border-radius:12px;padding:3px 10px;font-size:11px}body.dark .status-chip{color:#9aa0a6;background:#303134}.limit-error{color:#d93025;text-align:center;margin:6px 16px 0;font-size:12px}.analytics-notice{color:#bdc1c6;text-align:center;margin-top:6px;font-size:10px}body.dark .analytics-notice{color:#5f6368}