*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.layout{max-width:1400px;margin:0 auto;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;overflow:hidden}.header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px;text-align:center}.header h1{font-size:32px;margin-bottom:10px}.header p{opacity:.9;font-size:16px}.tabs{display:flex;background:#f8f9fa;border-bottom:2px solid #dee2e6}.tab{flex:1;padding:20px;text-align:center;cursor:pointer;background:#f8f9fa;border:none;font-size:16px;font-weight:600;transition:all .3s;color:#495057;text-decoration:none}.tab:hover{background:#e9ecef}.tab.active{background:#fff;color:#667eea;border-bottom:3px solid #667eea}.content{padding:30px;min-height:500px}.btn{padding:12px 30px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.btn-secondary{background:#6c757d;color:#fff}.btn-success{background:#28a745;color:#fff}.btn-danger{background:#dc3545;color:#fff}.btn-small{padding:8px 16px;font-size:14px}.form-group{margin-bottom:25px}label{display:block;margin-bottom:8px;font-weight:600;color:#495057}input,select,textarea{width:100%;padding:12px;border:2px solid #dee2e6;border-radius:8px;font-size:14px;transition:border .3s}input:focus,select:focus,textarea:focus{outline:none;border-color:#667eea}.loading{text-align:center;padding:40px}.spinner{border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 20px}.generator-page h2{margin-bottom:10px;color:#495057}.generator-form{background:#f8f9fa;padding:30px;border-radius:12px;margin-bottom:30px}.generator-form small{display:block;margin-top:5px;color:#6c757d;font-size:12px}.form-section{background:#fff;padding:20px;border-radius:8px;margin-bottom:20px;border:1px solid #dee2e6}.form-section h3{margin-top:0;margin-bottom:15px;font-size:18px;color:#495057}.radio-group{display:flex;gap:20px;margin-bottom:20px}.radio-option{display:flex;align-items:center;gap:8px;cursor:pointer;padding:10px 15px;border:2px solid #dee2e6;border-radius:8px;transition:all .3s}.radio-option:hover{border-color:#667eea;background:#f8f9fa}.radio-option input[type=radio]{width:auto;margin:0}.radio-option input[type=radio]:checked+span{font-weight:600;color:#667eea}.result-card{background:#f0fff4;border:2px solid #28a745;border-radius:12px;padding:25px;text-align:center}.result-card h3{color:#28a745;margin-bottom:20px}.result-preview{max-width:400px;margin:20px auto}.result-preview img{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px #0000001a}.result-links{display:flex;gap:15px;justify-content:center;margin:20px 0}.result-links a{text-decoration:none}.result-card p{color:#6c757d;font-size:14px;margin-top:15px}.generator-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}.item-card{background:#fff;border:2px solid #dee2e6;border-radius:12px;padding:20px;margin-bottom:20px}.item-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #dee2e6}.item-card h3{margin:0;color:#667eea}.item-card h4{font-size:16px;margin-bottom:15px;color:#495057}.visual-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px;margin-top:15px}.visual-item{cursor:pointer;border:3px solid #dee2e6;border-radius:8px;overflow:hidden;transition:all .3s;position:relative}.visual-item:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 8px #667eea33}.visual-item.selected{border-color:#667eea;border-width:4px;box-shadow:0 0 15px #667eea66}.visual-item.selected:after{content:"✓";position:absolute;top:5px;right:5px;background:#667eea;color:#fff;width:25px;height:25px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.visual-item img{width:100%;height:100px;object-fit:cover;display:block}.visual-item p{padding:8px;margin:0;font-size:12px;text-align:center;background:#fff;color:#495057}.results-section{margin-top:40px;padding:30px;background:#f8f9fa;border-radius:12px}.results-section h3{margin-bottom:20px;color:#495057}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.result-card-mini{background:#fff;border:2px solid #28a745;border-radius:8px;overflow:hidden;transition:all .3s}.result-card-mini:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000001a}.result-card-mini.failed{border-color:#dc3545}.result-card-mini img{width:100%;height:200px;object-fit:cover;display:block}.result-info{padding:10px}.result-info p{margin:0 0 5px;font-size:14px;color:#495057}.result-info a{color:#667eea;text-decoration:none;font-size:12px;font-weight:600}.result-info a:hover{text-decoration:underline}.result-error{padding:15px;text-align:center}.result-error p{margin:5px 0;color:#495057}.result-error small{color:#dc3545;font-size:11px}.gallery-page{padding:20px;max-width:1600px;margin:0 auto}.gallery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.gallery-header h2{margin:0;font-size:28px;color:#2c3e50}.filters-section{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:30px;display:flex;gap:20px;align-items:flex-end;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{font-weight:600;font-size:14px;color:#495057}.filter-group select{padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;min-width:150px;background:#fff}.table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.media-table{width:100%;border-collapse:collapse}.media-table thead{background:#f8f9fa;border-bottom:2px solid #dee2e6}.media-table th{padding:12px 16px;text-align:left;font-weight:600;font-size:14px;color:#495057;white-space:nowrap}.media-table tbody tr{border-bottom:1px solid #dee2e6;transition:background-color .2s}.media-table tbody tr:hover{background-color:#f8f9fa}.media-table td{padding:12px 16px;vertical-align:middle}.preview-cell{display:flex;align-items:center;justify-content:center}.preview-cell:hover{opacity:.8}.badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.badge-video{background:#e3f2fd;color:#1976d2}.badge-image{background:#f3e5f5;color:#7b1fa2}.tags-cell{display:flex;gap:4px;flex-wrap:wrap}.tag-small{background:#e9ecef;color:#495057;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500;white-space:nowrap}.texts-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:#6c757d}.sync-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap;display:inline-block}.sync-badge.synced{background:#d4edda;color:#155724}.sync-badge.not-synced{background:#fff3cd;color:#856404}.actions-cell{display:flex;gap:6px}.btn-xs{padding:4px 8px;font-size:14px;border:none;border-radius:4px;cursor:pointer;transition:opacity .2s;text-decoration:none;display:inline-block}.btn-xs:hover:not(:disabled){opacity:.8}.btn-xs:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:8px;max-width:900px;width:100%;position:relative;max-height:90vh;overflow-y:auto}.modal-close{position:absolute;top:10px;right:10px;background:#00000080;color:#fff;border:none;border-radius:50%;width:32px;height:32px;font-size:20px;cursor:pointer;z-index:1}.modal-close:hover{background:#000000b3}.modal-body{padding:20px;text-align:center}.modal-info{margin-top:20px;text-align:left;padding:20px;background:#f8f9fa;border-radius:8px}.modal-info h3{margin-top:0}.modal-info p{margin:8px 0}.empty-state{text-align:center;padding:60px 20px;color:#6c757d;background:#fff;border-radius:8px}.empty-state p{font-size:18px;margin-bottom:5px}.empty-state small{font-size:14px}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1200px){.media-table{font-size:13px}.media-table th,.media-table td{padding:10px 12px}.texts-cell{max-width:150px}}@media(max-width:768px){.filters-section{flex-direction:column;align-items:stretch}.filter-group select{width:100%}.table-container{overflow-x:auto}.media-table{min-width:800px}}.assets-page h2{margin-bottom:30px;color:#495057}.upload-form{background:#f8f9fa;padding:25px;border-radius:12px;margin-bottom:30px}.upload-zone{border:3px dashed #dee2e6;border-radius:12px;padding:40px;text-align:center;cursor:pointer;transition:all .3s;margin-bottom:20px}.upload-zone:hover{border-color:#667eea;background:#fff}.upload-zone h3{margin-bottom:10px;color:#495057}.upload-zone input[type=file]{margin-top:10px}.inline-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.checkbox-group{display:flex;align-items:center;gap:10px;margin-bottom:15px}.checkbox-group input[type=checkbox]{width:auto;cursor:pointer}.checkbox-group label{margin:0;cursor:pointer}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-top:20px}.gallery-item{border:2px solid #dee2e6;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s;position:relative}.gallery-item:hover{transform:translateY(-5px);box-shadow:0 5px 20px #0000001a;border-color:#667eea}.gallery-item img{width:100%;height:150px;object-fit:cover}.gallery-item-info{padding:10px;background:#fff}.gallery-item-info h4{font-size:14px;margin-bottom:5px;color:#495057}.gallery-item-info p{font-size:12px;color:#6c757d;margin-bottom:3px}.gallery-item .delete-btn{position:absolute;top:10px;right:10px;background:#dc3545e6;color:#fff;border:none;border-radius:50%;width:30px;height:30px;cursor:pointer;display:none;font-size:20px;line-height:1}.gallery-item:hover .delete-btn{display:block}.voice-list,.music-list{max-height:600px;overflow-y:auto}.voice-item,.music-item{border:2px solid #dee2e6;border-radius:8px;padding:15px;margin-bottom:10px;cursor:pointer;transition:all .3s;display:flex;justify-content:space-between;align-items:center;background:#fff}.voice-item:hover,.music-item:hover{border-color:#667eea}.voice-item h4,.music-item h4{font-size:16px;margin-bottom:5px;color:#495057}.asset-badge{background:#667eea;color:#fff;padding:4px 10px;border-radius:12px;font-size:12px;margin-left:10px}