.GridMaker_container__zK6RI{display:flex;flex-direction:column;gap:var(--spacing-6);align-items:center}.GridMaker_controls__I9Eeu{width:100%;max-width:600px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-4)}.GridMaker_uploadBox__v3XAe{display:flex;justify-content:center}.GridMaker_fileInput__skIB6{display:none}.GridMaker_uploadLabel__p9GCj{background:var(--bg-primary);border:2px dashed var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-6) var(--spacing-8);cursor:pointer;font-weight:600;color:var(--text-secondary);transition:all .2s ease;text-align:center;width:100%}.GridMaker_uploadLabel__p9GCj:hover{border-color:var(--brand-primary);color:var(--brand-primary);background:rgba(255,187,0,.05)}.GridMaker_optionsBox__R_t0u{display:flex;flex-direction:column;gap:var(--spacing-4);align-items:center}.GridMaker_toggleGroup__0qmGV{display:flex;background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-color);overflow:hidden}.GridMaker_toggleBtn__e4TtZ{background:none;border:none;padding:var(--spacing-2) var(--spacing-4);color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .2s ease}.GridMaker_generateBtn__8Knfs,.GridMaker_toggleBtn__e4TtZ.GridMaker_active__9KajD{background:var(--brand-primary);color:#171717}.GridMaker_generateBtn__8Knfs{border:none;border-radius:var(--radius-md);padding:var(--spacing-3) var(--spacing-8);font-weight:700;font-size:1.1rem;cursor:pointer;transition:background .2s ease;width:100%}.GridMaker_generateBtn__8Knfs:hover{background:var(--brand-primary-hover)}.GridMaker_resultsSection__4oYpd{width:100%;max-width:800px;display:flex;flex-direction:column;gap:var(--spacing-4);align-items:center}.GridMaker_instructions__IR27u{text-align:center;color:var(--text-secondary);font-size:.95rem;background:var(--bg-secondary);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);border-left:4px solid var(--brand-primary)}.GridMaker_gridPreview__oftXR{display:grid;gap:2px;background:var(--border-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);overflow:hidden;max-width:100%}.GridMaker_grid3x3__4cVHJ,.GridMaker_grid3x4__sFQbi{grid-template-columns:repeat(3,1fr)}.GridMaker_gridPiece__JRDSJ{position:relative;display:block;background:var(--bg-primary);aspect-ratio:1;overflow:hidden;cursor:pointer}.GridMaker_gridPiece__JRDSJ img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease,opacity .2s ease}.GridMaker_gridPiece__JRDSJ:hover img{transform:scale(1.05);opacity:.8}.GridMaker_pieceNumber__QBtuu{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.7);color:white;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;opacity:0;transition:opacity .2s ease;pointer-events:none}.GridMaker_gridPiece__JRDSJ:hover .GridMaker_pieceNumber__QBtuu{opacity:1}