.youtube-player,.youtube-saved,.youtube-link{margin-top:24px}.youtube-player{padding:16px;border:1px solid #354b38;border-radius:18px}.youtube-player .cardhead{gap:12px;flex-wrap:wrap}.youtube-player iframe{display:block;width:100%;min-width:200px;height:230px;border:0;border-radius:12px}.youtube-player[hidden]{display:none}.youtube-saved h3{margin-bottom:16px}.youtube-link{display:grid;gap:12px}.youtube-link input{width:100%;min-width:0}.youtube-saved .ytResult{margin-top:12px}.ytFoot a{color:inherit;text-decoration:underline}.ytResults [role=status]{padding:12px;line-height:1.6}
.discoveryCard .ytSearch[hidden],.discoveryCard .ytResults[hidden],.discoveryCard .youtube-link[hidden],.discoveryCard .youtube-saved[hidden]{display:none!important}

.youtube-saved-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.youtube-saved-head h3{margin:0}.youtube-saved-head .btn{display:inline-flex;align-items:center;gap:8px}.youtube-saved-head .btn svg{width:16px;height:16px}.youtube-queue-controls{display:flex;gap:8px;flex-wrap:wrap}.youtube-queue-controls [hidden]{display:none}#youtubeQueueStatus:empty{display:none}

/* Player do YouTube flutuante: acompanha a navegação, discreto acima da barra inferior */
.youtube-player.youtube-floating{position:fixed;z-index:70;right:12px;bottom:calc(92px + env(safe-area-inset-bottom,0px));width:min(360px,calc(100vw - 24px));margin:0;padding:10px;background:#0f1511;border:1px solid #354b38;border-radius:16px;box-shadow:0 16px 50px rgba(0,0,0,.6);display:grid;grid-template-columns:128px minmax(0,1fr);gap:4px 10px;align-items:center}
.youtube-player.youtube-floating[hidden]{display:none}
.youtube-floating #youtubeFrame{grid-column:1;grid-row:1/span 2;width:128px;height:72px;min-width:0;border:0;border-radius:10px;background:#000;display:block}
.youtube-floating .cardhead{grid-column:2;grid-row:1;display:block;margin:0;min-width:0}
.youtube-floating #youtubeNow{display:block;font-size:12px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.youtube-floating .youtube-queue-controls{display:flex;gap:6px;margin-top:6px;flex-wrap:nowrap}
.youtube-floating .youtube-queue-controls button{width:34px;height:34px;border-radius:10px;border:1px solid #2d3a32;background:#101612;color:#dbe3dd;font-size:16px;line-height:1;cursor:pointer;padding:0}
.youtube-floating .youtube-queue-controls button:hover{border-color:#5c793f;color:#baff68}
.youtube-floating #youtubePlayerStatus{grid-column:2;grid-row:2;margin:0;font-size:10px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.youtube-floating.expanded{grid-template-columns:minmax(0,1fr);width:min(460px,calc(100vw - 24px))}
.youtube-floating.expanded #youtubeFrame{grid-column:1;grid-row:auto;width:100%;height:auto;aspect-ratio:16/9}
.youtube-floating.expanded .cardhead,.youtube-floating.expanded #youtubePlayerStatus{grid-column:1;grid-row:auto}
/* o mini player dos arquivos próprios ocupa o mesmo lugar: o do YouTube sobe quando os dois aparecem */
body:has(#miniPlayer:not(.hidden)) .youtube-floating{bottom:calc(160px + env(safe-area-inset-bottom,0px))}