.PatternGrid-module__yWOpra__gridContainer{display:inline-block}.PatternGrid-module__yWOpra__grid{background:#ddd;border:2px solid #999;gap:2px;width:400px;height:400px;padding:2px;display:grid}.PatternGrid-module__yWOpra__cell{cursor:pointer;background:#fff;min-width:0;min-height:0;transition:all .1s}.PatternGrid-module__yWOpra__cell:hover{opacity:.8}.PatternGrid-module__yWOpra__cell.PatternGrid-module__yWOpra__filled{background:#2563eb}
.PatternPreview-module__3kUaCq__previewContainer{flex-direction:column;gap:20px;display:flex}.PatternPreview-module__3kUaCq__heading{color:#555;margin-bottom:20px;font-size:18px}.PatternPreview-module__3kUaCq__preview{background:#fff;border:2px solid #999}.PatternPreview-module__3kUaCq__zoomControl{align-items:center;gap:10px;display:flex}.PatternPreview-module__3kUaCq__zoomLevel{text-align:center;color:#555;min-width:60px;font-size:14px;font-weight:600}.PatternPreview-module__3kUaCq__buttonGroup{flex-wrap:wrap;gap:10px;display:flex}.PatternPreview-module__3kUaCq__button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:12px 24px;font-size:14px;font-weight:600;transition:background .2s}.PatternPreview-module__3kUaCq__button:hover{background:#1d4ed8}.PatternPreview-module__3kUaCq__secondary{background:#6b7280}.PatternPreview-module__3kUaCq__secondary:hover{background:#4b5563}.PatternPreview-module__3kUaCq__zoom{min-width:44px;padding:8px 16px;font-size:18px;font-weight:700}
.SavedPatterns-module__Pe6Ofq__savedPatternsSection{background:#fff;border-radius:12px;margin-top:40px;padding:30px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.SavedPatterns-module__Pe6Ofq__heading{color:#555;text-align:center;margin-bottom:20px;font-size:18px}.SavedPatterns-module__Pe6Ofq__marqueeContainer{background:#f9fafb;border-radius:8px;width:100%;padding:20px 0;position:relative;overflow:hidden}.SavedPatterns-module__Pe6Ofq__marqueeContent{gap:20px;width:fit-content;animation:30s linear infinite SavedPatterns-module__Pe6Ofq__marquee;display:flex}.SavedPatterns-module__Pe6Ofq__marqueeContainer:hover .SavedPatterns-module__Pe6Ofq__marqueeContent{animation-play-state:paused}@keyframes SavedPatterns-module__Pe6Ofq__marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.SavedPatterns-module__Pe6Ofq__savedPatternItem{cursor:pointer;background:#fff;border:2px solid #ddd;border-radius:8px;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;padding:10px;transition:transform .2s;display:flex}.SavedPatterns-module__Pe6Ofq__savedPatternItem:hover{border-color:#2563eb;transform:scale(1.05)}.SavedPatterns-module__Pe6Ofq__savedPatternItem svg{border:1px solid #e5e7eb;border-radius:4px}.SavedPatterns-module__Pe6Ofq__savedPatternDate{color:#6b7280;font-size:11px}.SavedPatterns-module__Pe6Ofq__emptyState{text-align:center;color:#9ca3af;padding:40px;font-size:14px}
.page-module__E0kJGG__container{max-width:1200px;margin:0 auto}.page-module__E0kJGG__title{text-align:center;color:#333;margin-bottom:40px}.page-module__E0kJGG__mainContent{flex-wrap:wrap;justify-content:center;gap:40px;display:flex}.page-module__E0kJGG__section{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000001a}.page-module__E0kJGG__sectionHeading{color:#555;margin-bottom:20px;font-size:18px}.page-module__E0kJGG__gridSizeControl{align-items:center;gap:10px;margin-bottom:15px;display:flex}.page-module__E0kJGG__gridSizeLabel{color:#555;font-size:14px;font-weight:600}.page-module__E0kJGG__gridSizeSelect{cursor:pointer;color:#333;background:#fff;border:2px solid #ddd;border-radius:6px;padding:8px 12px;font-size:14px}.page-module__E0kJGG__gridSizeSelect:focus{border-color:#2563eb;outline:none}.page-module__E0kJGG__controls{flex-direction:column;gap:15px;margin-top:20px;display:flex}.page-module__E0kJGG__colorControl{align-items:center;gap:10px;display:flex}.page-module__E0kJGG__colorLabel{color:#555;min-width:100px;font-size:14px}.page-module__E0kJGG__colorInput{cursor:pointer;border:2px solid #ddd;border-radius:6px;width:60px;height:40px}.page-module__E0kJGG__buttonGroup{flex-wrap:wrap;gap:10px;display:flex}.page-module__E0kJGG__button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:12px 24px;font-size:14px;font-weight:600;transition:background .2s}.page-module__E0kJGG__button:hover{background:#1d4ed8}.page-module__E0kJGG__secondary{background:#6b7280}.page-module__E0kJGG__secondary:hover{background:#4b5563}