.queue-badge{position:absolute;top:8px;left:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.3);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10;border:2px solid hsla(0,0%,100%,.2)}.queue-badge:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.4)}.queue-badge.selected{background:linear-gradient(135deg,#4caf50,#45a049);border-color:hsla(0,0%,100%,.4)}.queue-badge:not(.selected){background:linear-gradient(135deg,#ff6b6b,#ee5a52);font-size:18px}.queue-badge:not(.selected):hover{background:linear-gradient(135deg,#ff5252,#d32f2f)}.queue-panel{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:16px;padding:20px;margin:20px 0;transition:all .3s ease}.queue-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.queue-panel-title{font-size:18px;font-weight:600;color:#fff;margin:0}.queue-panel-controls{display:flex;gap:8px}.queue-clear-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;border:none;border-radius:8px;padding:6px 12px;font-size:12px;cursor:pointer;transition:all .2s ease}.queue-clear-btn:hover{background:linear-gradient(135deg,#ff5252,#d32f2f);transform:translateY(-1px)}.queue-toggle-btn{background:hsla(0,0%,100%,.2);color:#333;border:1px solid hsla(0,0%,100%,.3);border-radius:8px;padding:6px 12px;font-size:12px;cursor:pointer;transition:all .2s ease}.queue-toggle-btn:hover{background:hsla(0,0%,100%,.3)}.queue-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:12px;gap:12px;margin-top:16px}.queue-item{position:relative;border-radius:8px;overflow:hidden;background:hsla(0,0%,100%,.1);transition:all .3s ease;cursor:pointer}.queue-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.queue-item.dragging{transform:scale(1.05) rotate(2deg);z-index:1000;opacity:.8}.queue-item.drag-over{border:2px dashed #667eea;background:rgba(102,126,234,.1)}.queue-item-image{width:100%;height:80px;object-fit:cover;display:block}.queue-item-info{padding:8px;background:hsla(0,0%,100%,.9)}.queue-item-position{position:absolute;top:4px;left:4px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;box-shadow:0 2px 4px rgba(0,0,0,.3)}.queue-item-prompt{font-size:10px;color:#666;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-item-remove{position:absolute;top:4px;right:4px;background:hsla(0,100%,71%,.9);color:#fff;border:none;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;cursor:pointer;opacity:0;transition:all .2s ease}.queue-item:hover .queue-item-remove{opacity:1}.queue-item-remove:hover{background:#ff5252;transform:scale(1.1)}.queue-empty-state{text-align:center;padding:40px 20px;color:#666}.queue-empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.queue-empty-text{font-size:16px;margin-bottom:8px}.queue-empty-subtext{font-size:14px;opacity:.7}@media (max-width:768px){.queue-panel{margin:16px 0;padding:16px}.queue-items-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.queue-item-image{height:60px}.queue-badge{width:24px;height:24px;font-size:12px}}@media (hover:none) and (pointer:coarse){.queue-item-remove{opacity:1}.queue-badge{width:32px;height:32px;font-size:16px}}.image-card.highlighted{transform:scale(1.02);box-shadow:0 0 20px rgba(102,126,234,.5);border:2px solid #667eea;transition:all .3s ease}.image-card.highlighted .image-container{border-color:#667eea}