.preview-area{background:#0000004d;border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:16px}.preview-canvas-wrapper{background:#000;border-radius:8px;padding:8px;display:flex;align-items:center;justify-content:center;width:100%;max-width:528px}#previewCanvas{display:none;image-rendering:pixelated;image-rendering:crisp-edges;max-width:100%;height:auto}.preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#71717a;gap:8px;width:100%;max-width:512px;aspect-ratio:2 / 1;background:#ffffff08;border:1px dashed rgba(255,255,255,.1);border-radius:4px}.preview-placeholder svg{width:48px;height:48px;stroke:currentColor;fill:none;stroke-width:1.5}.preview-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.btn-small{padding:8px 16px;font-size:13px}.gallery-wrapper{background:#0000004d;border-radius:12px;padding:16px}.gallery-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.gallery-title{font-size:13px;font-weight:600;color:#71717a;text-transform:uppercase;letter-spacing:.5px}.gallery-container{display:flex;flex-wrap:wrap;gap:8px;min-height:80px}.gallery-empty{display:flex;align-items:center;justify-content:center;width:100%;min-height:80px;color:#52525b;font-size:13px}.gallery-item{width:128px;height:64px;border-radius:4px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s ease;background:#000}.gallery-item:hover{border-color:#00d4ff80}.gallery-item.selected{border-color:#00d4ff;box-shadow:0 0 10px #00d4ff4d}.gallery-item canvas{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}.color-picker-section{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.color-picker-group{display:flex;align-items:center;gap:8px}.color-picker-group label{font-size:13px;color:#a1a1aa}.color-picker-group input[type=color]{width:36px;height:28px;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:4px;background:transparent;cursor:pointer}.color-picker-group input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.color-picker-group input[type=color]::-webkit-color-swatch{border-radius:2px;border:none}
