.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,#7c5cbf,#b55f96);border:none;border-radius:8px;color:#ffffff;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(124,92,191,.35);opacity:.92}.style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.style-card-container{position:relative}.style-card{background:rgba(35,24,70,.78);border:2px solid rgba(208,144,207,.22);border-radius:8px;padding:16px;cursor:pointer;transition:all .3s ease;height:100%;display:flex;flex-direction:column}.style-card:hover{border-color:rgba(204,125,174,.5);background:rgba(42,28,80,.88);transform:translateY(-2px)}.style-card.selected{border-color:#cc7dae;background:rgba(204,125,174,.16)}.style-card.shared-style{background:rgba(72,174,169,.08)}.style-card.shared-style.selected{border-color:#48aea9;background:rgba(72,174,169,.16)}.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(72,174,169,.18);color:#6dd3ce}.shared-badge{background:rgba(204,125,174,.18);color:#cc7dae}.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(72,174,169,.18);color:#6dd3ce;border-color:rgba(72,174,169,.3)}.style-actions button:first-child:hover{background:rgba(72,174,169,.3)}.style-actions button:last-child{background:rgba(204,125,174,.18);color:#cc7dae;border-color:rgba(204,125,174,.3)}.style-actions button:last-child:hover{background:rgba(204,125,174,.3)}@media (max-width:768px){.style-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.style-grid{grid-template-columns:1fr}}[data-theme=light] .user-styles-header h4{color:#2a1f3f}[data-theme=light] .style-card{background:rgba(255,252,255,.82);border-color:rgba(143,104,203,.28)}[data-theme=light] .style-card:hover{border-color:rgba(124,92,191,.52);background:rgba(255,252,255,.95)}[data-theme=light] .style-card.selected{border-color:#7c5cbf;background:rgba(143,104,203,.1)}[data-theme=light] .style-card.shared-style{background:rgba(72,174,169,.06)}[data-theme=light] .style-card.shared-style.selected{border-color:#48aea9;background:rgba(72,174,169,.1)}[data-theme=light] .style-name{color:#2a1f3f}[data-theme=light] .style-description{color:#6e6287}[data-theme=light] .style-creator{color:rgba(42,31,63,.55)}[data-theme=light] .org-badge{background:rgba(72,174,169,.12);color:#0f4f4a}[data-theme=light] .shared-badge{background:rgba(167,92,128,.12);color:#a75c80}[data-theme=light] .personal-badge{background:rgba(143,104,203,.1);color:#6e6287}[data-theme=light] .style-actions button{background:rgba(143,104,203,.08);color:#2a1f3f;border:1px solid rgba(143,104,203,.25)}[data-theme=light] .style-actions button:hover{background:rgba(143,104,203,.16)}[data-theme=light] .style-actions button:first-child{background:rgba(72,174,169,.1);color:#0f4f4a;border-color:rgba(72,174,169,.28)}[data-theme=light] .style-actions button:first-child:hover{background:rgba(72,174,169,.2)}[data-theme=light] .style-actions button:last-child{background:rgba(167,92,128,.1);color:#a75c80;border-color:rgba(167,92,128,.28)}[data-theme=light] .style-actions button:last-child:hover{background:rgba(167,92,128,.2)}