:root{--bg-primary: #2d2c31;--bg-secondary: #1a191e;--bg-hover: #333;--text-primary: #fff;--text-secondary: #ccc;--text-muted: #18181d;--border-color: #484848;--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;--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-end)!important;animation:none!important}.firefox-gradient-fix .drop-zone.drag-over{background:var(--bg-gradient-end)!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:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);background-attachment:fixed;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)!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{outline:none;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%)}}.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:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);background-attachment:fixed;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:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%)}.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{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}.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-toggle,.home-toggle{position:fixed;top:1.5rem;background:none;padding:8px;border:none;cursor:pointer;transition:transform .3s ease;z-index:1006;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;border-radius:4px}.settings-toggle{right:1.5rem}.home-toggle{right:4rem}.settings-toggle:hover,.home-toggle:hover{transform:scale(1.1)}.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 1rem;cursor:pointer;background:none}#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}.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:1003;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-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{outline:none;box-shadow:0 0 0 2px #007bff4d}.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}.help-toggle{position:fixed;bottom:1.5rem;right:4rem;z-index:1000;background:none;border:none;padding:0;cursor:pointer;z-index:500;transition:opacity .3s ease}.help-toggle:hover{opacity:.7}.help-toggle img{width:24px;height:24px;opacity:.7}.feedback-toggle{position:fixed;bottom:1.5rem;right:6.5rem;z-index:1000;background:none;border:none;padding:0;cursor:pointer;transition:opacity .3s ease}.feedback-toggle:hover{opacity:.7}.feedback-toggle img{width:24px;height:24px;opacity:.7}@media (max-width: 1040px){.sticky-header{padding:.75rem 1rem}.help-toggle{bottom:2rem!important;right:5rem!important;vertical-align:middle!important}.feedback-toggle{bottom:2rem!important;right:8rem!important}.info-icon{bottom:2rem!important;right:2rem!important}.info-icon img,.feedback-toggle img,.help-toggle img{width:30px!important;height:30px!important}}.info-icon{position:fixed;bottom:1.5rem;right:1.5rem;background-color:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:help;z-index:500;transition:opacity .3s ease}.info-icon:hover{opacity:.7}.info-icon img{width:24px;height:24px;opacity:.7}.info-icon:before{content:"";position:absolute;inset:.5rem;z-index:-1}.info-icon:hover+.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);display:flex;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)}.queue-container{position:fixed;top:10px;left:-276px;width:300px;max-height:calc(100vh - 300px);background:transparent;backdrop-filter:blur(10px);color:var(--text-primary);border-radius:0 4px 4px 0;font-size:.9rem;z-index:1100;transition:left .3s ease,opacity .3s ease,visibility .3s ease;display:flex;pointer-events:auto;opacity:0;visibility:hidden}.queue-container.has-items{opacity:1;visibility:visible}.queue-container.visible{left:0}.queue-content{width:276px;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:4px 0 0 4px;transition:height .3s ease-out}.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-tab{width:24px;background:var(--bg-secondary);border-radius:0 4px 4px 0;cursor:pointer;display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;text-orientation:mixed;padding:10px 4px;user-select:none;border-left:1px solid var(--border-color);box-shadow:2px 0 8px var(--black-alpha-03)}.queue-tab:hover{background:var(--bg-hover)}.queue-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;padding:5px;background:var(--bg-primary);border-radius:3px}.queue-item:last-child{margin-bottom:0}.queue-item-name{flex:1;margin-right:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-item-remove{background:transparent;border:none;color:var(--text-primary);cursor:pointer;font-size:1rem;padding:0 5px;opacity:.7;transition:opacity .2s ease}.queue-item-remove:hover{opacity:1}.queue-item-cancel{background:transparent;border:none;color:var(--text-primary);cursor:pointer;font-size:.9rem;padding:2px 8px;opacity:.8;transition:opacity .2s ease}.queue-item-cancel:hover{opacity:1}.queue-item.processing{font-weight:700;background:var(--bg-primary)}.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}}.toast-container{position:fixed;top:10px;left:10px;z-index:999;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}@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.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 dots{0%,20%{content:"."}40%{content:".."}60%{content:"..."}80%,to{content:""}}