/* The shell, typography, colors, spacing and dialogs inherit the reference UI. */
.brand-mini{font-size:.6rem;letter-spacing:.09em;margin-left:8px}.main-content{padding-bottom:150px}.sidebar{bottom:108px}.sidebar-bottom svg{width:14px;height:14px}.library-tools .sort-label{margin-left:auto}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:36px 0 22px}.section-heading h2{font-size:1.15rem;letter-spacing:-.025em}.section-heading a{font-size:.8rem;color:#aaa}.album-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 22px}.album-card .thumbnail-wrap{aspect-ratio:1}.album-card .card-info{padding-top:14px;gap:0}.album-card .card-title{font-size:.95rem}.album-card .card-meta{line-height:1.55}.album-card .card-text{padding-right:5px}.album-card .duration{font-weight:500}.music-card{min-width:0}.artist-cover{border-radius:50%}.artist-card{text-align:center}.artist-card .thumbnail-wrap{border-radius:50%}.artist-card .card-info{justify-content:center}.text-button{background:transparent;color:inherit;padding:0;text-align:left;font:inherit}.text-button:hover,.artist-link:hover{color:#6cdb9a}.song-list{width:100%;border-collapse:collapse;font-size:.875rem}.song-list th{color:#888;font-size:.75rem;font-weight:500;text-align:left;height:42px;border-bottom:1px solid #303030;padding:0 12px}.song-list th:first-child{width:44px}.song-list td{padding:12px;vertical-align:middle;border-bottom:1px solid #ffffff06}.song-list tr:hover{background:#ffffff05}.song-list .song-number{color:#777;width:40px;text-align:center}.song-list tr.playing{color:var(--accent)}.song-list tr.playing .song-title{color:var(--accent)}.song-main{display:flex;align-items:center;gap:14px;min-width:0}.song-main img{display:block;width:46px;height:46px;object-fit:cover;border-radius:7px}.song-info{min-width:0}.song-title{display:block;font-size:.875rem;font-weight:600;line-height:1.5;overflow-wrap:anywhere}.song-artist{display:block;color:#999;font-size:.75rem;margin-top:3px}.song-album{color:#aaa;font-size:.8rem}.song-time{text-align:right;white-space:nowrap;color:#999;font-size:.8rem}.row-actions{display:flex;justify-content:flex-end;align-items:center;gap:2px}.row-actions .icon-button{width:30px;height:30px}.row-actions svg{width:18px;height:18px}.starred{color:var(--accent)!important}.starred svg{fill:#1db95430}.song-menu{position:relative}.song-menu summary{cursor:pointer;list-style:none;font-size:1.2rem;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#aaa}.song-menu summary:hover{background:#242424}.song-menu summary::-webkit-details-marker{display:none}.song-menu .card-action-menu{z-index:20;top:32px;right:0}.detail-hero{display:flex;gap:28px;align-items:flex-end;margin-bottom:30px}.detail-cover{width:220px;aspect-ratio:1;object-fit:cover;border-radius:12px;box-shadow:0 12px 35px #0005}.detail-copy{min-width:0;flex:1}.detail-copy .eyebrow{font-size:.7rem;margin-bottom:12px;color:#888}.detail-copy h2{font-size:2.2rem;line-height:1.3;letter-spacing:-.045em;overflow-wrap:anywhere}.detail-copy .muted{margin-top:12px}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.detail-actions .primary{width:auto;padding:0 22px;border-radius:22px;height:40px;margin:0;gap:9px;font-size:.8rem}.detail-actions .secondary{height:40px;gap:8px}.detail-actions svg{width:18px;height:18px}.artist-detail .detail-cover{border-radius:50%}.empty-state{padding:70px 18px}.player-bar{height:108px;position:fixed;inset:auto 0 0;z-index:30;display:grid;grid-template-columns:minmax(220px,1fr) minmax(270px,1.4fr) minmax(180px,1fr);align-items:center;gap:25px;padding:14px 24px;background:#181818;border-top:1px solid #333;box-shadow:0 -8px 25px #0003}.now-track{display:flex;align-items:center;gap:13px;min-width:0}.now-track>img{width:60px;height:60px;border-radius:8px;object-fit:cover}.now-info{min-width:0}.now-info .text-button{display:block;font-weight:600;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.now-info .muted{display:block;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-track>.icon-button{margin-left:2px}.player-center{min-width:0}.player-controls{display:flex;justify-content:center;align-items:center;gap:17px;margin-bottom:8px}.player-controls .icon-button{width:28px;height:28px;color:#aaa}.player-controls .icon-button[aria-pressed=true]{color:var(--accent)}.player-controls svg{width:19px;height:19px}.player-play{height:34px;width:34px;border-radius:50%;background:#f1f1f1;color:#131313;display:grid;place-items:center}.player-play svg{width:18px;height:18px;fill:currentColor;stroke:none}.seek-row{display:flex;gap:10px;align-items:center;color:#888;font-size:.7rem}.seek-row>span{min-width:28px}.seek-row>span:last-child{text-align:right}input[type=range]{min-width:0;accent-color:var(--accent);height:4px;cursor:pointer}#seek{flex:1;width:100%}.player-right{display:flex;justify-content:flex-end;align-items:center;gap:4px}.player-right svg{width:18px;height:18px}.player-right input{width:80px}.metadata-dialog{width:min(600px,calc(100% - 32px))}.metadata-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px 15px;margin-top:20px}.metadata-fields label{display:block;font-size:.8rem;margin-bottom:8px;color:#bbb}.metadata-fields .wide{grid-column:1/-1}.metadata-fields input,.metadata-fields textarea,textarea{width:100%;border:1px solid #444;border-radius:8px;background:#121212;color:#eee;padding:11px 12px;font:inherit;font-size:.9rem;resize:vertical}.metadata-fields input{height:43px}textarea:focus{outline:1px solid #777}.card-dialog textarea{margin-top:3px}#playlist-comment{margin-bottom:0}#playlist-name-wrap label:not(:first-child){margin-top:18px}#playlist-select{width:100%;margin-bottom:18px}.queue-dialog{width:min(460px,calc(100% - 32px))}.queue-row{display:flex;gap:12px;align-items:center;padding:12px 4px;border-bottom:1px solid #303030}.queue-row img{width:42px;height:42px;border-radius:6px;object-fit:cover}.queue-row .text-button{min-width:0;flex:1;font-size:.85rem}.queue-row .muted{display:block;font-size:.75rem}.queue-row .icon-button{width:28px;height:28px}.queue-row.current .text-button{color:var(--accent)}#lyrics-text{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;line-height:1.9;font-size:.9rem;color:#bbb;max-height:60dvh;overflow:auto}.connection-info{font-size:.875rem;line-height:1.65}.connection-info dt{color:#888;font-size:.75rem;margin:18px 0 5px}.connection-info dd{margin:0;overflow-wrap:anywhere}.upload-picker.drag-over{background:#292929;border-color:var(--accent)}.upload-filename>div{padding:5px 0;font-size:.8rem}.danger{background:#bd3845}.danger:hover{background:#d04452}#toast{position:fixed;bottom:125px;left:50%;transform:translateX(-50%);max-width:min(500px,calc(100% - 32px));padding:13px 20px;background:#303030;border:1px solid #555;border-radius:10px;font-size:.85rem;z-index:100;box-shadow:0 8px 25px #0008}.playlist-order{display:flex;gap:2px}.playlist-order button{color:#aaa;width:26px;height:26px}.format-label{font-size:.65rem;color:#888;border:1px solid #363636;border-radius:4px;padding:2px 4px;margin-left:6px;white-space:nowrap}.list-scroll{overflow:visible;padding-bottom:5px}.list-scroll .song-list{min-width:0}.mobile-only{display:none}#cover-filename{overflow-wrap:anywhere}
@media(min-width:1700px){.album-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1250px){.album-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.player-bar{grid-template-columns:minmax(190px,1fr) minmax(240px,1.3fr) 155px;gap:15px}.player-right input{width:55px}.player-right .icon-button{width:28px}.detail-cover{width:190px}}
@media(max-width:850px){.album-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.player-bar{grid-template-columns:minmax(180px,1fr) minmax(220px,1.2fr);gap:15px;padding:14px 18px}.player-right{display:none}.player-center .player-controls{gap:13px}.main-content{padding-bottom:150px}.sidebar{bottom:108px}.detail-cover{width:165px}.detail-copy h2{font-size:1.8rem}.song-list .album-column{display:none}}
@media(max-width:560px){.album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px}.album-card .card-title{font-size:.85rem}.album-card .card-meta{font-size:.7rem}.library-tools{gap:9px}.library-tools .secondary{font-size:.75rem;padding:9px 11px}.library-tools #view-chip{display:none}.library-tools .sort-label{margin-left:auto}.library-tools select{max-width:145px;font-size:.75rem}.library-heading .muted{font-size:.8rem}.detail-hero{gap:16px;align-items:center;flex-wrap:wrap}.detail-cover{width:125px}.detail-copy h2{font-size:1.4rem}.detail-copy .eyebrow{font-size:.625rem;margin-bottom:7px}.detail-copy .muted{font-size:.75rem}.detail-actions{width:100%;margin-top:12px;gap:8px}.detail-actions .secondary,.detail-actions .primary{height:36px;font-size:.75rem;padding:8px 12px}.detail-copy .detail-actions{width:calc(100vw - 36px);margin-left:-141px;margin-top:25px}.song-list th,.song-list td{padding:10px 6px}.song-main{gap:9px}.song-main img{width:38px;height:38px}.song-list th:first-child{width:25px}.song-list .song-number{width:25px;font-size:.7rem}.song-title{font-size:.8rem}.song-artist{font-size:.7rem}.format-label{display:none}.song-time{font-size:.7rem}.song-list .time-head{font-size:0}.row-actions .icon-button{width:26px}.list-scroll .song-list{min-width:0}.player-bar{height:125px;display:flex;gap:9px;padding:12px 15px 27px;align-items:center}.now-track{flex:1;gap:10px}.now-track>img{width:45px;height:45px}.now-info .text-button{font-size:.8rem}.now-track>.icon-button{display:none}.player-center{width:132px;flex-shrink:0}.player-controls{gap:8px!important;margin:0}.player-controls #shuffle,.player-controls #repeat{display:none}.player-play{width:32px;height:32px}.seek-row{position:absolute;bottom:15px;left:17px;right:17px}.player-right{display:flex;gap:0}.player-right #mute,.player-right #volume,.player-right #lyrics-open{display:none}.player-right .icon-button{width:26px}.sidebar{bottom:125px}.main-content{padding-bottom:165px}.metadata-fields{gap:14px 12px}.metadata-fields input{font-size:.8rem}#toast{bottom:140px}.section-heading{margin:28px 0 18px}.section-heading h2{font-size:1rem}.mobile-only{display:block}.queue-dialog{max-height:calc(100dvh - 165px)}.song-list .playlist-order{flex-direction:column}.song-list .playlist-order button{height:18px}}

.queue-tools{display:flex;gap:10px;margin:18px 0}.queue-tools button[aria-pressed=true]{color:var(--accent);border-color:#287044}.song-list .song-title{max-width:100%}

.menu-up .card-action-menu{top:auto;bottom:38px}
@media(max-width:560px){.detail-hero{display:grid;grid-template-columns:125px minmax(0,1fr);gap:0 16px;align-items:start}.detail-copy{display:contents}.detail-hero>.detail-cover{grid-column:1;grid-row:1/span 3}.detail-copy>.eyebrow,.detail-copy>h2,.detail-copy>.muted{grid-column:2}.detail-copy .detail-actions{grid-column:1/-1;width:auto;margin:18px 0 0;gap:8px}}