.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.breadcrumb{font-size:1.1rem;font-weight:600}.breadcrumb a{color:var(--color-pink);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb-separator{margin:0 8px;color:#999}.breadcrumb-current{color:var(--color-text)}.filter-controls{background:white;padding:0;margin-bottom:0;max-width:100%;overflow-x:hidden}.filter-controls-inner{background:#efe6ec;border-radius:10px;padding:14px 16px;border:1px solid #dee2e6;box-shadow:inset 0 1px 3px rgba(0,0,0,0.06);max-width:100%;overflow-x:hidden}.filter-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.filter-row+.filter-row{margin-top:10px}.search-box{flex:1;min-width:200px}.search-box input{width:100%;padding:8px 12px;border:1px solid #ced4da;border-radius:20px;font-size:0.95rem;outline:none;transition:border-color 0.2s,box-shadow 0.2s;background:white}.search-box input:focus{border-color:var(--color-pink);box-shadow:0 0 0 2px rgba(233,91,147,0.15)}.sort-controls{display:flex;align-items:center;gap:8px}.sort-controls label{font-size:0.9rem;color:#495057;font-weight:500}.sort-controls select{padding:6px 10px;border:1px solid #ced4da;border-radius:4px;font-size:0.9rem;background:white}.sort-controls-inputs{display:flex;align-items:center;gap:8px}.filter-group{display:flex;align-items:center;gap:6px}.filter-group label{font-size:0.9rem;color:#495057;font-weight:500}.filter-group select{padding:6px 10px;border:1px solid #ced4da;border-radius:4px;font-size:0.9rem;background:white;transition:border-color 0.2s,background-color 0.2s,box-shadow 0.2s}.filter-group select.filter-active{border-color:var(--color-pink,#e95b93);background-color:#fff0f5;box-shadow:0 0 0 2px rgba(233,91,147,0.2)}.search-box input.filter-active{border-color:var(--color-pink,#e95b93);background-color:#fff0f5;box-shadow:0 0 0 2px rgba(233,91,147,0.2)}.tristate.filter-active-include{background-color:#d4edda !important;border-color:#28a745 !important;color:#155724 !important}.tristate.filter-active-exclude{background-color:#f8d7da !important;border-color:#dc3545 !important;color:#721c24 !important}.btn{display:inline-block;padding:6px 14px;border:none;border-radius:4px;font-size:0.9rem;cursor:pointer;text-decoration:none;transition:background 0.2s}.btn-secondary{background:#e0e0e0;color:#333}.btn-secondary:hover{background:#d0d0d0}.btn-success{background:#28a745;color:white}.btn-success:hover{background:#218838}.sort-toggle{padding:6px 10px;font-weight:bold}.advanced-filters{margin-top:12px;padding-top:12px;border-top:1px solid #e0e0e0}.advanced-filters.hidden{display:none}.tristate-group{display:flex;align-items:center;gap:6px}.tristate-group label{font-size:0.85rem;color:#666}.tristate{width:28px;height:28px;border:1px solid #ccc;border-radius:4px;background:white;cursor:pointer;font-size:1rem;line-height:1;transition:all 0.2s}.tristate[data-state="include"]{background:#d4edda;border-color:#28a745;color:#28a745}.tristate[data-state="exclude"]{background:#f8d7da;border-color:#dc3545;color:#dc3545}.results-info{font-size:1rem;color:#444;margin:10px 12px}.albums-list{display:flex;flex-direction:column;gap:8px}.album-card-link{text-decoration:none;color:inherit;display:block}.album-card{display:flex;align-items:stretch;background:white;border:1px solid #e0e0e0;box-shadow:0 0 3px rgba(0,0,0,0.3);border-radius:8px;padding:8px;transition:box-shadow 0.2s,border-color 0.2s;min-height:110px;max-width:100%;overflow:hidden}.album-card:hover{box-shadow:0 2px 8px rgba(0,0,0,0.1);border-color:var(--color-pink)}.album-card.hidden{display:none}.album-card-link.hidden{display:none}.album-thumbnail{width:100px;height:100px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-right:12px;border-radius:6px;position:relative;border:1px solid #3a4050;box-shadow:inset 0 0 3px rgba(0,0,0,0.1);background:linear-gradient(to bottom,#4a5060,#6a7585) bottom / 100% 25% no-repeat,linear-gradient(to bottom,transparent 70%,rgba(0,0,0,0.35) 75%,#4a5060 75%) bottom / 100% 30% no-repeat,linear-gradient(to bottom,#5a6575 73%,#4a5361 75%)}.album-thumbnail img{max-width:100%;max-height:100%;object-fit:contain;border-radius:0}.no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f0f0f0;border-radius:4px;font-size:2rem;color:#ccc}.album-main{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-width:0;overflow:hidden}.album-header-row{display:flex;align-items:baseline;gap:10px;flex-wrap:nowrap}.album-name{font-size:1.1rem;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:0.75rem;font-weight:500;white-space:nowrap}.badge-type{background:var(--color-pink);color:white}.badge-versions{background:#e0e0e0;color:#555;flex-shrink:0}.album-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.tag{display:inline-block;padding:2px 6px;border-radius:10px;font-size:0.7rem;font-weight:500}.tag-format{background:#e3f2fd;color:#1565c0}.tag-vinyl{background:#fce4ec;color:#c2185b}.tag-flag{background:#fff3e0;color:#e65100}.tag-artist{background:#f3e5f5;color:#7b1fa2}.tag-custom{background:#e8f5e9;color:#2e7d32}.tag-link{text-decoration:none;cursor:pointer;transition:opacity 0.2s,transform 0.2s}.tag-link:hover{opacity:0.8;transform:scale(1.05)}.tag-link:visited{color:inherit}.version-row{display:flex;align-items:center;gap:8px;margin-top:6px;flex-wrap:wrap;max-width:100%;overflow:hidden}.version-thumbnails-preview{display:flex;gap:4px;flex-wrap:wrap}.version-thumb-mini{width:32px;height:32px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:3px;background:#f5f5f5}.version-thumb-mini img{max-width:100%;max-height:100%;object-fit:contain}.version-thumb-more{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#e0e0e0;border-radius:3px;font-size:0.7rem;color:#666}.no-image.mini{font-size:0.8rem}.album-release-info{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;padding-left:12px;flex-shrink:0;text-align:right}.release-date{font-size:0.85rem;color:#666;white-space:nowrap}.release-age{font-size:0.8rem;color:#999;white-space:nowrap}@media (max-width:768px){.filter-row{flex-direction:column;align-items:stretch}.search-box{min-width:100%}.sort-controls,.filter-group{width:100%;justify-content:space-between}.album-card{flex-wrap:wrap;min-height:auto}.album-thumbnail{width:100px;height:100px;flex-shrink:0}.album-release-info{width:100%;flex-direction:row;justify-content:flex-end;padding-left:0;padding-top:8px;gap:10px}}@media (max-width:500px){.album-header-row{flex-direction:column;align-items:flex-start;gap:4px}.album-name{white-space:normal}.album-thumbnail{width:100px;height:100px;flex-shrink:0}.version-thumb-mini{width:24px;height:24px}.search-box{min-width:100%}}@media (max-width:400px){.filter-controls-inner{padding:10px 8px;border-radius:6px}.filter-row{gap:8px}.filter-group label,.sort-controls label{font-size:0.8rem}.filter-group select,.sort-controls select{padding:4px 6px;font-size:0.8rem}.btn{padding:4px 8px;font-size:0.8rem}.album-name{font-size:1rem}.page-header{flex-wrap:wrap;gap:8px}.version-row{gap:4px}.badge-versions{font-size:0.65rem;padding:2px 6px}.version-thumb-mini{width:20px;height:20px}.album-release-info{gap:6px}.release-date,.release-age{font-size:0.75rem}}