.blur-settings-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.5);position:fixed;top:0;bottom:0;left:0;right:0}.blur-settings-dialog{background:var(--bg-primary);z-index:2001;border:1px solid var(--border-color);border-radius:1rem;flex-direction:column;width:90%;max-width:600px;max-height:90vh;display:flex;box-shadow:0 20px 60px rgba(0,0,0,.3);margin:0!important;padding:0!important;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.dialog-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.dialog-title{align-items:center;gap:.75rem;display:flex}.dialog-title h2{font-size:var(--font-size-h4);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.dialog-title svg{color:#3b82f6}.close-btn{border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:.5rem;justify-content:center;align-items:center;transition:all .2s;display:flex}.close-btn:hover{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.dialog-content{flex:1;padding:1.5rem;overflow-y:auto}.settings-table{flex-direction:column;gap:1.5rem;display:flex}.setting-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;padding:1.25rem;transition:all .3s}.setting-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px rgba(59,130,246,.1)}.setting-card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.setting-card-title{align-items:center;gap:.75rem;display:flex}.setting-icon{color:#3b82f6;flex-shrink:0}.setting-label-main{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--text-primary);cursor:pointer}.setting-toggle{position:relative}.setting-toggle input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.toggle-switch{background:var(--bg-tertiary);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;width:48px;height:24px;transition:all .3s;display:block;position:relative}.toggle-switch:before{content:"";background:var(--text-secondary);border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;top:2px;left:2px}.setting-toggle input[type=checkbox]:checked+.toggle-switch{background:#3b82f6;border-color:#3b82f6}.setting-toggle input[type=checkbox]:checked+.toggle-switch:before{background:#fff;transform:translate(24px)}.setting-controls{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.slider-container{flex-direction:column;gap:.5rem;display:flex}.setting-slider{background:var(--bg-tertiary);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}.setting-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:#3b82f6;border-radius:50%;width:20px;height:20px;transition:all .2s;box-shadow:0 2px 4px rgba(0,0,0,.2)}.setting-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 8px rgba(59,130,246,.4)}.setting-slider::-moz-range-thumb{cursor:pointer;background:#3b82f6;border:none;border-radius:50%;width:20px;height:20px;transition:all .2s;box-shadow:0 2px 4px rgba(0,0,0,.2)}.setting-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 4px 8px rgba(59,130,246,.4)}.slider-labels{color:var(--text-secondary);justify-content:space-between;padding:0 .25rem;font-size:.75rem;display:flex}.input-wrapper{align-self:flex-end;align-items:center;gap:.5rem;display:flex}.setting-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.setting-dropdown{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;border-radius:.5rem;min-width:100px;padding:.5rem .75rem;font-size:.875rem;transition:all .2s}.setting-dropdown:disabled{opacity:.5;cursor:not-allowed}.setting-dropdown:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.setting-input{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);text-align:center;border-radius:.5rem;width:80px;padding:.625rem .875rem;font-size:.9375rem;font-weight:600;transition:all .2s}.setting-input[type=number]{-moz-appearance:textfield}.setting-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.setting-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.setting-input:disabled{opacity:.5;cursor:not-allowed}.setting-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.input-suffix{color:var(--text-secondary);font-size:.875rem;font-weight:600}.setting-hint{color:var(--text-secondary);background:rgba(59,130,246,.1);border-left:3px solid #3b82f6;border-radius:.5rem;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem .75rem;font-size:.8125rem;display:flex}.setting-hint svg{color:#3b82f6;flex-shrink:0}.settings-note{background:rgba(59,130,246,.05);border:1px solid rgba(59,130,246,.2);border-radius:.5rem;align-items:flex-start;gap:.75rem;margin-top:1.5rem;padding:1rem;display:flex}.settings-note svg{color:#3b82f6;flex-shrink:0;margin-top:.125rem}.settings-note p{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.5}.dialog-footer{border-top:1px solid var(--border-color);background:var(--bg-secondary);border-radius:0 0 1rem 1rem;justify-content:flex-end;align-items:center;gap:1rem;padding:1.5rem;display:flex}.dialog-footer .btn{cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;transition:all .2s;display:flex}.dialog-footer .btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);background:0 0}.dialog-footer .btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--border-color)}.dialog-footer .btn-primary{color:#fff;background:#3b82f6}.dialog-footer .btn-primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.3)}@media (max-width:768px){.blur-settings-dialog{width:95%;max-height:85vh}.setting-card{padding:1rem}.setting-controls{gap:.75rem}.input-wrapper{align-self:stretch}.setting-input{width:100%}.dialog-footer{flex-direction:column-reverse;gap:.75rem}.dialog-footer .btn{width:100%}}
.blur-settings-page{background:var(--bg-primary);min-height:100vh;padding:6rem 0 2rem}.container{max-width:1000px;margin:0 auto;padding:0 2rem}.settings-header{text-align:center;margin-bottom:3rem}.settings-header h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem}.settings-header p{font-size:var(--font-size-lg);color:var(--text-secondary);line-height:1.6}.settings-content{flex-direction:column;gap:3rem;display:flex}.upload-section{margin-bottom:2rem}.upload-zone{border:2px dashed var(--border-color);text-align:center;background:var(--bg-secondary);border-radius:1rem;padding:3rem 2rem;position:relative;overflow:hidden}.upload-zone:before{content:"";background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.upload-zone:hover:before{left:100%}.upload-icon{color:#3b82f6;justify-content:center;margin-bottom:1.5rem;display:flex}.upload-zone h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:.5rem}.upload-zone p{color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.upload-zone.uploading{background:rgba(59,130,246,.05);border-style:solid;border-color:#3b82f6}.upload-loading-content{z-index:1;text-align:center;padding:2rem;position:relative}.upload-loading-spinner{color:#3b82f6;justify-content:center;margin-bottom:1.5rem;display:flex}.upload-loading-content h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:.5rem}.upload-loading-content p{color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.upload-animation-container{justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto;display:flex;position:relative}.upload-ripple{background:rgba(59,130,246,.1);border:2px solid #3b82f6;border-radius:50%;width:80px;height:80px;position:absolute}.upload-center-circle{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;width:40px;height:40px;position:absolute;box-shadow:0 0 20px rgba(59,130,246,.5)}.uploaded-files{border-top:1px solid var(--border-color);margin-top:2rem;padding-top:2rem}.uploaded-files-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.uploaded-files-header h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.file-count{font-size:var(--font-size-sm);color:var(--text-secondary);background:var(--bg-secondary);font-weight:var(--font-weight-medium);border-radius:1rem;padding:.25rem .75rem}.files-list{flex-direction:column;gap:.75rem;display:flex}.file-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.75rem;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:all .3s;display:flex}.file-item:hover{box-shadow:var(--shadow);border-color:#3b82f6;transform:translateY(-2px)}.file-icon-wrapper{background:var(--bg-secondary);border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.file-icon{color:#3b82f6}.file-info{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.file-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.file-size{font-size:var(--font-size-xs);color:var(--text-secondary)}.remove-btn{border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.remove-btn:hover:not(:disabled){color:#dc2626;background:#fee2e2;border-color:#fecaca;transform:scale(1.1)}.remove-btn:disabled{opacity:.5;cursor:not-allowed}.error-message{color:#dc2626;font-weight:var(--font-weight-medium);background:#fee2e2;border:1px solid #fecaca;border-radius:.75rem;align-items:center;gap:.75rem;margin-top:1rem;padding:1rem 1.5rem;animation:.3s slideDown;display:flex}.error-message svg{color:#dc2626;flex-shrink:0}.settings-actions{justify-content:center;gap:1rem;margin-top:2rem;display:flex}.settings-actions .btn{min-width:150px}.spinner-icon{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.results-section{border-top:1px solid var(--border-color);margin-top:2rem;padding-top:2rem}.result-header{text-align:center;margin-bottom:2rem}.success-icon{color:#10b981;margin-bottom:1rem}.result-header h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:.5rem}.result-message{color:var(--text-secondary);font-size:var(--font-size-base)}.results-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.result-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;transition:all .3s}.result-card:hover{box-shadow:var(--shadow);border-color:#3b82f6;transform:translateY(-2px)}.result-card-header{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.result-card-header svg{color:#3b82f6}.result-filename{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);word-break:break-word}.result-preview{background:var(--bg-secondary);border-radius:.5rem;justify-content:center;align-items:center;min-height:200px;margin-bottom:1rem;display:flex;overflow:hidden}.preview-image{object-fit:contain;width:100%;height:auto;max-height:300px;display:block}.preview-placeholder{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex}.result-actions{gap:.75rem;display:flex}.result-actions .btn{flex:1;justify-content:center;align-items:center;gap:.5rem;display:flex}@media (max-width:768px){.upload-animation-container{width:100px;height:100px}.upload-ripple{width:60px;height:60px}.upload-center-circle{width:30px;height:30px}.results-grid{grid-template-columns:1fr}.settings-actions{flex-direction:column}.settings-actions .btn{width:100%}}.settings-section{background:var(--bg-primary);border:1px solid var(--border-color);box-shadow:var(--shadow);border-radius:1rem;padding:2rem}.settings-section h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);align-items:center;gap:.75rem;margin-bottom:2rem;display:flex}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.setting-group{flex-direction:column;gap:1rem;display:flex}.setting-label{font-weight:var(--font-weight-bold);color:var(--text-primary);font-size:var(--font-size-base);align-items:center;gap:.5rem;display:flex}.slider-container{align-items:center;gap:1rem;display:flex}.slider{background:var(--bg-tertiary);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:3px;outline:none;flex:1;height:6px}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;width:20px;height:20px;box-shadow:var(--shadow);background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;transition:all .3s}.slider::-webkit-slider-thumb:hover{box-shadow:var(--shadow-lg);transform:scale(1.1)}.slider::-moz-range-thumb{cursor:pointer;width:20px;height:20px;box-shadow:var(--shadow);background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:50%;transition:all .3s}.slider::-moz-range-thumb:hover{box-shadow:var(--shadow-lg);transform:scale(1.1)}.slider-value{font-weight:var(--font-weight-bold);color:#3b82f6;font-size:var(--font-size-lg);text-align:center;min-width:3rem}.setting-select{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-base);border-radius:.5rem;padding:.75rem 1rem;transition:all .3s}.setting-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.setting-description{color:var(--text-secondary);font-size:var(--font-size-sm);margin-top:.5rem;line-height:1.5}.progress-section{background:var(--bg-primary);border:1px solid var(--border-color);box-shadow:var(--shadow);border-radius:1rem;padding:2rem}.progress-section h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:1.5rem}.progress-list{flex-direction:column;gap:1rem;display:flex}.progress-item{background:var(--bg-secondary);border-radius:.75rem;align-items:center;gap:1rem;padding:1rem;transition:all .3s;display:flex}.progress-item:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.progress-info{align-items:center;gap:.75rem;min-width:200px;display:flex}.file-icon{color:#3b82f6;flex-shrink:0}.progress-bar{background:var(--bg-tertiary);border-radius:4px;flex:1;height:8px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:4px;height:100%;transition:width .3s;position:relative}.progress-fill:after{content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:2s infinite shimmer;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text{font-weight:var(--font-weight-bold);color:var(--text-primary);text-align:right;min-width:100px;font-size:var(--font-size-sm)}.settings-actions{justify-content:flex-end;margin-top:2rem;display:flex}.save-btn{font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);align-items:center;gap:.5rem;padding:1rem 2rem;display:flex}.save-btn:disabled{opacity:.6;cursor:not-allowed}.spinner{border:2px solid transparent;border-top-color:currentColor;border-radius:50%;width:1rem;height:1rem;animation:1s linear infinite spin}@media (max-width:768px){.settings-header h1{font-size:var(--font-size-2xl)}.settings-grid{grid-template-columns:1fr}.progress-item{flex-direction:column;align-items:flex-start;gap:1rem}.progress-info{width:100%;min-width:auto}.progress-bar{width:100%}.progress-text{text-align:left;min-width:auto}.settings-actions{justify-content:center}.save-btn{width:100%;max-width:300px}}@media (max-width:480px){.container{padding:0 1rem}.settings-header h1{font-size:var(--font-size-xl)}.upload-zone{padding:2rem 1rem}.settings-section,.progress-section{padding:1.5rem}.progress-item{padding:.75rem}}