.pattern-search-bar[data-v-e47c8c32]{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding:15px;background:var(--ws-bg-secondary, #f8f9fa);border-radius:8px}.pattern-search-input-wrapper[data-v-e47c8c32]{flex:1;position:relative;display:flex;align-items:center}.pattern-search-input-wrapper i[data-v-e47c8c32]{position:absolute;left:12px;color:var(--ws-text-muted, #6c757d)}.pattern-search-input[data-v-e47c8c32]{width:100%;padding:10px 35px 10px 40px;border:1px solid var(--ws-border-color, #dee2e6);border-radius:6px;font-size:14px;transition:border-color .2s}.pattern-search-input[data-v-e47c8c32]:focus{outline:none;border-color:var(--ws-primary, #007bff)}.pattern-search-clear[data-v-e47c8c32]{position:absolute;right:8px;background:none;border:none;color:var(--ws-text-muted, #6c757d);cursor:pointer;padding:5px}.pattern-count[data-v-e47c8c32]{color:var(--ws-text-muted, #6c757d);font-size:14px;white-space:nowrap}.pattern-loading[data-v-e47c8c32]{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px;color:var(--ws-text-muted, #6c757d)}.pattern-grid[data-v-e47c8c32]{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px}.pattern-card[data-v-e47c8c32]{background:#fff;border:1px solid var(--ws-border-color, #dee2e6);border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s}.pattern-card[data-v-e47c8c32]:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000001a}.pattern-image-wrapper[data-v-e47c8c32]{aspect-ratio:1;overflow:hidden;background:#f0f0f0}.pattern-image[data-v-e47c8c32]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s}.pattern-card:hover .pattern-image[data-v-e47c8c32]{transform:scale(1.05)}.pattern-name[data-v-e47c8c32]{padding:10px;font-size:13px;text-align:center;color:var(--ws-text-primary, #333);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pattern-no-results[data-v-e47c8c32]{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--ws-text-muted, #6c757d)}.pattern-no-results i[data-v-e47c8c32]{font-size:48px;margin-bottom:15px;opacity:.5}.pattern-modal-overlay[data-v-e47c8c32]{position:fixed;inset:0;background:#000000e6;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.pattern-modal[data-v-e47c8c32]{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.pattern-modal-close[data-v-e47c8c32]{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:10px;opacity:.8;transition:opacity .2s;z-index:10}.pattern-modal-close[data-v-e47c8c32]:hover{opacity:1}.pattern-modal-nav[data-v-e47c8c32]{position:fixed;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;color:#fff;font-size:28px;cursor:pointer;padding:20px 15px;opacity:.7;transition:opacity .2s,background .2s;z-index:10}.pattern-modal-nav[data-v-e47c8c32]:hover{opacity:1;background:#fff3}.pattern-modal-prev[data-v-e47c8c32]{left:20px}.pattern-modal-next[data-v-e47c8c32]{right:20px}.pattern-modal-content[data-v-e47c8c32]{display:flex;flex-direction:column;align-items:center}.pattern-modal-image[data-v-e47c8c32]{max-width:100%;max-height:calc(90vh - 100px);-o-object-fit:contain;object-fit:contain;border-radius:8px;box-shadow:0 0 30px #00000080}.pattern-modal-info[data-v-e47c8c32]{margin-top:20px;text-align:center;color:#fff}.pattern-modal-name[data-v-e47c8c32]{font-size:20px;font-weight:500;margin:0 0 8px}.pattern-modal-counter[data-v-e47c8c32]{font-size:14px;opacity:.7}@media(max-width:768px){.pattern-grid[data-v-e47c8c32]{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.pattern-name[data-v-e47c8c32]{font-size:12px;padding:8px}.pattern-modal-nav[data-v-e47c8c32]{padding:15px 10px;font-size:20px}.pattern-modal-prev[data-v-e47c8c32]{left:10px}.pattern-modal-next[data-v-e47c8c32]{right:10px}}