.saved-build-item{padding:15px;margin-bottom:10px;background:var(--bg-secondary,#2a2a2a);border-radius:8px;transition:.2s}.saved-build-item:hover{background:var(--bg-hover,#333);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.build-info-wrapper{display:flex;flex-direction:column;gap:10px}.build-main-info{display:flex;justify-content:space-between;align-items:flex-start}.build-info{flex:1}.build-name{font-size:16px;font-weight:700;color:var(--text-primary,#fff);margin-bottom:8px}.build-class{font-size:14px;color:var(--text-secondary,#aaa);margin-bottom:4px}.build-meta{font-size:12px;color:var(--text-muted,#888);margin-bottom:2px}.build-author{color:#4a9eff;font-weight:500;margin-right:12px}.build-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.like-btn{padding:6px 12px;background:var(--bg-tertiary,#1a1a1a);border:1px solid var(--border-color,#444);border-radius:6px;color:var(--text-secondary,#aaa);cursor:pointer;transition:.2s;display:flex;align-items:center;gap:6px;font-size:14px}.like-btn:hover,.show-note-btn:hover{background:var(--bg-hover,#333);border-color:var(--accent-color,#4a9eff)}.like-btn .fa-heart{opacity:.5}.like-btn.liked{color:#ff4757;border-color:#ff4757}.like-btn.liked .fa-heart{opacity:1;color:#ff4757}.like-btn.liked:hover{background:rgba(255,71,87,.1)}.like-count{font-weight:500}.load-build-btn{padding:6px 16px;background:var(--accent-color,#4a9eff);border:none;border-radius:6px;color:#fff;cursor:pointer;transition:.2s;font-size:14px;font-weight:500}.load-build-btn:hover{background:var(--accent-hover,#3a8eef);transform:translateY(-1px)}.show-note-btn{padding:6px 12px;background:var(--bg-tertiary,#1a1a1a);border:1px solid var(--border-color,#444);border-radius:6px;color:var(--text-secondary,#aaa);cursor:pointer;transition:.2s;font-size:14px}.author-note-content{padding:12px;background:var(--bg-tertiary,#1a1a1a);border-left:3px solid var(--accent-color,#4a9eff);border-radius:4px;margin-top:10px;transition:.3s}.author-note-content.hidden{display:none}.author-note-content p{margin:0;color:var(--text-secondary,#aaa);font-size:14px;line-height:1.6;white-space:pre-wrap}@media (min-width:769px){#community-builds-drawer .load-build-btn{background-color:#d1b06b;color:#1e1e1e;border:none;border-radius:6px;font-weight:700}#community-builds-drawer .load-build-btn:active,#community-builds-drawer .load-build-btn:hover{background-color:#c4a05a;transform:translateY(-1px)}#community-builds-drawer .show-note-btn{background-color:#5a6a7a;color:#fff;border:none;border-radius:6px;font-weight:700}#community-builds-drawer .show-note-btn:active,#community-builds-drawer .show-note-btn:hover{background-color:#4a5a6a}}.class-selector-container{position:relative;flex:1;min-width:150px;max-width:250px;user-select:none}.class-selector-display{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background-color:#2a2a2a;border:1px solid #555;border-radius:4px;cursor:pointer;transition:.2s}.class-selector-display:hover{border-color:#d1b06b;background-color:#333}.class-selector-container.open .class-selector-display{border-color:#d1b06b;border-bottom-left-radius:0;border-bottom-right-radius:0}.class-selector-text{color:#e0e0e0;font-size:.9em;flex:1}.class-selector-arrow{color:#888;font-size:.8em;transition:transform .2s,color .2s;margin-left:8px}.class-selector-container.open .class-selector-arrow{transform:rotate(180deg);color:#d1b06b}.class-selector-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#1e1e1e;border:1px solid #d1b06b;border-top:none;border-radius:0 0 4px 4px;max-height:500px;overflow-y:auto;z-index:1000;display:none;box-shadow:0 4px 12px rgba(0,0,0,.5)}.class-selector-dropdown::-webkit-scrollbar{width:8px}.class-selector-dropdown::-webkit-scrollbar-track{background:#1a1a1a;border-radius:0 0 4px}.class-selector-dropdown::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.class-selector-dropdown::-webkit-scrollbar-thumb:hover{background:#d1b06b}.class-selector-container.open .class-selector-dropdown{display:block}.class-selector-option{padding:10px 12px;cursor:pointer;transition:.15s;color:#e0e0e0;font-size:.9em;border-left:3px solid transparent}.class-selector-option:hover{background-color:#2a2a2a;border-left-color:#d1b06b}.class-selector-option.selected{background-color:#333;border-left-color:#d1b06b;color:#d1b06b}.class-filter-select{padding:6px 12px;background:var(--bg-tertiary,#1a1a1a);border:1px solid var(--border-color,#444);border-radius:6px;color:var(--text-primary,#fff);font-size:14px;cursor:pointer;transition:.2s}.class-filter-select:hover{border-color:var(--accent-color,#4a9eff)}.class-filter-select:focus{outline:0;border-color:var(--accent-color,#4a9eff);box-shadow:0 0 0 2px rgba(74,158,255,.1)}.drawer-title-group{display:flex;align-items:center;gap:15px}.no-builds-message{padding:20px;text-align:center;color:var(--text-muted,#888);font-size:14px}@media (max-width:768px){.build-main-info{flex-direction:column}.build-actions{margin-top:10px;width:100%;justify-content:flex-end}.drawer-title-group{flex-direction:column;align-items:flex-start;gap:8px}}