.designs-page{max-width:1200px;margin:0 auto;padding:40px 20px 80px;min-height:calc(100vh - 52px)}.designs-header{margin-bottom:32px}.designs-title{font-family:Scheherazade New,serif;font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.designs-subtitle{font-size:14px;color:var(--text-secondary)}.designs-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;align-items:center}.designs-filter-select,.designs-filter-input{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px 12px;color:var(--text-primary);font-size:14px;font-family:Inter,sans-serif;outline:none;transition:border-color .2s}.designs-filter-select:focus,.designs-filter-input:focus{border-color:var(--accent)}.designs-filter-input{flex:1;min-width:200px}.designs-filter-input::placeholder{color:var(--text-muted)}.designs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:1024px){.designs-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.designs-grid{grid-template-columns:1fr}}.design-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:0;overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.design-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003;border-color:#d91b7a66}.design-card.active{border-color:#d91b7acc;box-shadow:0 0 0 2px #d91b7a33}.design-preview{height:180px;background:#ffffff05;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border);position:relative}.design-preview-img{max-width:100%;max-height:100%;object-fit:contain}.design-preview-placeholder{width:80px;height:120px;background:linear-gradient(135deg,#d91b7a33,#764ba233);border-radius:8px;border:1px solid rgba(217,27,122,.3)}.design-active-badge{position:absolute;top:8px;right:8px;background:#d91b7af2;color:#fff;font-size:11px;padding:4px 8px;border-radius:4px;font-weight:600}.design-info{padding:16px}.design-name{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.design-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px}.design-badge{font-size:11px;padding:2px 8px;border-radius:4px;background:#d91b7a26;color:#d91b7a}.design-creator{font-size:12px;color:var(--text-muted)}.design-stats{font-size:12px;color:var(--text-secondary);display:flex;gap:12px}.designs-empty{text-align:center;padding:80px 20px;color:var(--text-secondary);font-size:16px;display:none}.designs-empty.show{display:block}.designs-loading{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:1024px){.designs-loading{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.designs-loading{grid-template-columns:1fr}}.skeleton-card{background:var(--surface);border-radius:12px;height:280px;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.designs-loading.hidden{display:none}.design-detail-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:none;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.design-detail-modal.active{display:flex}.modal-content{background:var(--surface);border:1px solid var(--border);border-radius:16px;max-width:560px;width:90%;max-height:85vh;overflow-y:auto;padding:32px;position:relative}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;line-height:1}.modal-close:hover{color:var(--text-primary)}.modal-preview{width:100%;height:200px;background:#ffffff05;border-radius:8px;margin-bottom:24px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border)}.modal-preview-placeholder{width:100px;height:150px;background:linear-gradient(135deg,#d91b7a33,#764ba233);border-radius:10px;border:1px solid rgba(217,27,122,.3)}.modal-name{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.modal-description{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.modal-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.modal-stats{font-size:13px;color:var(--text-secondary);margin-bottom:24px}.modal-actions{display:flex;gap:12px}.modal-btn{flex:1;padding:12px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s,background .2s}.modal-btn:disabled{opacity:.5;cursor:not-allowed}.modal-btn-primary{background:#d91b7a;color:#fff;border:none}.modal-btn-primary:hover:not(:disabled){background:#d91b7ad9}.modal-btn-secondary{background:transparent;color:#d91b7a;border:1px solid rgba(217,27,122,.5)}.modal-btn-secondary:hover:not(:disabled){background:#d91b7a1a}.toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:#d91b7af2;color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;z-index:10000;opacity:0;transition:opacity .3s}.toast.show{opacity:1}