:root{--bg-primary: #2d2c31;--bg-secondary: #1a191e;--bg-hover: #333;--text-primary: #fff;--text-secondary: #ccc;--text-muted: #9ca3af;--border-color: #484848;--border-color-input: #767676;--marquee-color: #a2a2a2;--primary-color: rgba(92, 140, 190, .5);--primary-hover: rgba(92, 140, 190, 1);--error-color: #dc3545;--success-color: #28a745;--info-color: #17a2b8;--shadow-color: #010101;--bg-toast: #1a191e;--bg-gradient-start: #191620;--bg-gradient-end: #070a10;--bg-gradient: linear-gradient(135deg, var(--bg-gradient-start) 0%, var(--bg-gradient-end) 100%);--bg-noise: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='120'%20height='120'%20viewBox='0%200%20120%20120'%3E%3Cfilter%20id='n'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='.8'%20numOctaves='2'%20stitchTiles='stitch'/%3E%3CfeColorMatrix%20type='saturate'%20values='0'/%3E%3C/filter%3E%3Crect%20width='120'%20height='120'%20filter='url(%23n)'%20opacity='.06'/%3E%3C/svg%3E");--bg-noise-size: 120px 120px;--bg-gradient-noise: var(--bg-noise), var(--bg-gradient);--disabled-bg: #ccc;--placeholder-color: #999;--placeholder-color-light: #bbb;--text-dark: #333;--gray-eee: #eee;--progress-green: #4CAF50;--progress-blue: #2196F3;--bg-dark-alt: #2c2c2c;--bg-dark-alt2: #3c3c3c;--border-dark: #444;--purple-light: #e0b0ff;--black-alpha-02: rgba(0, 0, 0, .2);--black-alpha-03: rgba(0, 0, 0, .3);--white-alpha-03: rgba(255, 255, 255, .3);--bg-secondary-alpha-09: rgba(37, 37, 37, .9);--bg-secondary-alpha-095: rgba(37, 37, 37, .95);--bootstrap-border-light: #dee2e6;--bootstrap-primary: rgba(92, 140, 190, 1);--background-primary: var(--bg-primary);--background-secondary: var(--bg-secondary);--background-hover: var(--bg-hover);--text-color: var(--text-primary);--secondary-color: var(--text-secondary)}.firefox-gradient-fix body,.firefox-gradient-fix .drop-zone{background:var(--bg-gradient-noise)!important;background-color:var(--bg-gradient-end)!important;background-attachment:fixed!important;background-size:var(--bg-noise-size),100% 100%!important;background-repeat:repeat,no-repeat!important;animation:none!important}.firefox-gradient-fix .drop-zone.drag-over{background-image:var(--bg-gradient-noise)!important}.firefox-gradient-fix .queue-item.processing{background:#007bff0d!important}.firefox-gradient-fix .queue-item.completed{background:#28a7450d!important}.firefox-gradient-fix .drop-zone-content p{color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.5)}.firefox-gradient-fix .drop-zone:before{border-color:var(--marquee-color);opacity:.8}.firefox-gradient-fix .drop-zone.drag-over:before{border-color:var(--primary-color);opacity:1}body{background:var(--bg-gradient-noise);background-color:var(--bg-gradient-end);background-attachment:fixed;background-size:var(--bg-noise-size),100% 100%;background-repeat:repeat,no-repeat;margin:0;padding:0;color:var(--text-primary);user-select:none;min-height:100%}.form-group label{color:var(--text-primary);display:block;margin-bottom:.5rem}.settings-section .form-group .form-control,.form-control,input.form-control,select.form-control,textarea.form-control{background-color:var(--bg-primary)!important;border:1px solid var(--border-color-input, var(--border-color))!important;color:var(--text-primary)!important;padding:.5rem;width:100%;border-radius:4px;transition:all .3s ease}input[type=number].form-control,.form-group input[type=number].form-control,.settings-section .form-group input[type=number].form-control{color:var(--text-primary)!important;-webkit-text-fill-color:var(--text-primary)!important}input[type=number].form-control::placeholder,.form-group input[type=number].form-control::placeholder,.settings-section .form-group input[type=number].form-control::placeholder{color:var(--text-secondary)!important;-webkit-text-fill-color:var(--text-secondary)!important;opacity:1!important}input[type=number].form-control::-webkit-inner-spin-button,input[type=number].form-control::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number].form-control{-moz-appearance:textfield;appearance:textfield}.settings-section .form-group .form-control:focus,.form-control:focus{border-color:var(--primary-color)!important;box-shadow:0 0 0 2px #007bff40;background-color:var(--bg-secondary)!important}.settings-section .form-group .form-control:disabled,.form-control:disabled{background-color:var(--bg-primary)!important;opacity:.7;cursor:not-allowed;color:var(--text-secondary)!important}.form-control::placeholder,.form-control::-webkit-input-placeholder,.form-control::-moz-placeholder,.form-control:-ms-input-placeholder,.form-control::-ms-input-placeholder{color:var(--placeholder-color)!important;opacity:1!important}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes fadeInDialog{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.skip-link{position:absolute;top:0;left:0;transform:translateY(-100%);background:var(--primary-hover);color:var(--text-primary);padding:8px 16px;z-index:10000;text-decoration:none;font-weight:500;border-radius:0 0 4px;transition:transform .2s ease}.skip-link:focus{transform:translateY(0);outline:2px solid var(--text-primary);outline-offset:2px}:focus-visible{outline:2px solid var(--primary-hover);outline-offset:2px}button:focus-visible,.btn:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible,[role=button]:focus-visible{outline:2px solid var(--primary-hover);outline-offset:2px;box-shadow:0 0 0 4px #5c8cbe40}.form-control:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary-hover);outline-offset:-2px}.nav-link:focus-visible,[role=tab]:focus-visible{outline:2px solid var(--primary-hover);outline-offset:2px;z-index:1}.modal-close:focus-visible,.feedback-modal-close:focus-visible,.welcome-close:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}a:focus-visible{outline:2px solid var(--primary-hover);outline-offset:2px}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:2px solid var(--primary-hover);outline-offset:2px}.info-icon{background:none;border:none;cursor:pointer;padding:0}.info-icon:focus-visible{outline:2px solid var(--primary-hover);outline-offset:2px;border-radius:50%}.collapsible-header:focus-visible{outline:2px solid var(--primary-hover);outline-offset:2px}#selectFile:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}.settings-toggle:focus-visible,.help-toggle:focus-visible,.feedback-toggle:focus-visible,.bulk-download-toggle:focus-visible,.ffmpeg-toggle:focus-visible{outline:2px solid var(--primary-hover);outline-offset:2px}.video-resolution-preset:focus-visible,.gif-resolution-preset:focus-visible{outline:2px solid var(--primary-hover);outline-offset:2px}.queue-item-remove:focus-visible{outline:2px solid var(--error-color);outline-offset:2px}fieldset{border:none;padding:0;margin:0}fieldset legend{color:var(--text-primary);display:block;margin-bottom:.5rem;font-weight:inherit;font-size:inherit}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.toast{animation:none}}@media(prefers-contrast:high){:focus-visible{outline-width:3px}.toast,.status-indicator{border:2px solid currentColor}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.formats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin:1rem 0}.format-block{background:var(--bg-primary);padding:1rem;border-radius:4px}.format-block h3{margin-top:0}.format-block ul{margin:.5rem 0 0}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin:1rem 0}.settings-block{background:var(--bg-primary);padding:1rem;border-radius:4px}.settings-block h3{margin-top:0}.settings-block ul{margin:.5rem 0 0}.checkbox-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;margin-top:10px}.checkbox-group label{display:flex;align-items:center;gap:5px;font-size:.9em;cursor:pointer}.checkbox-group input[type=checkbox]{margin:0;cursor:pointer}@media(max-width:768px){.formats-grid,.settings-grid{grid-template-columns:1fr}}.help-container{max-width:1000px;margin:0 auto;padding:3.5rem 1.5rem 1.5rem}.help-section{margin-bottom:1.5rem;background:var(--bg-secondary);padding:1.25rem;border-radius:8px}.help-section h1{color:var(--text-primary);margin:0 0 .75rem;font-size:1.75rem}.help-section h2{color:var(--primary-color);margin:0 0 .75rem;font-size:1.4rem}.help-section h3{color:var(--text-secondary);margin:1rem 0 .5rem;font-size:1.1rem}.help-section p{margin:.5rem 0}.help-section ul,.help-section ol{padding-left:1.25rem;margin:.5rem 0}.help-section li{margin:.25rem 0}.audio-settings-container{background-color:var(--bg-secondary);border-radius:8px;padding:20px;margin-top:20px;border:1px solid var(--border-color)}.parameter-table-wrapper{overflow-x:auto;margin:.75rem 0;border-radius:4px;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.parameter-table-wrapper::-webkit-scrollbar{height:8px}.parameter-table-wrapper::-webkit-scrollbar-track{background:transparent}.parameter-table-wrapper::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:4px}.parameter-table-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--secondary-color)}.parameter-table{width:100%;min-width:600px;border-collapse:collapse;margin:0;background:var(--bg-primary);border-radius:4px;overflow:hidden;font-size:.95rem}.parameter-table th,.parameter-table td{padding:.5rem .75rem;border:1px solid var(--border-color);text-align:left}.parameter-table th{background:var(--bg-secondary);font-weight:600}.example{background:var(--bg-primary);padding:.75rem;border-radius:4px;margin:.75rem 0;border:1px solid var(--border-color);font-size:.95rem}.example p{margin:.25rem 0}@media(max-width:768px){.help-container,.help-section{padding:1rem}}@media(max-width:1040px){.sticky-header{padding:.75rem 1rem}}.btn-primary{background-color:var(--primary-color);color:var(--text-primary);border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.btn-primary:hover{background-color:var(--primary-hover)}.btn-primary:disabled{background-color:var(--disabled-bg);cursor:not-allowed}.btn-primary.loading{position:relative;color:transparent}.btn-primary.loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-top:-8px;margin-left:-8px;border:2px solid var(--white-alpha-03);border-radius:50%;border-top-color:var(--text-primary);animation:spin 1s infinite linear}.btn-outline-primary{color:var(--text-primary)!important;border:2px solid var(--primary-color)!important;background-color:transparent!important;padding:.375rem .75rem;border-radius:4px;transition:all .2s ease-in-out}.btn-outline-primary:hover{color:var(--text-primary)!important;background-color:var(--primary-color)!important;border-color:var(--primary-color)!important}.btn-outline-primary:focus{box-shadow:0 0 0 .2rem #5960cc40}.btn-outline-primary.active{color:var(--text-primary)!important;background-color:var(--primary-color)!important;border-color:var(--primary-color)!important}.droplet-btn{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:.75rem 1rem;border-radius:4px;cursor:pointer;transition:all .3s ease;display:block;width:100%;margin-top:1.5rem;font-size:.9rem}.droplet-btn:hover{background-color:var(--bg-hover);border-color:var(--primary-color)}.droplet-btn:active{transform:scale(.98)}.floating-update-btn-container{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:1000;animation:slideUp .3s ease-out}.update-url-btn{background-color:var(--primary-color)!important;color:var(--text-primary)!important;border:none!important;padding:.75rem 1.5rem!important;border-radius:50px!important;box-shadow:0 4px 12px var(--black-alpha-03);margin:0!important;display:flex!important;align-items:center;gap:.5rem;font-weight:500}.update-url-btn:hover{background-color:var(--primary-hover)!important;transform:translateY(-2px);box-shadow:0 6px 16px var(--black-alpha-03)}.update-url-btn:active{transform:translateY(0)}.update-btn-icon{font-size:1.2rem;line-height:1}.drop-zone{position:fixed;top:0;left:0;width:100%;height:100%;text-align:center;transition:background .3s ease;background:var(--bg-gradient-noise);background-color:var(--bg-gradient-end);background-attachment:fixed;background-size:var(--bg-noise-size),100% 100%;background-repeat:repeat,no-repeat;display:flex;align-items:center;justify-content:center;z-index:0}.drop-zone:before{content:"";position:absolute;inset:10px;border:2px dashed var(--marquee-color);border-radius:8px;transition:all .3s ease;pointer-events:none}.drop-zone.drag-over{background-image:var(--bg-gradient-noise)}.drop-zone.drag-over:before{border-color:var(--primary-color);inset:12px}.drop-zone-content{padding:2rem;border-radius:8px;pointer-events:auto;transition:transform .3s ease}.drop-zone.drag-over .drop-zone-content{transform:scale(.95)}.drop-zone-content p{color:var(--text-primary);margin:.5rem 0}@media(max-height:442px){.drop-zone-content{transform:scale(.85);padding:1.5rem;max-height:90vh;overflow-y:auto}}.progress-container{margin:10px 0}.progress-label{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-size:14px;color:var(--text-muted)}.progress-label span:first-child{color:var(--text-dark);font-weight:500}#ffmpegTimeText{color:var(--text-muted);font-size:13px}.progress-bar-container{width:100%;height:6px;background:var(--gray-eee);border-radius:3px;overflow:hidden}.progress-bar{width:0;height:100%;background:var(--progress-green);transition:width .2s ease-out}#ffmpegProgress{margin-top:12px;padding-top:12px;border-top:1px solid var(--gray-eee)}#ffmpegProgressBar{background:var(--progress-blue)}.batch-progress{display:none;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background-color:var(--bg-secondary-alpha-09);padding:1rem;border-radius:8px;z-index:3;min-width:300px}.progress-text{color:var(--text-primary);text-align:center;margin-bottom:.5rem}.progress{height:.5rem;background-color:var(--bg-secondary);border-radius:.25rem;overflow:hidden}.progress-bar{background-color:var(--primary-color);height:100%;transition:width .3s ease}.settings-panel{position:fixed;top:0;right:-400px;width:100%;max-width:380px;height:100%;background-color:transparent;border-left:1px solid var(--border-color);padding:20px;transition:right .3s ease;color:var(--text-primary);z-index:1000;display:flex;flex-direction:column;box-shadow:-2px 0 10px var(--black-alpha-03);backdrop-filter:blur(30px)}.settings-panel.open{right:0}.settings-panel h3{margin:20px;padding:0;flex-shrink:0;color:var(--text-primary)}.settings-panel .nav-tabs{flex-shrink:0;margin-bottom:20px;position:sticky;top:0;z-index:1}.settings-panel.droplet-mode #mediaTypeTabs{display:none}.settings-panel.droplet-mode .settings-section{margin-top:0}.settings-section{flex:1;overflow-y:auto;display:none;padding:20px;padding-bottom:5rem!important;border-radius:8px;box-shadow:0 2px 4px #0000001a}.desktop-settings{display:none;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.is-tauri .desktop-settings{display:block}.desktop-settings h4{margin:0 0 .75rem;color:var(--text-primary)}.settings-section.active{display:block}.settings-panel.droplet-mode .settings-section{overflow-y:auto}.settings-section::-webkit-scrollbar{width:8px}.settings-section::-webkit-scrollbar-track{background:var(--bg-primary)}.settings-section::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.settings-section::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.settings-section .form-group{margin-bottom:15px}.settings-hint{margin:.75rem 0 0;font-size:.8rem;line-height:1.4;color:var(--text-muted)}.app-subsection{padding:18px 0;border-top:1px solid var(--border-color)}.app-subsection:first-child{padding-top:0;border-top:none}.app-subsection-title{margin:0 0 14px;font-size:.95rem;font-weight:600;color:var(--text-primary)}.engine-block .engine-active,.engine-block .engine-section,.engine-block .ffmpeg-info-section{margin-bottom:16px}.engine-block>*:last-child{margin-bottom:0}.app-toggle-row{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;margin-bottom:8px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);cursor:pointer}.app-toggle-row input[type=checkbox]{margin:2px 0 0;flex:0 0 auto}.app-toggle-row>span{display:flex;flex-direction:column;gap:2px;min-width:0;color:var(--text-secondary);font-size:.9rem}.app-toggle-row small{color:var(--text-muted);font-size:.76rem}.settings-divider{position:relative;text-align:center;border-bottom:1px solid var(--border-color);margin:20px 0}.settings-divider span{background-color:var(--bg-secondary);padding:0 10px;color:var(--text-primary);position:relative;top:10px;font-weight:500}#mediaTypeTabs{border-bottom:1px solid var(--bootstrap-border-light);margin-bottom:1rem}#mediaTypeTabs .nav-link{color:#e5f2fe;border:none;padding:.5rem;cursor:pointer;background:none;flex:1;text-align:center;white-space:nowrap}#mediaTypeTabs .nav-link.active{color:var(--primary-hover);border-bottom:2px solid var(--primary-hover)}#mediaTypeTabs .nav-link:hover{color:var(--secondary-color);border-bottom:2px solid var(--secondary-color);opacity:.8}.ffmpeg-status{display:flex;align-items:center;gap:.5rem;padding:.5rem 0}.ffmpeg-status-ok{color:var(--success-color, #4ade80);font-size:.9rem}.ffmpeg-status-missing{color:var(--warning-color, #fbbf24);font-size:.9rem}.ffmpeg-status-error{color:var(--error-color, #f87171);font-size:.9rem}.ffmpeg-source{color:var(--text-muted);font-size:.8rem}#ffmpegDownloadSection .progress{height:8px;background:var(--bg-primary);border-radius:4px;overflow:hidden}#ffmpegDownloadSection .progress-bar,#ffmpegModalDownloadProgress .progress-bar{height:100%;background:var(--primary-color, #3b82f6);transition:width .2s ease}.app-modal{display:none;position:fixed;z-index:1050;inset:0;overflow:auto;background-color:transparent;backdrop-filter:blur(40px);align-items:center;justify-content:center}.app-modal.open{display:flex}.app-modal .app-modal-content{background-color:transparent;backdrop-filter:blur(200px)!important;color:var(--text-color, #f1f1f1);margin:auto;padding:24px;border:1px solid var(--border-color, #444);border-radius:12px;width:90%;max-width:640px;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 8px 32px #0000004d}.app-modal--full .app-modal-content--full{width:95%;max-width:1100px;height:90vh;max-height:90vh;padding:0;overflow:hidden;display:flex;flex-direction:column}.app-modal--full .modal-close{z-index:2}.app-modal-iframe{flex:1 1 auto;width:100%;border:0;background:transparent;border-radius:inherit}.app-modal .app-modal-content::-webkit-scrollbar{width:8px}.app-modal .app-modal-content::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:4px}.app-modal .app-modal-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.app-modal .app-modal-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.app-modal .modal-close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-muted);padding:4px 8px;line-height:1}.app-modal .modal-close:hover{color:var(--text-primary)}.app-modal .app-modal-content h4{margin:0 0 20px;color:var(--text-primary)}.app-modal .app-modal-content h5{margin:0 0 8px;color:var(--text-primary)}.app-modal .app-modal-content p,.app-modal .app-modal-content li,.app-modal .app-modal-content small{color:var(--text-primary)}.app-modal .acks-section{margin-bottom:20px}.app-modal .acks-section+.acks-section{padding-top:16px;border-top:1px solid var(--border-color)}.app-modal .acks-section ul{margin:8px 0;padding-left:20px}.app-modal .acks-section code{background:var(--bg-primary);padding:1px 6px;border-radius:4px;font-size:.85em}.link-button{background:none;border:none;padding:0;color:var(--primary-color);cursor:pointer;text-decoration:underline;font:inherit}.link-button:hover{opacity:.8}.engine-block .ffmpeg-source,.engine-block label{color:var(--text-primary)}.engine-block .text-muted{color:var(--text-secondary)!important}.engine-block input::placeholder{color:var(--text-primary);opacity:.6}.engine-block code{padding:1px 5px;border-radius:4px;background:#ffffff14;color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85em}.engine-active{display:flex;align-items:baseline;gap:10px;padding:12px 14px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px}.engine-active-label{flex:0 0 auto;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.engine-active-value{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.engine-section{margin:0;padding:0;border:none}.engine-section[hidden]{display:none}fieldset.engine-section>legend,.engine-section>summary,.engine-subhead{padding:0;margin-bottom:10px;color:var(--text-primary);font-weight:600;font-size:.9rem}.engine-mode-options,.engine-binary-options,.engine-wasm-threading{display:flex;flex-direction:column;gap:6px}.engine-section .radio-option{display:flex;align-items:flex-start;gap:10px;cursor:pointer;padding:9px 12px;border:1px solid transparent;border-radius:8px;background:var(--bg-primary);transition:background .15s,border-color .15s}.engine-section .radio-option:hover{border-color:var(--border-color)}.engine-section .radio-option input[type=radio]{margin:2px 0 0;flex:0 0 auto}.engine-section .radio-option:has(input:checked){border-color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 12%,var(--bg-primary))}.engine-section .radio-text{display:flex;flex-direction:column;gap:2px;min-width:0;color:var(--text-secondary);font-size:.9rem}.engine-section .radio-text small{color:var(--text-muted);font-size:.76rem;overflow-wrap:anywhere}.engine-wasm-threading{flex-flow:row wrap}.engine-wasm-threading .radio-option{flex:1 1 auto;justify-content:center}.engine-custom-path{margin-top:8px;display:flex;flex-direction:column;gap:8px}.engine-custom-path[hidden]{display:none}.ffmpeg-path-actions{display:flex;gap:8px;flex-wrap:wrap}.engine-download{margin-top:10px;padding:14px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px}.engine-download[hidden]{display:none}.engine-download .progress{height:8px;background:var(--border-color);border-radius:4px;overflow:hidden}.engine-wasm>summary{cursor:pointer;list-style:none}.engine-wasm>summary::-webkit-details-marker{display:none}.engine-wasm>summary:after{content:"▸";margin-left:6px;color:var(--text-muted);font-size:.8em}.engine-wasm[open]>summary:after{content:"▾"}.engine-hint{margin:-4px 0 12px;font-size:.8rem}.engine-field{margin-bottom:12px}.engine-core-status{margin:10px 0;font-size:.82rem}.engine-wasm-actions{display:flex;gap:8px;flex-wrap:wrap}.engine-advanced{margin-top:12px;padding-top:10px;border-top:1px solid var(--border-color)}.engine-advanced>summary{cursor:pointer;margin-bottom:8px;color:var(--text-muted);font-size:.8rem}.engine-advanced label{display:block;margin-bottom:6px;font-size:.85rem}.engine-advanced input[type=number]{max-width:120px}.ffmpeg-info-section{padding-top:14px;border-top:1px solid var(--border-color)}.ffmpeg-info-section a,.ffmpeg-info-section .link-button{color:var(--bootstrap-primary)}@media(max-width:560px){.settings-panel{max-width:100%;right:-100%;padding:16px 12px}.settings-panel h3{margin:12px 8px}.settings-section{padding:16px 12px;padding-bottom:5rem!important}}.info-dialog{display:none;position:fixed;bottom:3rem;right:1rem;background-color:none;backdrop-filter:blur(40px);padding:1rem;border-radius:8px;max-width:300px;color:var(--text-primary);z-index:1002;box-shadow:0 2px 10px var(--black-alpha-03);border:1px solid rgba(255,255,255,.1);transform-origin:bottom right;pointer-events:none;@media(max-height:500px){max-width:92%;font-size:13px}}.droplet-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:none;backdrop-filter:blur(40px);border-radius:8px;padding:1.5rem;min-width:400px;max-width:90vw;box-shadow:0 4px 20px var(--black-alpha-03);z-index:1004;color:var(--text-primary);animation:fadeIn .2s ease-out}.droplet-dialog h3{margin:0 0 1.5rem;color:var(--text-primary);font-size:1.2rem;padding-right:2rem}.droplet-content{max-height:70vh;overflow-y:auto}.droplet-section{margin-bottom:1.5rem}.droplet-section:last-child{margin-bottom:0}.droplet-section strong{color:var(--primary-color);display:block;margin-bottom:.5rem}.droplet-section ul{list-style:none;padding:0;margin:.5rem 0}.droplet-section li{padding:.3rem 0;color:var(--text-secondary);font-size:.9rem}.droplet-url{width:100%;background-color:var(--bg-primary);border:1px solid var(--border-dark);color:var(--text-primary);padding:.75rem;border-radius:4px;margin-bottom:.75rem;font-family:monospace;font-size:.9rem}.droplet-close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer;opacity:.7;transition:opacity .2s ease;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.droplet-close-btn:hover{opacity:1}.welcome-card{position:fixed;top:1rem;left:50%;background-color:var(--bg-secondary);border-radius:8px;padding:1.5rem;width:400px;box-shadow:0 4px 12px var(--black-alpha-03);z-index:1010;transform:translate(-50%,-150%);transition:transform .3s ease-out;color:var(--text-primary)}.welcome-card.show{transform:translate(-50%)}.welcome-card h3{margin:0 0 1rem;font-size:1.2rem;color:var(--text-primary)}.welcome-content{font-size:.95rem}.welcome-content p{margin:0 0 1rem;line-height:1.4}.welcome-content ul{margin:0;padding-left:1.5rem}.welcome-content li{margin-bottom:.5rem;line-height:1.4}.welcome-content li:last-child{margin-bottom:0}.welcome-content a{color:var(--primary-hover)}.welcome-privacy-optout{display:flex;align-items:flex-start;gap:.5rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border-color, rgba(255, 255, 255, .12));font-size:.85rem;line-height:1.4;cursor:pointer}.welcome-privacy-optout input{margin:.15rem 0 0;flex-shrink:0}.welcome-privacy-optout>span{display:flex;flex-direction:column;gap:.2rem;min-width:0}.welcome-privacy-optout small{color:var(--text-muted);font-size:.78rem;line-height:1.4;font-weight:400}.welcome-close{position:absolute;top:.5rem;right:.5rem;background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:.25rem .5rem;line-height:1;transition:color .2s ease}.welcome-close:hover{color:var(--text-primary)}@keyframes tooltipFadeIn{0%{opacity:0}to{opacity:1}}@keyframes tooltipSlideUp{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes tooltipSlideLeft{0%{opacity:0;transform:translateY(-50%) translate(8px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.info-tooltip{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#007bff1a;color:var(--primary-color);font-size:12px;cursor:help;margin-left:4px;position:relative}.info-tooltip:hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:8px 12px;background:var(--bg-secondary-alpha-095);color:var(--text-primary);border-radius:4px;font-size:12px;white-space:normal;width:200px;z-index:1000;box-shadow:0 2px 8px var(--black-alpha-02);animation:tooltipSlideUp .2s ease-out}select option[data-tooltip]{position:relative}select option[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;top:50%;left:100%;transform:translateY(-50%);padding:8px 12px;background:var(--bg-secondary-alpha-095);color:var(--text-primary);border-radius:4px;font-size:12px;white-space:normal;max-width:200px;z-index:1000;box-shadow:0 2px 8px var(--black-alpha-02);animation:tooltipSlideLeft .2s ease-out}.droplet-mode-indicator{border-radius:6px;padding:1rem;margin-bottom:1.5rem;text-align:center;backdrop-filter:blur(5px)}.droplet-mode-badge{display:inline-flex;align-items:center;background-color:var(--primary-color);color:var(--text-primary);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;margin-bottom:.75rem}.droplet-icon{margin-right:.5rem;font-size:1.1rem}.droplet-format{color:var(--text-primary);font-size:1.4rem;font-weight:700;text-shadow:0 2px 4px var(--black-alpha-02);margin-bottom:.5rem}.droplet-settings{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.5rem}.droplet-setting{background-color:#5c8cbe26;color:var(--text-primary);padding:.25rem .75rem;border-radius:12px;font-size:.9rem;border:1px solid rgba(92,140,190,.3);transition:all .3s ease}.droplet-setting.modified{background-color:#9500ff1a;border-color:#9500ff4d;color:var(--purple-light)}.settings-panel.droplet-mode #mediaTypeTabs,.settings-panel.droplet-mode .format-display{display:none}.settings-panel.droplet-mode .settings-section{margin-top:0;overflow-y:auto}.format-display{text-align:center;margin-bottom:1.5rem;color:var(--text-primary)}.format-label{display:block;margin-bottom:.75rem;font-size:1.5rem;font-weight:500}.format-selectors{display:flex;flex-direction:column;align-items:center;gap:.75rem}.format-selector{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.75rem;width:200px}.format-selector label{font-size:.9rem;color:var(--text-secondary);text-align:right;justify-self:end}.format-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:transparent;border:none;padding:0;margin:0;font-family:inherit;cursor:pointer;background-color:#5c8cbe40;color:var(--text-primary);padding:.25rem .75rem;border-radius:12px;font-size:.9rem;border:1px solid rgba(92,140,190,.3);transition:all .3s ease;text-align:center;width:100%;max-width:120px;justify-self:end}.format-select:hover{background-color:#007bff33;border-color:#007bff66}.format-select:focus{box-shadow:0 0 0 2px #007bff4d}.format-select:focus-visible{outline:2px solid var(--primary-hover);outline-offset:2px}.format-select option{background-color:var(--bg-secondary);color:var(--text-primary)}.sticky-header{position:fixed;top:0;left:0;right:0;background:var(--bg-primary);padding:.75rem;z-index:1000;border-bottom:1px solid var(--border-color);display:flex;justify-content:flex-end;max-width:1000px;margin:0 auto}.home-button{display:inline-flex;align-items:center;color:var(--text-secondary);text-decoration:none;border-radius:20px;font-size:.9rem;transition:all .2s ease;margin-right:1.5rem}.home-button:hover{color:var(--text-primary);text-decoration:none}.home-icon{margin-right:.5rem;font-size:1.1rem}.top-toolbar{position:fixed;top:1.25rem;right:1.25rem;z-index:1006;display:flex;align-items:center;gap:.25rem}.top-toolbar .help-toggle,.top-toolbar .feedback-toggle,.top-toolbar .info-icon,.top-toolbar .settings-toggle{position:static;inset:auto;margin:0;width:38px;height:38px;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:6px;padding:6px;cursor:pointer;transition:background .2s ease,opacity .2s ease}.top-toolbar button:hover{background:var(--bg-hover)}.top-toolbar .help-toggle img,.top-toolbar .feedback-toggle img,.top-toolbar .info-icon img,.top-toolbar .settings-toggle img{width:20px;height:20px;opacity:.8}.top-toolbar .settings-toggle img{opacity:.95}.top-toolbar .info-icon{position:relative}@media(max-width:1040px){.sticky-header{padding:.75rem 1rem}.top-toolbar{top:1rem;right:1rem;gap:.125rem}.top-toolbar .help-toggle,.top-toolbar .feedback-toggle,.top-toolbar .info-icon,.top-toolbar .settings-toggle{width:42px;height:42px}.top-toolbar .help-toggle img,.top-toolbar .feedback-toggle img,.top-toolbar .info-icon img,.top-toolbar .settings-toggle img{width:24px;height:24px}}.info-icon:hover{opacity:.7}.top-toolbar .info-dialog{top:3.5rem;bottom:auto;right:0;transform-origin:top right}@media(max-width:1040px){.top-toolbar .info-dialog{top:3.25rem}}.info-icon:hover+.info-dialog,.info-icon:focus+.info-dialog,.info-icon:focus-visible+.info-dialog,.info-dialog:hover{display:block;animation:fadeInDialog .3s ease-out;pointer-events:auto}.feedback-modal{display:none;position:fixed;z-index:1050;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:none;backdrop-filter:blur(40px);align-items:center;justify-content:center}.feedback-modal-content{background-color:none;backdrop-filter:blur(200px)!important;color:var(--text-color, #f1f1f1);margin:auto;padding:20px;border:1px solid var(--border-color, #444);border-radius:8px;width:80%;max-width:500px;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;position:relative}.feedback-modal-close{color:var(--text-muted, #aaa);position:absolute;top:10px;right:20px;font-size:28px;font-weight:700;background:none;border:none}.feedback-modal-close:hover,.feedback-modal-close:focus{color:var(--text-color, #fff);text-decoration:none;cursor:pointer}.feedback-modal h4{margin-top:0;color:var(--text-color, #f1f1f1)}.feedback-modal p{font-size:.9rem;margin-bottom:15px}.feedback-modal #feedbackTextarea{width:100%;min-height:100px;padding:10px;margin-bottom:15px;border:1px solid var(--border-color, #444);border-radius:4px;background-color:var(--background-primary, #1e1e1e);color:var(--text-color, #f1f1f1);resize:vertical}.feedback-modal-actions{display:flex;justify-content:flex-end;gap:10px}.feedback-modal .btn{padding:10px 15px;border-radius:4px;cursor:pointer;text-decoration:none;font-weight:500;transition:background-color .2s ease,border-color .2s ease}.feedback-modal .btn-primary{background-color:var(--primary-color, #007bff);color:#fff;border:1px solid var(--primary-color, #007bff)}.feedback-modal .btn-primary:hover{background-color:var(--primary-hover, #0056b3);border-color:var(--primary-hover, #0056b3)}.feedback-modal .btn-secondary{background-color:var(--button-secondary-bg, #6c757d);color:#fff;border:1px solid var(--button-secondary-bg, #6c757d)}.feedback-modal .btn-secondary:hover{background-color:var(--button-secondary-hover-bg, #5a6268);border-color:var(--button-secondary-hover-bg, #545b62)}:root{--side-rail-w: 30px;--rail-top: 76px}.side-rail{position:fixed;left:0;top:var(--rail-top);z-index:1102;display:flex;flex-direction:column;gap:8px;pointer-events:auto}.side-rail-tab{position:relative;width:var(--side-rail-w);min-height:104px;padding:12px 5px;background:var(--bg-secondary);border:1px solid var(--border-color);border-left:none;border-radius:0 8px 8px 0;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;box-shadow:2px 0 8px var(--black-alpha-03);transition:background .15s ease,color .15s ease,border-color .15s ease}.side-rail-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.side-rail-tab:focus-visible{outline:2px solid var(--primary-hover);outline-offset:1px}.side-rail-tab.active{background:var(--bg-primary);border-color:var(--primary-hover);color:var(--text-primary)}.srt-label{writing-mode:vertical-rl;text-orientation:mixed;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.srt-badge{position:absolute;top:6px;left:50%;transform:translate(-50%);min-width:16px;height:16px;padding:0 3px;border-radius:8px;background:var(--primary-hover);color:#fff;font-size:10px;font-weight:700;line-height:16px;display:grid;place-items:center}.srt-badge[hidden]{display:none}@media(min-width:700px)and (min-height:700px){.side-rail{top:calc(40vh - 108px)}#conversionQueue{top:var(--rail-top);bottom:calc(60vh + 8px);max-height:none}#dropletRail{top:calc(40vh + 8px);bottom:20px;max-height:none}}@media(max-width:700px){body:has(.settings-panel.open) .side-rail,body:has(.settings-panel.open) #conversionQueue,body:has(.settings-panel.open) #dropletRail{display:none}}.queue-container{--queue-w: 300px;position:fixed;top:var(--rail-top, 76px);left:calc(-1 * var(--queue-w));width:var(--queue-w);max-height:calc(100vh - var(--rail-top, 76px) - 20px);background:transparent;backdrop-filter:blur(10px);color:var(--text-primary);font-size:.9rem;z-index:1100;transition:left .3s ease;display:flex;pointer-events:auto}.queue-container.visible{left:var(--side-rail-w, 30px)}.queue-content{width:100%;overflow-y:auto;padding:10px;scrollbar-width:thin;scrollbar-color:var(--white-alpha-03) transparent;min-height:50px;max-height:inherit;background:var(--bg-secondary);box-shadow:0 2px 8px var(--black-alpha-03);border-radius:0 8px 8px 0;transition:height .3s ease-out}.queue-empty{color:var(--text-muted);font-size:.8rem;line-height:1.5;padding:6px 4px;margin:0}.queue-container.has-items .queue-empty{display:none}.queue-container:not(.has-items) .queue-header-actions{display:none}.queue-content::-webkit-scrollbar{width:6px}.queue-content::-webkit-scrollbar-track{background:transparent}.queue-content::-webkit-scrollbar-thumb{background-color:var(--white-alpha-03);border-radius:3px}.queue-item{display:flex;flex-direction:column;margin-bottom:5px;padding:6px 8px;background:var(--bg-primary);border-radius:3px;gap:2px}.queue-item:last-child{margin-bottom:0}.queue-item-row{display:flex;align-items:center;gap:6px;min-width:0}.queue-item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-item-name[title]{cursor:default}.queue-item-info{display:flex;flex-direction:column;flex:1;min-width:0;gap:2px}.queue-item-filename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem}.queue-item-progress-row{display:flex;align-items:center;gap:6px}.queue-item-progress-bar{flex:1;height:3px;background:var(--white-alpha-03);border-radius:2px;overflow:hidden}.queue-item-progress-bar-fill{height:100%;background:var(--accent-color, #4a9eff);border-radius:2px;transition:width .3s ease;width:0%}.queue-item-progress-text{flex-shrink:0;white-space:nowrap;font-size:.75rem;opacity:.8;min-width:28px;text-align:right}.queue-item-eta{flex-shrink:0;white-space:nowrap;font-size:.7rem;opacity:.6}.queue-item-remove{background:transparent;border:none;color:var(--text-primary);cursor:pointer;font-size:1rem;padding:0 4px;opacity:.7;transition:opacity .2s ease;flex-shrink:0}.queue-item-remove:hover{opacity:1}.queue-header-actions{display:flex;gap:6px;justify-content:flex-end;padding:0 2px 8px;margin-bottom:4px;border-bottom:1px solid var(--border-color)}.queue-action-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;font-size:.72rem;padding:3px 10px;border-radius:5px;transition:background .15s ease,color .15s ease,border-color .15s ease}.queue-action-btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}.queue-action-btn--danger:hover{color:var(--error-color, #f87171);border-color:var(--error-color, #f87171)}.queue-item-cancel{background:transparent;border:none;color:var(--text-primary);cursor:pointer;font-size:.9rem;padding:2px 6px;opacity:.8;transition:opacity .2s ease;flex-shrink:0}.queue-item-cancel:hover{opacity:1}.queue-item.processing{font-weight:700;background:var(--bg-primary)}.queue-item.completed{opacity:.7;font-weight:400}.queue-item.completed .queue-item-progress-bar-fill{background:#28a745}.queue-item.completed.failed .queue-item-progress-bar-fill{background:#dc3545}.queue-item.completed.cancelled .queue-item-progress-bar-fill{background:#6c757d}.queue-item-result{font-size:.7rem;opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-item-result.success{color:#28a745}.queue-item-result.error{color:#dc3545}.queue-item-result.cancelled{color:#6c757d}.queue-item-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.queue-item-report-issue,.queue-item-retry-in-app{background:transparent;border:1px solid var(--border-color, rgba(127, 127, 127, .4));border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:.7rem;padding:2px 8px;opacity:.85;transition:opacity .2s ease,border-color .2s ease,color .2s ease}.queue-item-report-issue:hover,.queue-item-retry-in-app:hover{opacity:1;border-color:var(--primary-hover, #5c8cbe)}.queue-item-report-issue{border-color:#5c8cbe80;color:var(--primary-hover, #5c8cbe)}.queue-item-report-issue:disabled{cursor:default;opacity:.6}.queue-item.print-dialog-item{border-left:3px solid #007bff;background:linear-gradient(90deg,rgba(0,123,255,.1) 0%,var(--bg-primary) 100%)}.queue-item.print-dialog-item.processing{border-left:3px solid #28a745;background:linear-gradient(90deg,rgba(40,167,69,.1) 0%,var(--bg-primary) 100%);animation:pulse-print-dialog 2s infinite}.queue-item-status{font-size:.8rem;color:var(--text-secondary);font-style:italic;margin-top:2px;display:block}@keyframes pulse-print-dialog{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.queue-header-toggle{display:flex;align-items:center;gap:4px;font-size:.7rem;opacity:.6;cursor:pointer;margin-bottom:6px;user-select:none}.queue-header-toggle input[type=checkbox]{width:12px;height:12px;margin:0;cursor:pointer}.queue-header-toggle:hover{opacity:.9}.droplet-rail-container{--droplet-w: 320px;position:fixed;top:var(--rail-top, 76px);left:calc(-1 * var(--droplet-w));width:var(--droplet-w);max-height:calc(100vh - var(--rail-top, 76px) - 20px);background:transparent;color:var(--text-primary);font-size:.9rem;z-index:1100;display:flex;transition:left .3s ease;pointer-events:auto}.droplet-rail-container.visible{left:var(--side-rail-w, 30px)}.droplet-rail-panel{width:100%;overflow-y:auto;padding:12px;background:var(--bg-secondary);box-shadow:0 2px 8px var(--black-alpha-03);border-radius:0 8px 8px 0;scrollbar-width:thin;scrollbar-color:var(--white-alpha-03) transparent;max-height:inherit}.droplet-rail-panel::-webkit-scrollbar{width:6px}.droplet-rail-panel::-webkit-scrollbar-thumb{background-color:var(--white-alpha-03);border-radius:3px}.droplet-rail-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:8px}.droplet-rail-head h4{margin:0;font-size:.95rem;color:var(--text-primary)}.droplet-rail-new{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;font-size:.72rem;padding:3px 10px;border-radius:5px;transition:background .15s ease,color .15s ease,border-color .15s ease}.droplet-rail-new:hover{color:var(--text-primary);border-color:var(--text-secondary);background:var(--bg-hover)}.droplet-rail-empty{color:var(--text-muted);font-size:.8rem;line-height:1.5;padding:8px 2px 12px}.droplet-card{display:flex;align-items:center;gap:10px;padding:8px;margin-bottom:8px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.droplet-card:hover,.droplet-card:focus-visible{border-color:var(--primary-hover);background:var(--bg-hover);outline:none}.droplet-card.drag-over{border-color:var(--primary-hover);border-style:dashed;background:#5c8cbe2e}.droplet-card.ephemeral{border-style:dashed}.droplet-mark{flex-shrink:0;width:44px;height:36px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;letter-spacing:.02em;color:var(--text-primary);background:#5c8cbe33;border:1px solid rgba(92,140,190,.35)}.droplet-mark.image{background:#28a7452e;border-color:#28a74566}.droplet-mark.video{background:#5c8cbe33;border-color:#5c8cbe66}.droplet-mark.audio{background:#9500ff29;border-color:#9500ff5c}.droplet-mark.document{background:#dc822829;border-color:#dc822861}.droplet-mark.model3d{background:#17a2b829;border-color:#17a2b866}.droplet-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.droplet-name{font-size:.85rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.droplet-pills{display:flex;flex-wrap:wrap;gap:4px}.droplet-pills .pill{font-size:.66rem;padding:1px 7px;border-radius:10px;background:#5c8cbe26;border:1px solid rgba(92,140,190,.28);color:var(--text-secondary);white-space:nowrap}.droplet-actions{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.droplet-icon-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:3px;border-radius:4px;line-height:0;transition:color .15s ease,background .15s ease}.droplet-icon-btn:hover,.droplet-icon-btn:focus-visible{color:var(--text-primary);background:var(--bg-hover);outline:none}.droplet-icon-btn svg{width:15px;height:15px}.droplet-icon-btn.danger:hover{color:var(--error-color)}.droplet-rail-divider{border:none;border-top:1px solid var(--border-color);margin:12px 0}.droplet-browse-tools{display:flex;align-items:center;gap:10px;padding:10px 11px;border:1px dashed var(--border-color);border-radius:6px;color:var(--text-primary);text-decoration:none;transition:border-color .15s ease,background .15s ease}.droplet-browse-tools:hover{border-color:var(--primary-hover);background:var(--bg-hover)}.droplet-browse-tools .bt-text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.droplet-browse-tools .bt-title{font-size:.82rem;font-weight:600}.droplet-browse-tools .bt-sub{font-size:.68rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.droplet-browse-tools svg{flex-shrink:0;width:16px;height:16px;color:var(--primary-hover)}.droplet-rail-hint{font-size:.68rem;color:var(--text-muted);margin:8px 2px 0;line-height:1.5}.droplet-mode-exit{position:fixed;top:14px;left:14px;z-index:1200;display:none;align-items:center;gap:5px;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:20px;padding:5px 12px 5px 9px;font-size:.78rem;cursor:pointer;box-shadow:0 2px 8px var(--black-alpha-03);transition:color .15s ease,border-color .15s ease}html.droplet-active .droplet-mode-exit{display:inline-flex}.droplet-mode-exit:hover,.droplet-mode-exit:focus-visible{color:var(--text-primary);border-color:var(--text-secondary);outline:none}.droplet-mode-exit svg{width:15px;height:15px}.droplet-create{display:flex;flex-direction:column;gap:12px}.droplet-create-head{display:flex;align-items:center;gap:8px}.droplet-create-head h4{margin:0;font-size:.95rem;color:var(--text-primary)}.droplet-create-back{display:inline-flex;align-items:center;gap:3px;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);border-radius:5px;padding:3px 9px 3px 6px;font-size:.72rem;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.droplet-create-back:hover,.droplet-create-back:focus-visible{color:var(--text-primary);border-color:var(--text-secondary);background:var(--bg-hover);outline:none}.droplet-create-back svg{width:13px;height:13px}.droplet-create-field{display:flex;flex-direction:column;gap:5px}.dcf-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.dcf-settings-label{margin-bottom:-4px}.droplet-create .form-control{font-size:.82rem}.droplet-create-format{width:100%}.droplet-create-settings{display:flex;flex-direction:column;gap:8px}.droplet-create-empty{font-size:.72rem;color:var(--text-muted);line-height:1.5;margin:0}.droplet-setting-row{position:relative;padding:8px 30px 9px 10px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-hover)}.dsr-label{display:block;font-size:.74rem;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.dsr-control{display:flex;align-items:center;gap:8px}.dsr-control select,.dsr-control.dsr-select select{width:100%}.dsr-slider{flex:1;min-width:0}.dsr-readout{flex-shrink:0;min-width:3.2em;text-align:right;font-variant-numeric:tabular-nums;font-size:.78rem;color:var(--text-primary)}.dsr-hint{flex-basis:100%;font-size:.66rem;color:var(--text-muted)}.dsr-dimensions{align-items:center}.dsr-dim{width:100%;min-width:0}.dsr-x{flex-shrink:0;color:var(--text-muted)}.dsr-suffix{flex-shrink:0;font-size:.74rem;color:var(--text-muted)}.dsr-toggle{justify-content:flex-start}.dsr-toggle input{width:16px;height:16px;cursor:pointer}.droplet-setting-remove{position:absolute;top:7px;right:7px;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:4px;transition:color .15s ease,background .15s ease}.droplet-setting-remove:hover{color:var(--error-color);background:var(--bg-secondary)}.droplet-setting-remove svg{width:13px;height:13px}.droplet-create-add.hidden{display:none}.droplet-create-add-select{width:100%;color:var(--text-secondary)}.droplet-create-preview{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.74rem;color:var(--text-muted);background:var(--bg-hover);border:1px solid var(--border-color);border-radius:5px;padding:6px 8px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}.droplet-create-actions{display:flex;flex-wrap:wrap;gap:8px}.droplet-create-actions .btn{flex:1 1 auto;font-size:.8rem;padding:7px 12px}.droplet-create-save{flex-grow:2}.droplet-create-app{flex-basis:100%}.droplet-create-copy.copied{color:var(--success-color, #2ecc71);border-color:var(--success-color, #2ecc71)}.folder-sidebar-content{color:var(--text-primary);font-size:.9rem}.watch-folders-list{display:flex;flex-direction:column;gap:8px;max-height:350px;overflow-y:auto;margin-bottom:8px;scrollbar-width:thin;scrollbar-color:var(--white-alpha-03) transparent}.watch-folder-item{display:flex;flex-direction:column;gap:8px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;padding:8px 10px}.watch-folder-header{display:flex;align-items:center;gap:8px}.folder-enabled-checkbox{cursor:pointer;margin:0}.watch-folder-name{flex:1;font-weight:600;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary)}.remove-folder-btn-small{background:transparent;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;line-height:1;padding:0 4px;transition:color .2s;margin-left:auto}.remove-folder-btn-small:hover{color:var(--danger-color)}.watch-folder-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.control-group{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-secondary)}.folder-interval-input{width:42px!important;background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;border-radius:3px!important;color:var(--text-primary)!important;padding:1px 3px!important;font-size:.75rem!important;height:22px!important;text-align:center}.folder-output-mode-select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:3px;color:var(--text-primary);padding:1px 3px;font-size:.75rem;cursor:pointer;height:22px}.watch-folder-footer{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;border-top:1px solid var(--border-color);padding-top:6px;margin-top:2px}.watch-folder-status{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em}.watch-folder-status.watching{color:var(--success-color)}.watch-folder-status.stopped{color:var(--text-secondary)}.footer-left{display:flex;align-items:center;gap:6px}.watch-folder-count{color:var(--text-secondary);opacity:.8}.watch-folder-output-path{color:var(--text-secondary);font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px;text-align:right}.folder-sidebar-row{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.folder-sidebar-row .row-title{font-weight:600;color:var(--text-primary)}.folder-sidebar-row .row-subtitle{font-size:.8rem;color:var(--text-secondary);opacity:.9;word-break:break-word}.folder-sidebar-actions{display:flex;gap:8px;flex-wrap:wrap}.folder-sidebar-actions button{flex:1;min-width:100px}.folder-sidebar-divider{height:1px;background:var(--border-color);margin:10px 0;opacity:.7}.watch-status-display{background:var(--bg-primary);padding:8px 10px;border-radius:4px;margin-top:6px}.watch-status-indicator{display:flex;align-items:center;gap:8px;margin-bottom:4px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-secondary);transition:all .3s ease}.status-dot.active{background:var(--success-color);box-shadow:0 0 8px var(--success-color);animation:pulse-dot 1.5s ease-in-out infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 4px var(--success-color)}50%{box-shadow:0 0 12px var(--success-color)}}#watchStatusText{font-size:.8rem;color:var(--text-primary)}.watch-activity-text{font-size:.75rem;color:var(--text-secondary)}.fc-bind{display:flex;align-items:flex-start;gap:10px}.fc-bind-label{flex-shrink:0;width:52px;padding-top:8px;font-size:.66rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.fc-droplet{flex:1;min-width:0;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px 10px;margin-bottom:0;padding:8px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;cursor:default}.fc-droplet .droplet-body{min-width:0}.fc-droplet .droplet-actions{grid-column:1 / -1;flex-direction:row;justify-content:flex-end;gap:6px;align-items:center}.fc-droplet .folder-droplet-change-btn,.fc-droplet .folder-droplet-unbind-btn{font-size:.72rem;padding:3px 10px;border-radius:4px;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:border-color .15s ease,color .15s ease}.fc-droplet .folder-droplet-change-btn:hover,.fc-droplet .folder-droplet-change-btn:focus-visible{border-color:var(--primary-hover);color:var(--text-primary);outline:none}.fc-droplet .folder-droplet-unbind-btn:hover,.fc-droplet .folder-droplet-unbind-btn:focus-visible{border-color:var(--danger-color);color:var(--text-primary);outline:none}.bind-empty{flex:1;text-align:left;font:inherit;font-size:.8rem;color:var(--text-secondary);background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:6px;padding:10px 12px;cursor:pointer;transition:border-color .15s ease,color .15s ease}.bind-empty:hover,.bind-empty:focus-visible{border-color:var(--primary-hover);color:var(--text-primary);outline:none}.bind-empty .be-plus{color:var(--primary-hover);font-weight:700;margin-right:4px}.folder-droplet-picker{margin-top:4px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.folder-droplet-picker .picker-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:.78rem;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.folder-droplet-picker .picker-close-btn{background:transparent;border:none;color:var(--text-secondary);font-size:1.1rem;line-height:1;cursor:pointer;padding:0 4px;transition:color .15s ease}.folder-droplet-picker .picker-close-btn:hover{color:var(--text-primary)}.folder-droplet-picker .picker-list{display:flex;flex-direction:column;gap:6px;padding:8px;max-height:220px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--white-alpha-03) transparent}.folder-droplet-picker .picker-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;text-align:left;font:inherit;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:6px 8px;color:var(--text-primary);cursor:pointer;transition:border-color .15s ease,background .15s ease}.folder-droplet-picker .picker-row:hover,.folder-droplet-picker .picker-row:focus-visible{border-color:var(--primary-hover);outline:none}.folder-droplet-picker .picker-row.selected{border-color:var(--primary-hover);background:#5c8cbe1a}.folder-droplet-picker .picker-row .droplet-mark{width:38px;height:30px;font-size:.66rem}.folder-droplet-picker .picker-row-text{min-width:0}.folder-droplet-picker .droplet-route{font-family:ui-monospace,monospace;font-size:.66rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-droplet-picker .picker-check{color:var(--primary-hover);font-weight:700}.folder-droplet-picker .picker-empty{padding:12px 10px;font-size:.78rem;color:var(--text-secondary)}.context-menu{position:fixed;z-index:2000;min-width:160px;background:var(--background-secondary);border:1px solid var(--border-color, rgba(255,255,255,.1));border-radius:6px;box-shadow:0 8px 24px #00000040;overflow:hidden;display:none}.context-menu.visible{display:block}.context-menu-item{padding:8px 12px;cursor:pointer;color:var(--text-color);font-size:14px;line-height:1.4;white-space:nowrap;user-select:none}.context-menu-item:hover,.context-menu-item:focus{background:var(--background-hover);outline:none}.context-menu-item.disabled{opacity:.5;pointer-events:none}.context-menu-separator{height:1px;background:var(--border-color, rgba(255,255,255,.1));margin:4px 0}.toast-container{position:fixed;top:10px;left:10px;z-index:1300;pointer-events:none;min-width:300px;min-height:20px;max-height:calc(100vh - 300px);overflow-y:auto;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;padding-bottom:1rem;transition:all .3s ease-out;user-select:text!important}.toast-container.queue-has-items:not(.queue-visible){padding-left:34px}.toast-container.queue-visible{pointer-events:none}.toast-container::-webkit-scrollbar{width:6px}.toast-container::-webkit-scrollbar-track{background:transparent}.toast-container::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:3px}.toast:not(.show){display:flex}.toast{background-color:var(--bg-secondary);color:var(--text-primary);padding:1rem;margin:0;border-radius:4px;max-width:300px;min-height:20px;width:100%;animation:slideInFromLeft .3s ease-out;pointer-events:auto;opacity:1;transition:all .3s ease-out;box-shadow:0 2px 8px #0003;display:flex;align-items:center}.toast.error{border-left:4px solid var(--error-color);background-color:var(--bg-toast);opacity:1;color:#fff}.toast.success{border-left:4px solid var(--success-color);background-color:var(--bg-toast);opacity:1;color:#fff}.toast.info{border-left:4px solid var(--info-color);background-color:var(--bg-toast);color:#fff;opacity:1}.toast.warning{border-left:4px solid #ffc107;background-color:var(--bg-toast);color:#fff;opacity:1}.toast.update{border-left:4px solid #3b82f6;background-color:var(--bg-toast);color:#fff;opacity:1}.toast.update .update-action{appearance:none;border:0;padding:0;background:transparent;color:#60a5fa;text-decoration:underline;cursor:pointer;font:inherit;font-weight:500}.toast.update .update-action:hover{color:#93bbfd}.toast.migration-notice{align-items:flex-start;gap:.75rem;max-width:340px}.toast.migration-notice .toast-dismiss{appearance:none;border:0;padding:0;background:transparent;color:#fff;cursor:pointer;font:inherit;font-size:1.25rem;line-height:1;opacity:.7}.toast.migration-notice .toast-dismiss:hover{opacity:1}@keyframes slideInFromLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.status-indicator{position:fixed;top:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;padding:6px 12px;background-color:transparent;backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 2px 5px #0000001a;z-index:998;font-size:.85rem;color:var(--text-color);transition:background-color .3s ease,border-color .3s ease,opacity .3s ease;opacity:0;pointer-events:none}.status-indicator.show{opacity:1;pointer-events:auto}.status-light{width:10px;height:10px;border-radius:50%;margin-right:8px;background-color:gray;border:1px solid rgba(0,0,0,.1);transition:background-color .3s ease}.status-text{white-space:nowrap}.status-indicator.initial .status-light{background-color:orange;animation:pulse-orange 1.5s infinite ease-in-out}.status-indicator.initial .status-text:after{content:".";animation:dots 1.5s steps(5,end) infinite}.status-indicator.ready{background-color:transparent}.status-indicator.ready .status-light{background-color:#28a745;animation:none}.status-indicator.warning{background-color:#ffc10726;border-color:#ffc10766;color:var(--text-color);cursor:default}.status-indicator.warning .status-light{background-color:#ffc107;animation:pulse-yellow 2s infinite ease-in-out}.status-indicator.warning .status-tooltip{display:none;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background-color:var(--bg-secondary, #2d2d2d);color:var(--text-color, #fff);padding:10px 14px;border-radius:8px;font-size:.8rem;line-height:1.45;white-space:normal;min-width:280px;max-width:360px;box-shadow:0 4px 12px #0000004d;border:1px solid var(--border-color, #444);z-index:1000;pointer-events:none}.status-indicator.warning .status-tooltip:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-bottom-color:var(--bg-secondary, #2d2d2d)}.status-indicator.warning:hover .status-tooltip{display:block}.status-indicator.error{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.status-indicator.error .status-light{background-color:#dc3545;animation:pulse-red 1.5s infinite ease-in-out}@keyframes pulse-orange{0%,to{opacity:1}50%{opacity:.4}}@keyframes pulse-red{0%,to{opacity:1}50%{opacity:.4}}@keyframes pulse-yellow{0%,to{opacity:1}50%{opacity:.5}}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%{content:"..."}80%,to{content:""}}@media(max-width:560px){.status-indicator{top:4rem}}