:root {
    --bg-color: #1a1a24; --card-bg: #222233; --accent: #00e5ff; 
    --danger: #ff0055; --select-color: #39ff14; --text: #f0f0f0;
}

body {
    font-family: 'VT323', monospace; background-color: var(--bg-color);
    color: var(--text); padding: 20px; display: flex; justify-content: center;
}

.container { width: 100%; max-width: 900px; text-align: center; }

header h1 { font-family: 'Press Start 2P', cursive; color: var(--accent); text-shadow: 4px 4px 0 #000; }

.controls, .download-section, .preview-grid {
    background: var(--card-bg); padding: 20px; margin-bottom: 25px;
    border: 4px solid #fff; box-shadow: 8px 8px 0 #000; 
}

.step-box { background: #15151e; border: 2px dashed #555; padding: 15px; margin-bottom: 15px; }

.photoroom-btn {
    display: inline-block; background: #8c52ff; color: #fff; padding: 10px 15px;
    text-decoration: none; font-family: 'Press Start 2P', cursive; font-size: 10px;
    border: 3px solid #fff; margin-top: 10px;
}

.primary-btn { background: var(--accent); font-family: 'Press Start 2P', cursive; font-size: 10px; padding: 12px; }
.secondary-btn { background: var(--danger); font-family: 'Press Start 2P', cursive; font-size: 10px; padding: 12px; color: #fff; }

.preview-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 10px;
    width: 100%;
    box-sizing: border-box;
}

canvas {
    max-width: 150px; /* Tamaño máximo para que no se vea gigante */
    border: 3px solid #444;
    background-image: linear-gradient(45deg, #111 25%, transparent 25%), 
                      linear-gradient(-45deg, #111 25%, transparent 25%),
                      linear-gradient(45deg, transparent 75%, #111 75%),
                      linear-gradient(-45deg, transparent 75%, #111 75%);
    background-size: 10px 10px;
    image-rendering: pixelated;
    cursor: pointer;
}

canvas.selected { border-color: var(--select-color); box-shadow: 0 0 10px var(--select-color); }

@media (max-width: 768px) { .preview-grid { gap: 5px; } canvas { max-width: 80px; } }