.preview-container{text-align:center}#preview-canvas{max-width:100%;height:auto;border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);cursor:grab;transition:border-color var(--transition-fast)}#preview-canvas:active{cursor:grabbing}#preview-canvas:hover{border-color:var(--primary-color)}.preview-controls{display:flex;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-md)}.generation-info{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem}.color-palette{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.palette-color{flex:1;min-width:50px;height:40px;border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer}.algorithm-controls{border-top:1px solid var(--border-color);padding-top:var(--spacing-md);margin-top:var(--spacing-md)}.button-group{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.control-group span{display:inline-block;min-width:3rem;text-align:right;font-family:var(--font-mono);font-weight:500;color:var(--primary-color);font-size:.875rem}.checkbox-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.checkbox-label{display:flex;align-items:center;cursor:pointer;font-weight:400!important;margin-bottom:0!important}.checkbox-label input[type=checkbox]{width:auto!important;margin-right:var(--spacing-sm);transform:scale(1.2)}.algorithm-info{animation:.3s fadeIn}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.preview-controls{flex-wrap:wrap;justify-content:center}.color-palette{justify-content:center}#preview-canvas{max-width:100%;height:auto}}