*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-user-select:none;user-select:none}.container{margin:0 auto;max-width:1200px;padding:20px}@media (max-width:768px){.container{padding:10px}}.app-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px}.app-header h1{color:#2c3e50;margin:0}.view-toggle{display:flex;gap:10px}.toggle-btn{align-items:center;background:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;color:#495057;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.toggle-btn:hover{background:#e9ecef;border-color:#adb5bd;transform:translateY(-2px)}.toggle-btn.active{background:linear-gradient(45deg,#3498db,#2980b9);border-color:#3498db;box-shadow:0 4px 15px #3498db4d;color:#fff}.toggle-btn.active:hover{background:linear-gradient(45deg,#2980b9,#1f618d);box-shadow:0 6px 20px #3498db66;transform:translateY(-2px)}.upload-section{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;padding:30px}.upload-area{-webkit-tap-highlight-color:transparent;border:2px dashed #ddd;border-radius:8px;cursor:pointer;padding:40px;text-align:center;touch-action:manipulation;transition:all .3s ease}.upload-area:hover{background-color:#f8f9fa;border-color:#007bff}.upload-area.dragover{background-color:#e3f2fd;border-color:#007bff}.upload-icon{color:#ddd;font-size:48px;margin-bottom:16px}.upload-text{color:#666;font-size:18px;margin-bottom:8px}.upload-subtext{color:#999;font-size:14px}.video-preview{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;padding:20px}.crop-overlay{cursor:move}.crop-info{border-radius:4px;margin-top:15px}.controls{display:flex;gap:10px;margin-top:20px}.btn{-webkit-tap-highlight-color:transparent;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;touch-action:manipulation;transition:all .3s ease;-webkit-user-select:none;user-select:none}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover{background:#0056b3}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#545b62}.btn:disabled{cursor:not-allowed;opacity:.6}.loading{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;display:inline-block;height:20px;width:20px}.result-section{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px}.result-video{border-radius:4px;height:auto;max-width:100%}.success-message{color:#28a745}.error-message,.success-message{font-weight:500;margin-bottom:15px}.error-message{color:#dc3545}.video-details{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin:20px 0;padding:20px}.video-details h4{color:#495057;font-size:16px;margin:0 0 15px}.form-group{margin-bottom:15px}.form-group label{font-size:14px;margin-bottom:5px}.form-input,.form-select,.form-textarea{background:#fff;border:2px solid #dee2e6;border-radius:6px;font-size:14px;padding:10px 12px;transition:all .3s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.form-textarea{min-height:60px;resize:vertical}.form-select{cursor:pointer}.crop-size-options{grid-gap:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.crop-size-btn{background:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;color:#495057;font-size:14px;font-weight:600;padding:12px 16px;text-align:center}.crop-size-btn:hover{background:#e9ecef;border-color:#adb5bd;transform:translateY(-2px)}.crop-size-btn.active{background:linear-gradient(45deg,#28a745,#20c997);border-color:#28a745;box-shadow:0 4px 15px #28a7454d}.crop-size-btn.active:hover{background:linear-gradient(45deg,#20c997,#17a2b8);box-shadow:0 6px 20px #28a74566;transform:translateY(-2px)}.monitor-link{align-items:center;background:linear-gradient(45deg,#6f42c1,#e83e8c);border-color:#6f42c1;color:#fff;display:inline-flex;gap:8px;text-decoration:none}.monitor-link:hover{background:linear-gradient(45deg,#e83e8c,#fd7e14);box-shadow:0 6px 20px #6f42c166;color:#fff;text-decoration:none;transform:translateY(-2px)}.media-upload-btn{background:linear-gradient(45deg,#e74c3c,#f39c12);border-color:#e74c3c;color:#fff}.media-upload-btn:hover{background:linear-gradient(45deg,#f39c12,#e67e22);box-shadow:0 6px 20px #e74c3c66;transform:translateY(-2px)}@media (max-width:768px){.app-header{align-items:stretch;flex-direction:column;gap:15px}.app-header h1{font-size:24px;text-align:center}.view-toggle{flex-wrap:wrap;justify-content:center}.toggle-btn{flex:1 1;font-size:14px;min-width:140px;padding:12px 16px}.upload-area{padding:30px 20px}.upload-icon{font-size:36px}.upload-text{font-size:16px}.upload-subtext{font-size:13px}.crop-size-options{gap:8px;grid-template-columns:1fr}.crop-size-btn{font-size:13px;padding:14px 16px}.form-group{margin-bottom:20px}.form-input,.form-select,.form-textarea{-webkit-appearance:none;appearance:none;border-radius:8px;font-size:16px;padding:12px 14px}.file-processing-actions,.final-actions{flex-direction:column;gap:10px}.btn{font-size:16px;padding:14px 20px;width:100%}.processed-media-grid{gap:15px;grid-template-columns:1fr}.processed-media-item .media-preview{height:150px}.media-meta{align-items:flex-start;flex-direction:column;gap:5px}.crop-size-info,.slider-assignment{font-size:11px;padding:4px 8px}}@media (max-width:480px){.container{padding:5px}.app-header h1{font-size:20px}.toggle-btn{font-size:13px;min-width:120px;padding:10px 12px}.upload-area{padding:20px 15px}.upload-icon{font-size:32px}.upload-text{font-size:15px}.upload-subtext{font-size:12px}.crop-size-btn{font-size:12px;padding:12px 14px}.form-input,.form-select,.form-textarea{font-size:16px;padding:10px 12px}.btn{font-size:15px;padding:12px 16px}.processed-media-item .media-preview{height:120px}}.media-slider{background:#f8f9fa;border:1px solid #ddd;border-radius:8px;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.slider-header{align-items:center;background:linear-gradient(135deg,#2c3e50,#34495e);border-bottom:1px solid #444;display:flex;justify-content:space-between;padding:8px 12px}.slider-header h3{color:#fff;font-size:14px;font-weight:600;margin:0}.slider-controls{align-items:center;display:flex;gap:6px}.control-btn{background:#3498db;border:none;border-radius:4px;color:#fff;font-size:12px;padding:4px 8px}.control-btn:hover{background:#2980b9}.video-play-btn{background:#e74c3c}.video-play-btn:hover{background:#c0392b}.slide-counter{color:#bdc3c7;font-size:12px;font-weight:500}.slider-content{background:#fff;display:flex;flex:1 1;flex-direction:column;position:relative}.media-container{align-items:center;cursor:pointer;display:flex;flex:1 1;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.slider-media{display:block;height:100%;object-fit:cover;width:100%}.no-content-placeholder{align-items:center;color:#7f8c8d;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px}.placeholder-icon{font-size:48px;margin-bottom:16px}.no-content-placeholder p{font-size:16px;font-weight:500;margin:0}.media-overlay{background:linear-gradient(#0000,#000c);bottom:0;color:#fff;left:0;padding:8px;position:absolute;right:0}.media-info h4{font-size:12px;font-weight:600;margin:0 0 3px}.media-info p{color:#bdc3c7;font-size:10px;margin:0}.play-overlay{align-items:center;background:#000000b3;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.play-button-large{animation:pulse 2s infinite;font-size:32px;margin-bottom:8px}.play-overlay p{font-size:12px;font-weight:600;margin:0}.slider-navigation{background:#2c3e50;justify-content:space-between;padding:6px 8px}.nav-btn,.slider-navigation{align-items:center;display:flex}.nav-btn{background:#34495e;border:none;border-radius:50%;font-size:12px;height:24px;justify-content:center;padding:4px 8px;width:24px}.nav-btn:hover{background:#3498db;transform:scale(1.1)}.slider-dots{display:flex;gap:4px}.dot{background:#7f8c8d;border:none;border-radius:50%;cursor:pointer;height:8px;transition:all .3s ease;width:8px}.dot.active{background:#3498db;transform:scale(1.2)}.dot:hover{background:#3498db;transform:scale(1.1)}.no-content{align-items:center;color:#7f8c8d;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px}.no-content-icon{font-size:32px;margin-bottom:8px}.no-content p{font-size:12px;margin:0 0 10px}.upload-btn{background:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .3s ease}.upload-btn:hover{background:#2980b9;transform:scale(1.05)}.media-grid{grid-gap:2px;background:#fff;display:grid;gap:2px;height:100%;padding:5px}.media-cell{background:#f8f9fa;border:1px solid #ddd;border-radius:4px;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.media-cell:hover{border-color:#3498db;box-shadow:0 4px 12px #0000001a;transform:scale(1.02)}.grid-media{display:block;height:100%;object-fit:cover;width:100%}.cell-overlay{align-items:center;background:linear-gradient(#0000,#000c);bottom:0;color:#fff;display:flex;justify-content:space-between;left:0;padding:4px;position:absolute;right:0}.cell-info{flex:1 1}.cell-title{display:block;font-size:10px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.play-icon{font-size:12px;margin-left:4px}.tv-monitor{background:#fff;color:#333;font-family:Arial,sans-serif;min-height:100vh;padding:0}.monitor-header{background:#fff;border-bottom:2px solid #000;color:#000;font-size:18px;font-weight:700;padding:10px 20px;text-align:center}.monitor-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#3498db);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;margin:0}.monitor-controls{align-items:center}.video-count{color:#bdc3c7;font-size:14px;font-weight:500}.monitor-grid{height:calc(100vh - 60px)}.monitor-grid,.sliders-grid{background:#fff;display:flex}.sliders-grid{flex-direction:column;height:100%;width:100%}.slider-row{grid-gap:10px;display:grid;flex:1 1;gap:10px;grid-template-columns:1fr 1fr;padding:10px}.grid-item{background:#fff;border:1px solid #ddd;height:100%;overflow:hidden;position:relative}.grid-item.featured{background:#fff;display:flex;flex-direction:column;gap:10px;padding:10px}.grid-item.featured .sliders-container{display:flex;flex-direction:column;gap:10px;height:100%}.grid-item.featured .media-slider{background:#f8f9fa;border:1px solid #ddd;border-radius:6px;flex:1 1;overflow:hidden}.sliders-container{background:#000;display:flex;flex-direction:column;gap:10px;height:100%;padding:10px}.sliders-container .video-slider{background:#111;border:1px solid #333;border-radius:8px;flex:1 1;overflow:hidden}.sliders-container .video-slider .slider-header{background:#222;border-bottom:1px solid #333;padding:8px 12px}.sliders-container .video-slider .slider-header h3{color:#fff;font-size:14px;margin:0}.sliders-container .video-slider .video-container{height:120px}.sliders-container .video-slider .slider-navigation{background:#222;border-top:1px solid #333;padding:8px 12px}.dashboard{background:#111;color:#fff;padding:20px}.dashboard-content{display:flex;flex-direction:column;gap:15px;height:100%}.business-label{color:#888;font-size:12px;font-weight:500}.premium-models{background:#222;border:1px solid #333;border-radius:6px;padding:12px}.models-header{font-size:14px;font-weight:600;margin-bottom:8px}.progress-bar{background:#333;border-radius:3px;height:6px;margin-bottom:6px;overflow:hidden}.progress-fill{background:#3498db;height:100%;transition:width .3s ease}.models-text{color:#bdc3c7;font-size:12px}.usage-info{color:#e74c3c;font-size:12px;line-height:1.4}.pricing-info{color:#bdc3c7;font-size:11px;line-height:1.3}.settings-section{background:#222;border:1px solid #333;border-radius:6px;padding:12px}.settings-header{font-size:14px;font-weight:600;margin-bottom:8px}.toggle-item{align-items:center;display:flex;font-size:12px;justify-content:space-between}.toggle-switch{background:#333;border-radius:6px;cursor:pointer;height:12px;position:relative;width:20px}.toggle-switch:after{background:#fff;border-radius:50%;content:"";height:8px;left:2px;position:absolute;top:2px;transition:transform .3s ease;width:8px}.revoke-section{margin-top:auto}.revoke-btn{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:8px 16px;transition:all .3s ease}.revoke-btn:hover{background:#c0392b;transform:scale(1.05)}.status-display{background:linear-gradient(135deg,#2ecc711a,#27ae601a);border:1px solid #2ecc714d}.status-content{padding:20px}.status-content h3{color:#2ecc71;font-size:20px;margin:0 0 20px}.status-items{display:flex;flex-direction:column;gap:12px}.status-item{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:8px 0}.status-label{color:#bdc3c7;font-weight:500}.status-value{color:#2ecc71;font-size:16px;font-weight:600}.loading-screen{align-items:center;color:#bdc3c7;display:flex;flex-direction:column;height:400px;justify-content:center}.loading-spinner{border:4px solid #ffffff1a;border-top-color:#3498db;height:50px;width:50px}.error-screen{align-items:center;color:#e74c3c;display:flex;flex-direction:column;height:400px;justify-content:center;text-align:center}.error-icon{font-size:64px;margin-bottom:20px}.retry-btn{background:linear-gradient(45deg,#e74c3c,#c0392b);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:20px;padding:12px 24px;transition:all .3s ease}.retry-btn:hover{box-shadow:0 6px 20px #e74c3c66;transform:translateY(-2px)}.tv-monitor-page{background:#f8f9fa;font-family:Arial,sans-serif;min-height:100vh}.page-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #0000001a;color:#fff;padding:20px;text-align:center}.page-header h1{font-size:32px;font-weight:700;margin:0 0 10px}.page-header p{font-size:16px;margin:0 0 20px;opacity:.9}.monitor-controls{display:flex;gap:15px;justify-content:center;margin-top:15px}.close-btn{background:linear-gradient(45deg,#e74c3c,#c0392b);border:none;border-radius:8px;box-shadow:0 4px 15px #e74c3c4d;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.close-btn:hover{box-shadow:0 6px 20px #e74c3c66;transform:translateY(-2px)}.refresh-btn{background:linear-gradient(45deg,#3498db,#2980b9);border:none;border-radius:8px;box-shadow:0 4px 15px #3498db4d;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.refresh-btn:hover{box-shadow:0 6px 20px #3498db66;transform:translateY(-2px)}.link-icon{opacity:.7;transition:opacity .3s ease}.toggle-btn:hover .link-icon{opacity:1}@media (max-width:1200px){.monitor-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.grid-item.featured{grid-column:span 1}}@media (max-width:768px){.monitor-grid{grid-template-columns:1fr}.monitor-header{flex-direction:column;gap:15px;text-align:center}.monitor-header h1,.page-header h1{font-size:24px}.monitor-controls{align-items:center;flex-direction:column}}.media-editor{background:#666;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;overflow:hidden;padding:10px;position:relative;width:100%}.top-actions{display:flex;gap:10px;position:absolute;right:15px;top:15px;z-index:1000}.top-action-btn{align-items:center;border:none;border-radius:25px;box-shadow:0 3px 10px #0003;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:5px;padding:10px 20px;transition:all .3s ease}.top-action-btn.save-btn{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.top-action-btn.close-btn{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}.top-action-btn:hover{box-shadow:0 5px 15px #0000004d;transform:translateY(-2px)}.top-action-btn:active{transform:translateY(0)}.top-action-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.editor-header{color:#fff;flex-shrink:0;margin-bottom:10px;padding:5px 0;text-align:center}.editor-header h2{font-size:22px;font-weight:700;margin:0 0 5px;text-shadow:2px 2px 4px #0000004d}.editor-header p{font-size:12px;margin:0;opacity:.9}.editor-container{display:flex;flex:1 1;flex-direction:column;gap:10px;margin:0 auto;max-width:100%;overflow:hidden}.canvas-section{align-items:center;border-radius:10px;box-shadow:0 5px 20px #0000004d;display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;max-height:50vh;min-height:300px;overflow:hidden;padding:10px}.canvas-section-step-2{background:#0000;box-shadow:none}.editor-canvas{-webkit-touch-callout:none;border:none;border-radius:8px;box-shadow:0 3px 10px #0003;cursor:crosshair;height:auto;max-height:100%;max-width:100%;touch-action:none;transition:cursor .3s ease;-webkit-user-select:none;user-select:none}.editor-canvas.step-1-canvas{background:#0000}.editor-canvas.step-2-canvas{background:#0000;border:none;box-shadow:none}.editor-canvas:hover{cursor:move}.tools-panel-bottom{align-items:center;background:#f5f5f5;border-top:1px solid #ddd;box-shadow:0 -2px 5px #0000001a;display:flex;flex:0 0 auto;flex-direction:column;gap:8px;justify-content:flex-start;max-height:40vh;min-height:-webkit-fit-content;min-height:fit-content;overflow-y:visible;padding:10px;width:100%}.tools-panel-bottom::-webkit-scrollbar{height:8px}.tools-panel-bottom::-webkit-scrollbar-track{background:#f0f0f0;border-radius:10px}.tools-panel-bottom::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.tools-panel-bottom::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)}.tool-icon-btn{align-items:center;background:#4caf50;border:none;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:50px;justify-content:center;transition:all .3s ease;width:50px}.tool-icon-btn:hover{box-shadow:0 4px 12px #00000040;transform:translateY(-3px)}.tool-icon-btn:active{transform:translateY(-1px)}.tool-icon-btn.crop-btn{background:#4caf50}.tool-icon-btn.position-btn{background:#2196f3}.tool-icon-btn.zoom-btn{background:#ff9800}.tool-icon-btn.color-btn{background:#9c27b0}.tool-icon-btn.blur-btn{background:#00bcd4}.tool-icon-btn.text-btn{background:#e91e63}.tool-icon-btn.reset-btn{background:#f44336}.tool-icon-btn.save-btn{background:linear-gradient(135deg,#667eea,#764ba2)}.tool-icon-btn.cancel-btn,.tool-icon-btn.save-btn{border-radius:25px;font-size:14px;font-weight:600;width:100px}.tool-icon-btn.cancel-btn{background:#9e9e9e}.tool-icon-btn.weiter-btn{background:linear-gradient(135deg,#4caf50,#45a049);border-radius:25px;font-size:14px;font-weight:600;width:120px}.tool-icon-btn.back-btn{background:#9e9e9e;border-radius:25px;font-size:18px;font-weight:600;width:50px}.tool-icon-btn.brightness-btn{background:#ff9800;border-radius:25px;font-size:16px;width:50px}.tool-icon-btn.speichern-btn{background:linear-gradient(135deg,#4caf50,#45a049);border-radius:25px;font-size:14px;font-weight:600;width:120px}.slider-selection{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:20px;display:flex;flex-shrink:0;gap:8px;padding:8px 12px}.slider-label{white-space:nowrap}.slider-dropdown,.slider-label{color:#333;font-size:12px;font-weight:600}.slider-dropdown{background:#fff;border:1px solid #ddd;border-radius:15px;cursor:pointer;min-width:80px;padding:4px 8px;transition:all .3s ease}.slider-dropdown:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033;outline:none}.slider-dropdown:hover{border-color:#4caf50;transform:translateY(-1px)}.tools-row{gap:6px}.tool-btn,.tools-row{align-items:center;display:flex;justify-content:center}.tool-btn{border:none;border-radius:50%;box-shadow:0 2px 6px #0003;cursor:pointer;font-size:16px;font-weight:700;height:40px;transition:all .3s ease;width:40px}.tool-btn.green-btn{background:#4caf50;color:#fff}.tool-btn.green-btn:hover{background:#45a049;box-shadow:0 4px 12px #4caf5066;transform:scale(1.1)}.tool-btn.weiter-btn{background:#2196f3;border-radius:20px;color:#fff;font-size:13px;width:70px}.tool-btn.weiter-btn:hover{background:#1976d2;transform:scale(1.05)}.tool-btn.save-btn{background:#ff9800;border-radius:25px;color:#fff;font-size:14px;width:80px}.tool-btn.save-btn:hover{background:#f57c00;transform:scale(1.05)}.tool-btn.download-btn{background:#9c27b0;border-radius:25px;color:#fff;font-size:14px;width:100px}.tool-btn.download-btn:hover{background:#7b1fa2;transform:scale(1.05)}.tool-btn.back-btn{background:#ff9800;color:#fff}.tool-btn.back-btn:hover{background:#f57c00;transform:scale(1.1)}.tool-btn.speichern-btn{background:#4caf50;border-radius:25px;color:#fff;font-size:14px;width:100px}.tool-btn.speichern-btn:hover{background:#45a049;transform:scale(1.05)}.tool-btn.active{box-shadow:0 0 0 3px #fffc,0 0 0 5px currentColor;transform:scale(1.1)}.box-profile-section{background:#fff;border:1px solid #ddd;border-radius:15px;box-shadow:0 2px 5px #0000001a;display:flex;flex-direction:column;gap:6px;padding:8px 12px}.box-profile-row{align-items:center;display:flex;gap:8px}.box-profile-label{white-space:nowrap}.box-profile-dropdown,.box-profile-label{color:#333;font-size:13px;font-weight:600}.box-profile-dropdown{background:#fff;border:1px solid #ddd;border-radius:12px;cursor:pointer;min-width:90px;padding:4px 8px;transition:all .3s ease}.box-profile-dropdown:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033;outline:none}.box-profile-dropdown:hover{border-color:#4caf50;transform:translateY(-1px)}.advanced-tools-container{background:#f8f9fa;border-radius:8px;box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:column;gap:10px;padding:10px;width:100%}.preview-section{width:100%}.preview-thumbnails{align-items:center;display:flex;gap:6px;justify-content:flex-start;overflow-x:auto;padding:5px 0}.preview-thumbnail{border:2px solid #0000;border-radius:6px;cursor:pointer;flex-shrink:0;height:45px;overflow:hidden;position:relative;transition:all .3s ease;width:60px}.preview-thumbnail.active{border-color:#4caf50;box-shadow:0 4px 12px #4caf504d;transform:scale(1.05)}.preview-thumbnail:hover{box-shadow:0 2px 8px #0003;transform:scale(1.02)}.thumbnail-image{height:100%;object-fit:cover;width:100%}.thumbnail-overlay{background:#000000b3;border-radius:4px;color:#fff;font-size:10px;font-weight:700;left:2px;padding:2px 6px;position:absolute;top:2px}.advanced-tools-panel{align-items:center;display:flex;flex-direction:column}.brightness-tools{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.brightness-preview{border:2px solid #0000;border-radius:6px;box-shadow:0 2px 6px #0003;cursor:pointer;height:45px;overflow:hidden;position:relative;transition:all .3s ease;width:60px}.brightness-preview:hover{border-color:#4caf50;box-shadow:0 4px 12px #4caf504d;transform:scale(1.05)}.brightness-preview:active{transform:scale(.95)}.brightness-effect,.brightness-image{border-radius:6px;height:100%;transition:all .3s ease;width:100%}.brightness-image{object-fit:cover}.brightness-label{background:#000c;border-radius:4px;bottom:2px;color:#fff;font-size:8px;font-weight:700;left:2px;overflow:hidden;padding:2px 4px;position:absolute;right:2px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.main-tools-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.advanced-tool-btn{border:none;border-radius:6px;box-shadow:0 3px 10px #0003;cursor:pointer;font-size:14px;font-weight:600;min-width:100px;padding:8px 16px;text-align:center;transition:all .3s ease}.advanced-tool-btn.blur-tool{background:#4caf50;color:#fff}.advanced-tool-btn.blur-tool:hover{background:#45a049;box-shadow:0 5px 15px #4caf5066;transform:translateY(-2px)}.advanced-tool-btn.text-tool{background:#4caf50;color:#fff}.advanced-tool-btn.text-tool:hover{background:#45a049;box-shadow:0 5px 15px #4caf5066;transform:translateY(-2px)}.advanced-tool-btn.speichern-tool{background:#4caf50;color:#fff;font-weight:700}.advanced-tool-btn.speichern-tool:hover{background:#45a049;box-shadow:0 5px 15px #4caf5066;transform:translateY(-2px)}.advanced-tool-btn.speichern-tool:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.advanced-tool-btn.active{box-shadow:0 0 0 3px #fffc,0 0 0 5px #4caf50;transform:scale(1.05)}.confirmation-icons{display:flex;gap:10px;justify-content:center;margin-top:10px}.cancel-icon,.confirm-icon{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:30px;justify-content:center;transition:all .3s ease;width:30px}.confirm-icon{background:#4caf50;color:#fff}.confirm-icon:hover{background:#45a049;transform:scale(1.1)}.cancel-icon{background:#f44336;color:#fff}.cancel-icon:hover{background:#d32f2f;transform:scale(1.1)}.editor-canvas{cursor:default;transition:cursor .2s ease}.editor-canvas.dragging-blur,.editor-canvas.dragging-crop,.editor-canvas.dragging-text{cursor:grabbing!important}.blur-controls-overlay{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.blur-area{background:#4caf501a;border:2px dashed #4caf50;border-radius:50%;cursor:move;pointer-events:all;position:absolute;transition:all .3s ease}.blur-area:hover{background:#4caf5033;border-color:#45a049;transform:scale(1.02)}.blur-area.dragging{background:#0f03;border-color:#0f0;box-shadow:0 0 15px #00ff0080;transform:scale(1.05)}.blur-control-point{background:#4caf50;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:8px;pointer-events:all;position:absolute;transition:all .3s ease;width:8px}.blur-control-point:hover{background:#45a049;box-shadow:0 4px 8px #0006;transform:scale(1.2)}.blur-control-point:active{transform:scale(.9)}.text-drag-handle{background:#f0f;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 6px #f0f6;cursor:move;height:12px;pointer-events:all;position:absolute;transition:all .3s ease;width:12px}.text-drag-handle:hover{background:#f3f;box-shadow:0 4px 12px #f0f9;transform:scale(1.3)}.text-drag-handle.dragging{background:#f0f;box-shadow:0 0 15px #f0fc;transform:scale(1.2)}.blur-controls,.text-controls{animation:slideInLeft .3s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffffa;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 25px #0003;display:flex;flex-direction:column;gap:10px;left:15px;max-width:260px;min-width:220px;padding:12px;position:fixed;top:15px;z-index:1000}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.controls-overlay{animation:fadeIn .3s ease-out;background:#0000004d;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.blur-controls{border-color:#4caf50;box-shadow:0 4px 12px #4caf5033}.text-controls{border-color:#9c27b0;box-shadow:0 4px 12px #9c27b033}.control-section{display:flex;flex-direction:column;gap:8px}.control-label{color:#333;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.blur-size-controls,.text-size-controls{align-items:center;display:flex;gap:10px;justify-content:center}.control-btn{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);border:2px solid #ddd;color:#333;height:28px;width:28px}.control-btn:hover{background:linear-gradient(135deg,#e8e8e8,#d0d0d0);box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.control-btn:active{box-shadow:0 2px 4px #0003;transform:translateY(0)}.control-display{background:#0000000d;border-radius:6px;color:#333;font-size:14px;font-weight:600;min-width:50px;padding:4px 8px;text-align:center}.blur-position-controls,.text-position-controls{align-items:center;display:flex;flex-direction:column;gap:8px}.arrow-horizontal-controls{align-items:center;display:flex;gap:10px}.arrow-btn{border-radius:8px;box-shadow:0 2px 6px #0003;font-size:14px;height:30px;width:30px}.blur-controls .arrow-btn{background:linear-gradient(135deg,#4caf50,#45a049)}.text-controls .arrow-btn{background:linear-gradient(135deg,#9c27b0,#7b1fa2)}.arrow-btn:hover{box-shadow:0 6px 12px #0000004d;transform:translateY(-3px) scale(1.05)}.arrow-btn:active{box-shadow:0 3px 6px #0000004d;transform:translateY(-1px) scale(1.02)}@media (max-width:768px){.blur-controls,.text-controls{animation:slideInUp .3s ease-out;border-radius:12px;bottom:150px;gap:12px;left:10px;max-width:none;min-width:auto;padding:15px;position:fixed;right:10px;top:auto;transform:none}.arrow-btn,.control-btn{font-size:20px;height:45px;width:45px}.control-display{font-size:18px;min-width:70px}.control-header h3{font-size:16px}.close-controls-btn{font-size:20px;height:35px;width:35px}}@media (max-width:600px){.blur-controls,.text-controls{bottom:120px;left:5px;right:5px}}.control-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:8px;padding-bottom:8px}.control-header h3{color:#333;font-size:15px;font-weight:600;margin:0}.close-controls-btn{align-items:center;background:#ff4757;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:26px;justify-content:center;transition:all .3s ease;width:26px}.close-controls-btn:hover{background:#ff3742;box-shadow:0 4px 8px #ff47574d;transform:scale(1.1)}@media (max-width:768px){.editor-canvas{-webkit-touch-callout:none;touch-action:none;-webkit-user-select:none;user-select:none}.blur-area{border-width:3px}.blur-control-point{height:12px;width:12px}.text-drag-handle{height:16px;width:16px}}.text-tool-container{gap:8px}.text-size-controls{background:#4caf501a;border:1px solid #4caf50;border-radius:20px;padding:6px 12px}.text-size-btn{align-items:center;background:#4caf50;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:30px;justify-content:center;transition:all .3s ease;width:30px}.text-size-btn:hover{background:#45a049;transform:scale(1.1)}.text-size-btn:active{transform:scale(.9)}.text-size-display{color:#333;font-size:12px;font-weight:600;min-width:40px;text-align:center}.tool-icon-btn.active{box-shadow:0 0 0 3px #fffc,0 0 0 5px currentColor;transform:scale(1.1)}.tool-icon-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.tool-divider{background:#e0e0e0;flex-shrink:0;height:40px;width:1px}.tools-panel-bottom{scroll-snap-type:x mandatory}.tool-icon-btn{scroll-snap-align:start}.tool-section:hover{border-color:#667eea;box-shadow:0 3px 10px #667eea33}.tool-section h3{align-items:center;color:#333;display:flex;font-size:13px;font-weight:600;gap:5px;margin:0 0 6px}.position-buttons{align-items:center;flex-direction:column;margin-bottom:5px}.horizontal-buttons,.position-buttons{display:flex;gap:3px}.control-btn{align-items:center;background:#fff;border:1px solid #667eea;border-radius:6px;color:#667eea;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:32px;justify-content:center;transition:all .3s ease;width:32px}.control-btn:hover{background:#667eea;box-shadow:0 5px 15px #667eea66;color:#fff;transform:scale(1.05)}.control-btn:active{transform:scale(.95)}.control-btn.active{animation:pulse 1s infinite;background:#764ba2;border-color:#764ba2;color:#fff}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.zoom-buttons{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:5px}.zoom-value{color:#333;font-size:12px;font-weight:700;min-width:50px;text-align:center}.slider-group{margin-bottom:5px}.slider-group label{color:#555;display:block;font-size:11px;font-weight:500;margin-bottom:3px}.slider-group input[type=range]{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;cursor:pointer;height:5px;outline:none;width:100%}.slider-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:2px solid #667eea;border-radius:50%;box-shadow:0 1px 3px #0003;cursor:pointer;height:14px;-webkit-transition:all .3s ease;transition:all .3s ease;width:14px}.slider-group input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 3px 10px #667eea80;transform:scale(1.2)}.slider-group input[type=range]::-moz-range-thumb{background:#fff;border:2px solid #667eea;border-radius:50%;box-shadow:0 1px 3px #0003;cursor:pointer;height:14px;-moz-transition:all .3s ease;transition:all .3s ease;width:14px}.slider-group input[type=range]::-moz-range-thumb:hover{box-shadow:0 3px 10px #667eea80;transform:scale(1.2)}.text-input-group{margin-bottom:5px}.text-input{border:1px solid #e9ecef;border-radius:5px;box-sizing:border-box;font-size:11px;padding:6px 8px;transition:all .3s ease;width:100%}.text-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.color-picker-group{align-items:center;display:flex;gap:5px;margin-bottom:5px}.color-picker-group label{color:#555;font-size:11px;font-weight:500}.color-picker{border:1px solid #e9ecef;border-radius:5px;cursor:pointer;height:26px;transition:all .3s ease;width:40px}.color-picker:hover{border-color:#667eea;transform:scale(1.05)}.blur-position-buttons,.text-position-buttons{display:flex;flex-wrap:wrap;gap:4px}.blur-position-buttons button,.text-position-buttons button{flex:1 1;font-size:10px;min-width:90px;padding:5px 8px}.crop-size-options{gap:4px;margin-bottom:5px}.crop-size-btn{background:#f0f0f0;border:1px solid #ddd;border-radius:5px;font-size:10px;padding:4px 8px;transition:all .3s ease;white-space:nowrap}.crop-size-btn:hover{background:#e0e0e0;border-color:#bbb}.crop-size-btn.active{background:#4caf50;border-color:#45a049}.crop-info{border:1px solid #e9ecef;color:#333;font-size:9px;line-height:1.3;margin-bottom:5px;padding:5px 6px}.center-crop-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:10px;font-weight:600;letter-spacing:.3px;padding:4px 8px;text-transform:uppercase;transition:all .3s ease;width:100%}.center-crop-btn:hover{box-shadow:0 3px 10px #667eea66;transform:translateY(-1px)}.center-crop-btn:active{transform:translateY(0)}.file-info{flex-direction:column;gap:5px}.file-info,.file-navigation{align-items:center;display:flex}.file-navigation{gap:8px;margin-top:5px}.file-counter{background:#fff3;border-radius:12px;font-size:11px;font-weight:600;padding:3px 8px}.next-indicator{color:#2196f3}.last-file-indicator,.next-indicator{font-size:10px;font-weight:500;margin-left:5px}.last-file-indicator{color:#4caf50}.nav-buttons{display:flex;gap:5px;width:100%}.nav-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:5px;color:#fff;cursor:pointer;font-size:11px;font-weight:600;padding:4px 10px;transition:all .3s ease;width:100%}.nav-btn:hover:not(:disabled){background:#ffffff4d;border-color:#ffffff80}.nav-btn:disabled{cursor:not-allowed;opacity:.5}.metadata-form{display:flex;flex-direction:column;gap:5px}.metadata-form .form-group{display:flex;flex-direction:column;gap:3px}.metadata-form label{color:#333;font-size:10px;font-weight:600}.metadata-input,.metadata-select,.metadata-textarea{border:1px solid #ddd;border-radius:4px;font-size:10px;padding:4px 6px;transition:border-color .3s ease}.metadata-input:focus,.metadata-select:focus,.metadata-textarea:focus{border-color:#4caf50;outline:none}.metadata-textarea{min-height:40px;resize:vertical}.metadata-select{cursor:pointer}.action-buttons{flex-direction:column;gap:4px;margin-top:0}.cancel-btn,.download-btn,.reset-all-btn,.reset-btn,.save-all-btn,.save-btn{border:none;border-radius:5px;cursor:pointer;font-size:10px;font-weight:600;letter-spacing:.3px;padding:6px 10px;text-transform:uppercase;transition:all .3s ease;width:100%}.reset-all-btn,.reset-btn{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.download-btn{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.save-btn{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.save-all-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700;overflow:hidden;position:relative}.save-all-btn:disabled{cursor:not-allowed;opacity:.8}.loading-container{align-items:center;display:flex;gap:5px;justify-content:center}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:12px;width:12px}.cancel-btn{background:linear-gradient(135deg,#fa709a,#fee140)}.cancel-btn:hover,.download-btn:hover,.reset-all-btn:hover,.reset-btn:hover,.save-all-btn:hover,.save-btn:hover{box-shadow:0 5px 20px #0000004d;transform:translateY(-2px)}.cancel-btn:active,.download-btn:active,.reset-all-btn:active,.reset-btn:active,.save-all-btn:active,.save-btn:active{transform:translateY(0)}@media (max-width:1200px){.editor-container{flex-direction:column}.tools-panel-bottom{max-height:none;width:100%}.canvas-section{min-height:400px}}@media (max-width:768px){.media-editor{height:auto;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:5px}.editor-header h2{font-size:18px}.editor-header p{font-size:10px}.tools-panel-bottom{gap:10px;max-height:none;overflow-y:visible;padding:12px}.tools-row{flex-wrap:wrap;gap:8px;justify-content:center}.tool-btn{font-size:16px;height:45px;width:45px}.tool-btn.weiter-btn{font-size:12px;width:70px}.advanced-tools-container{gap:10px;padding:8px}.advanced-tools-panel{width:100%}.brightness-tools{flex-wrap:wrap;gap:4px;justify-content:center}.brightness-preview{height:45px;width:55px}.brightness-label{font-size:10px}.main-tools-row{flex-direction:column;gap:8px;width:100%}.blur-tool-container,.text-tool-container{width:100%}.advanced-tool-btn{font-size:13px;min-width:auto;padding:12px;width:100%}.save-all-step2-tool,.speichern-tool{font-size:14px;padding:12px;width:100%}.preview-thumbnails{gap:5px;justify-content:center}.preview-thumbnail{height:40px;width:50px}.tool-btn.speichern-btn{font-size:12px;width:90px}.box-profile-section{gap:6px;padding:8px 12px}.box-profile-row{gap:8px}.box-profile-label{font-size:12px}.box-profile-dropdown{font-size:12px;min-width:80px;padding:4px 8px}.tool-icon-btn{font-size:16px;height:42px;width:42px}.tool-icon-btn.cancel-btn,.tool-icon-btn.save-btn{font-size:12px;width:80px}.tool-divider{height:35px}.slider-selection{gap:6px;padding:6px 10px}.slider-label{font-size:11px}.slider-dropdown{font-size:11px;min-width:70px;padding:3px 6px}.file-navigation{flex-direction:row;gap:5px}.nav-buttons{display:flex;gap:4px}.nav-btn{font-size:10px;padding:3px 8px}.editor-canvas{max-height:100%;max-width:100%}.canvas-section{padding:5px}}@media (max-width:480px){.media-editor{padding:3px}.editor-header h2{font-size:16px}.tools-panel-bottom{gap:8px;padding:10px}.tools-row{gap:6px}.tool-btn{font-size:14px;height:40px;width:40px}.tool-btn.weiter-btn{font-size:11px;width:60px}.tool-btn.speichern-btn{font-size:11px;width:80px}.box-profile-section{gap:5px;padding:6px 10px}.box-profile-row{gap:6px}.box-profile-label{font-size:11px}.box-profile-dropdown{font-size:11px;min-width:70px;padding:3px 6px}.advanced-tools-container{gap:15px;padding:15px}.preview-thumbnails{gap:8px}.preview-thumbnail{height:45px;width:60px}.brightness-tools{gap:8px}.brightness-preview{height:45px;width:60px}.brightness-label{font-size:7px;padding:1px 3px}.main-tools-row{gap:10px}.advanced-tool-btn{font-size:14px;min-width:80px;padding:10px 20px}.cancel-icon,.confirm-icon{font-size:14px;height:25px;width:25px}.brightness-tools{gap:6px}.brightness-preview{height:38px;width:50px}.brightness-label{font-size:6px;padding:1px 2px}.tool-icon-btn{font-size:14px;height:38px;width:38px}.tool-icon-btn.cancel-btn,.tool-icon-btn.save-btn{font-size:11px;width:70px}.tool-divider{height:30px}.slider-selection{gap:5px;padding:5px 8px}.slider-label{font-size:10px}.slider-dropdown{font-size:10px;min-width:60px;padding:2px 5px}.editor-canvas{border-width:1px}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.loading{animation:shimmer 2s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:1000px 100%}.text-popup-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.text-popup{animation:slideUp .3s ease-out;background:#fff;border-radius:15px;box-shadow:0 10px 40px #0000004d;max-width:500px;min-width:350px;padding:25px}.text-popup-horizontal{align-items:center;animation:slideIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;display:flex;gap:20px;min-width:500px;padding:15px 20px}.text-input-section{flex:1 1;min-width:150px}.text-input-field{border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:8px 12px;transition:border-color .3s ease;width:100%}.text-input-field:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a;outline:none}.color-swatches{align-items:center;display:flex;gap:8px}.color-swatch{border:2px solid #0000;border-radius:50%;cursor:pointer;height:24px;position:relative;transition:all .3s ease;width:24px}.color-swatch:hover{box-shadow:0 2px 8px #0003;transform:scale(1.1)}.color-swatch.active{border-color:#333;box-shadow:0 0 0 2px #667eea}.zoom-controls{gap:8px}.zoom-btn{font-size:16px;height:32px;width:32px}.zoom-btn.zoom-up{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.zoom-btn.zoom-down{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}.zoom-display{font-size:12px;min-width:40px}.text-action-buttons{align-items:center;display:flex;gap:8px}.action-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:32px;justify-content:center;transition:all .3s ease;width:32px}.action-btn.save-btn{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.action-btn.cancel-btn{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}.action-btn:hover{box-shadow:0 4px 12px #0003;transform:scale(1.1)}.arrow-controls{flex-direction:column}.arrow-controls,.arrow-horizontal{align-items:center;display:flex;gap:4px}.arrow-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:700;height:28px;justify-content:center;transition:all .3s ease;width:28px}.arrow-btn:hover{box-shadow:0 4px 12px #667eea66;transform:scale(1.1)}.arrow-btn:active{transform:scale(.95)}.popup-cancel-btn,.popup-save-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.popup-save-btn{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.popup-cancel-btn{background:#f0f0f0;color:#666}.popup-save-btn:hover{box-shadow:0 4px 12px #43e97b66;transform:translateY(-2px)}.popup-cancel-btn:hover{background:#e0e0e0;transform:translateY(-2px)}.popup-cancel-btn:active,.popup-save-btn:active{transform:translateY(0)}.blur-bottom-controls{animation:slideUp .3s ease;bottom:20px;left:50%;position:fixed;transform:translateX(-50%);z-index:2000}.blur-control-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:15px;box-shadow:0 10px 30px #0000004d;min-width:300px;padding:15px 20px}.blur-control-header{align-items:center;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.blur-control-header h4{color:#333;font-size:16px;font-weight:600;margin:0}.blur-close-btn{align-items:center;background:#ff6b6b;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:25px;justify-content:center;transition:all .3s ease;width:25px}.blur-close-btn:hover{background:#ff5252;transform:scale(1.1)}.blur-control-content{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.blur-position-section,.blur-size-section{align-items:center;display:flex;flex-direction:column;gap:8px}.blur-position-section label,.blur-size-section label{color:#333;font-size:12px;font-weight:600;margin:0}.blur-size-controls{align-items:center;display:flex;gap:8px}.blur-size-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:30px;justify-content:center;transition:all .3s ease;width:30px}.blur-size-btn.increase{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.blur-size-btn.decrease{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}.blur-size-btn:hover{box-shadow:0 4px 12px #0003;transform:scale(1.1)}.blur-size-display{color:#333;font-size:16px;font-weight:600;min-width:60px;text-align:center}.blur-position-controls{flex-direction:column}.blur-horizontal-controls,.blur-position-controls{align-items:center;display:flex;gap:10px}.blur-arrow-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:35px;justify-content:center;transition:all .3s ease;width:35px}.blur-arrow-btn:hover{box-shadow:0 4px 12px #667eea66;transform:scale(1.1)}.blur-arrow-btn:active{transform:scale(.95)}.blur-popup-actions{display:flex;gap:10px;justify-content:center;margin-top:20px}.blur-tool-container{align-items:center;display:flex;flex-direction:column;gap:10px}.blur-controls{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;display:flex;gap:8px;padding:8px 12px}.blur-controls .blur-size-btn{font-size:14px;height:30px;width:30px}.blur-controls .blur-size-display{font-size:12px;min-width:40px}.text-controls,.text-tool-container{align-items:center;display:flex;flex-direction:column;gap:10px}.text-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;padding:10px 15px}.text-position-controls,.text-size-controls{align-items:center;display:flex;gap:8px}.text-position-controls{flex-direction:column}.text-horizontal-controls{align-items:center;display:flex;gap:8px}.text-arrow-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:30px;justify-content:center;transition:all .3s ease;width:30px}.text-arrow-btn:hover{box-shadow:0 4px 12px #667eea66;transform:scale(1.1)}.text-arrow-btn:active{transform:scale(.95)}.blur-apply-section{display:flex;justify-content:center}.blur-apply-btn{background:linear-gradient(135deg,#43e97b,#38f9d7);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .3s ease}.blur-apply-btn:hover{box-shadow:0 4px 12px #43e97b66;transform:translateY(-2px)}@keyframes slideUp{0%{opacity:0;transform:translateX(-50%) translateY(100px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.loading-overlay{animation:fadeIn .3s ease-out;background:#000c;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}.loading-overlay,.loading-spinner-container{align-items:center;display:flex;justify-content:center}.loading-spinner-container{animation:scaleIn .3s ease-out;background:#fffffff2;border-radius:20px;box-shadow:0 10px 40px #0000004d;flex-direction:column;padding:40px}.loading-spinner{animation:spin 1s linear infinite;border-right:5px solid #f3f3f3;border-top:5px solid #f3f3f3;border-color:#667eea #764ba2 #f3f3f3 #f3f3f3;border-radius:50%;border-style:solid;border-width:5px;height:60px;margin-bottom:20px;width:60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.loading-text{color:#333;font-size:18px;font-weight:600;margin:0 0 8px;text-align:center}.loading-subtext{color:#666;font-size:14px;margin:0;text-align:center}.preview-container{border:2px solid #ddd;border-radius:8px;height:auto;overflow:hidden;width:auto}.preview-image,.preview-video{display:block;height:auto;max-height:none;max-width:none;width:auto}.crop-handle{pointer-events:all}.zoom-controls{background:#f8f9fa;border-radius:8px;gap:10px;margin:10px 0;padding:10px}.zoom-btn,.zoom-controls{align-items:center;display:flex}.zoom-btn{border:none;border-radius:50%;cursor:pointer;font-size:18px;font-weight:700;height:40px;justify-content:center;transition:all .3s ease;width:40px}.zoom-btn.zoom-in{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.zoom-btn.zoom-out{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}.zoom-btn:hover{box-shadow:0 4px 12px #0003;transform:scale(1.1)}.zoom-display{color:#333;font-size:14px;font-weight:600;min-width:60px;text-align:center}.current-file-processing h3{color:#333;font-size:18px;font-weight:600;margin-bottom:15px}.slider-selection-section{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;margin:0 auto;max-width:800px;padding:20px}.slider-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin:20px 0}.slider-btn{background:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;text-align:center;transition:all .3s ease}.slider-btn:hover{background:#e9ecef;border-color:#adb5bd}.slider-btn.active{background:#007bff;border-color:#0056b3;color:#fff}.file-details-form{margin:30px 0}.form-group{margin-bottom:20px}.form-group label{color:#495057;display:block;font-weight:600;margin-bottom:8px}.form-group input,.form-group textarea{border:2px solid #dee2e6;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#007bff;outline:none}.form-group textarea{min-height:80px;resize:vertical}.action-buttons{display:flex;gap:15px;justify-content:center;margin-top:30px}.cancel-btn,.process-btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;min-width:120px;padding:12px 24px;transition:all .3s ease}.process-btn{background:#28a745;color:#fff}.process-btn:hover:not(:disabled){background:#218838}.process-btn:disabled{background:#6c757d;cursor:not-allowed}.cancel-btn{background:#dc3545;color:#fff}.cancel-btn:hover{background:#c82333}.preview-container{max-width:100%}.preview-video{display:block;height:auto;max-width:100%}.selected-images{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin:20px 0;padding:15px}.selected-images h4{color:#495057;font-size:16px;margin:0 0 15px}.image-preview-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.image-preview{background:#fff;border:1px solid #dee2e6;border-radius:6px;overflow:hidden}.preview-image{display:block;height:80px;object-fit:cover;width:100%}.image-name{color:#666;font-size:11px;padding:5px;text-align:center;word-break:break-all}.image-preview{cursor:pointer;position:relative;transition:transform .3s ease}.image-preview:hover{transform:scale(1.05)}.crop-image-btn{background:#007bff;border:none;border-radius:4px;bottom:5px;color:#fff;cursor:pointer;font-size:10px;left:50%;opacity:0;padding:4px 8px;position:absolute;transform:translateX(-50%);transition:opacity .3s ease}.image-preview:hover .crop-image-btn{opacity:1}.image-crop-section{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin:20px 0;padding:15px}.image-crop-section h4{color:#495057;font-size:16px;margin:0 0 15px}.crop-controls{display:flex;gap:10px;margin-top:15px}.modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.current-processing{background:#e3f2fd;border:1px solid #2196f3;border-radius:8px;margin:20px 0;padding:20px}.current-processing h4{color:#1976d2;font-size:18px;margin:0 0 15px}.processing-form{background:#fff;border-radius:6px;margin-bottom:15px;padding:15px}.processing-actions{display:flex;gap:10px;justify-content:center;margin-top:15px}.processed-media-section{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin:20px 0;padding:20px}.processed-media-section h4{color:#495057;font-size:18px;margin:0 0 15px}.processed-media-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:20px}.processed-media-item{background:#fff;border:1px solid #dee2e6;border-radius:8px;overflow:hidden;transition:transform .3s ease}.processed-media-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.processed-media-item .media-preview{background:#000;height:120px;overflow:hidden}.processed-media-item .media-preview img,.processed-media-item .media-preview video{height:100%;object-fit:cover;width:100%}.processed-media-item .media-info{padding:12px}.processed-media-item .media-info h5{color:#495057;font-size:14px;margin:0 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.processed-media-item .media-info p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:12px;line-height:1.3;margin:0 0 8px;overflow:hidden}.final-assignment{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:20px}.final-actions{display:flex;gap:15px;justify-content:center;margin-top:20px}.current-file-processing{background:#e3f2fd;border:1px solid #2196f3;border-radius:8px;margin:20px 0;padding:20px}.current-file-processing h3{color:#1976d2;font-size:20px;margin:0 0 20px}.file-details-form{background:#fff;border-radius:8px;margin:20px 0;padding:20px}.file-processing-actions{display:flex;gap:15px;justify-content:center;margin-top:20px}.processed-media-preview{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin:20px 0;padding:20px}.processed-media-preview h3{color:#495057;font-size:20px;margin:0 0 20px}.slider-assignment{background:#28a745;border-radius:12px;color:#fff;display:inline-block;font-size:10px;font-weight:600;margin-left:8px;padding:2px 8px;text-transform:uppercase}.crop-size-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:5px}.crop-size-btn{background:#fff;border:2px solid #ddd;border-radius:6px;cursor:pointer;font-size:12px;padding:8px 12px;transition:all .2s}.crop-size-btn:hover{background:#f8f9fa;border-color:#007bff}.crop-size-btn.active{background:#007bff;border-color:#007bff;color:#fff}.media-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.crop-size-info{background:#17a2b8;border-radius:12px;color:#fff;display:inline-block;font-size:10px;font-weight:600;padding:2px 8px;text-transform:uppercase}.preview-container{cursor:crosshair;display:inline-block;position:relative}.crop-overlay{background:#007bff1a;border:2px solid #007bff;cursor:default;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none}.crop-handle{background:#007bff;border:2px solid #fff;border-radius:50%;cursor:pointer;height:10px;position:absolute;width:10px}.crop-handle.nw{cursor:nw-resize;left:-5px;top:-5px}.crop-handle.ne{cursor:ne-resize;right:-5px;top:-5px}.crop-handle.sw{bottom:-5px;cursor:sw-resize;left:-5px}.crop-handle.se{bottom:-5px;cursor:se-resize;right:-5px}.crop-info{background:#f8f9fa;border-radius:5px;color:#495057;font-size:14px;margin-top:10px;padding:10px}@media (max-width:768px){.preview-container{touch-action:none;-webkit-user-select:none;user-select:none}.crop-overlay{background:#007bff26;border-color:#007bff;border-width:3px;touch-action:none}.crop-handle{-webkit-tap-highlight-color:transparent;background:#007bff;border-color:#fff;border-width:3px;box-shadow:0 2px 8px #0000004d;height:20px;touch-action:manipulation;-webkit-user-select:none;user-select:none;width:20px}.crop-handle.nw{cursor:nw-resize;left:-10px;top:-10px}.crop-handle.ne{cursor:ne-resize;right:-10px;top:-10px}.crop-handle.sw{bottom:-10px;cursor:sw-resize;left:-10px}.crop-handle.se{bottom:-10px;cursor:se-resize;right:-10px}.crop-info{font-size:13px;line-height:1.4;margin-top:8px;padding:8px}.crop-info strong{color:#007bff;font-weight:600}.preview-image,.preview-video{display:block;height:auto;max-width:100%}.image-crop-section,.video-crop-section{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin:15px 0;padding:10px}.current-file-processing{margin:15px 0;padding:15px}.current-file-processing h3{font-size:18px;margin-bottom:15px}.file-details-form{margin:15px 0;padding:15px}.form-group{margin-bottom:15px}.form-group label{font-size:14px;margin-bottom:8px}.form-input,.form-select,.form-textarea{border-radius:8px;font-size:16px;padding:12px 14px}.form-textarea{min-height:80px}.crop-size-options{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr;margin-top:8px}.crop-size-btn{border-radius:8px;font-size:14px;padding:12px 16px}.file-processing-actions{flex-direction:column;gap:10px;margin-top:20px}.btn{border-radius:8px;font-size:16px;padding:14px 20px;width:100%}.processed-media-preview{margin:15px 0;padding:15px}.processed-media-preview h3{font-size:18px;margin-bottom:15px}.processed-media-grid{gap:15px;grid-template-columns:1fr}.processed-media-item{border-radius:8px}.processed-media-item .media-preview{height:150px}.processed-media-item .media-info{padding:10px}.processed-media-item .media-info h5{font-size:14px;margin-bottom:5px}.processed-media-item .media-info p{font-size:12px;margin-bottom:8px}.media-meta{align-items:flex-start;flex-direction:column;gap:5px}.crop-size-info,.slider-assignment{border-radius:12px;font-size:11px;padding:4px 8px}.final-actions{flex-direction:column;gap:10px;margin-top:20px}}@media (max-width:480px){.crop-handle{border-width:4px;height:24px;width:24px}.crop-handle.nw{left:-12px;top:-12px}.crop-handle.ne{right:-12px;top:-12px}.crop-handle.sw{bottom:-12px;left:-12px}.crop-handle.se{bottom:-12px;right:-12px}.crop-overlay{border-width:4px}.crop-info{font-size:12px;line-height:1.3;padding:6px}.crop-info strong{color:#007bff;font-weight:600}.current-file-processing{margin:10px 0;padding:10px}.current-file-processing h3{font-size:16px;margin-bottom:10px}.file-details-form{margin:10px 0;padding:10px}.form-group{margin-bottom:12px}.form-group label{font-size:13px;margin-bottom:6px}.form-input,.form-select,.form-textarea{font-size:16px;padding:10px 12px}.crop-size-btn{font-size:13px;padding:10px 14px}.btn{font-size:15px;padding:12px 16px}.processed-media-item .media-preview{height:120px}.processed-media-item .media-info{padding:8px}.processed-media-item .media-info h5{font-size:13px}.processed-media-item .media-info p{font-size:11px}}
/*# sourceMappingURL=main.7887cf30.css.map*/