.styles-section{margin-bottom:24px}.user-styles-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.user-styles-header h4{color:#FDFDFD;font-size:18px;font-weight:600;margin:0}.add-style-btn{background:linear-gradient(135deg,#661673,#6FA293);border:none;border-radius:8px;color:white;font-size:14px;font-weight:600;padding:8px 16px;cursor:pointer;transition:all .3s ease}.add-style-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(101,26,82,.3)}.style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.style-card-container{position:relative}.style-card{background:#1E1E1E;border:2px solid transparent;border-radius:8px;padding:16px;cursor:pointer;transition:all .3s ease;height:100%;display:flex;flex-direction:column}.style-card:hover{border-color:rgba(101,26,82,.5);transform:translateY(-2px)}.style-card.selected{border-color:#661673;background:rgba(101,26,82,.1)}.style-card.shared-style{background:rgba(111,162,147,.1)}.style-card.shared-style.selected{border-color:#6FA293;background:rgba(111,162,147,.2)}.style-header{margin-bottom:8px}.style-name{color:#FDFDFD;font-size:16px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.style-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.org-badge,.personal-badge,.shared-badge{display:flex;align-items:center;gap:4px;background:rgba(255,255,255,.1);border-radius:4px;padding:4px 8px;font-size:12px}.org-badge{background:rgba(111,162,147,.2);color:#6FA293}.shared-badge{background:rgba(167,92,128,.2);color:#A75C80}.personal-badge{background:rgba(255,255,255,.1);color:rgba(255,255,255,.7)}.org-icon,.personal-icon,.shared-icon{width:12px;height:12px;object-fit:contain}.style-description{color:rgba(253,253,253,.7);font-size:14px;line-height:1.4;margin-bottom:16px;flex-grow:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.style-creator{color:rgba(253,253,253,.6);font-size:12px;font-style:italic;margin-bottom:8px}.style-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:auto}.style-actions button{background:rgba(255,255,255,.1);border:none;border-radius:4px;color:white;font-size:12px;padding:6px 12px;cursor:pointer;transition:background-color .3s ease}.style-actions button:hover{background:rgba(255,255,255,.2)}.style-actions button:first-child{background:rgba(111,162,147,.2)}.style-actions button:first-child:hover{background:rgba(111,162,147,.3)}.style-actions button:last-child{background:rgba(167,92,128,.2)}.style-actions button:last-child:hover{background:rgba(167,92,128,.3)}@media (max-width:768px){.style-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.style-grid{grid-template-columns:1fr}}