/* Le nuage du Google Drive posé seul (12/10, Lisa : sur TOUS les médias). Les rangées déjà habillées (.ph-res-act, .g-bas, .crea-pastilles)
   sont dans app.css ; ici, le nuage dans le coin d'une vignette, dans une rangée d'actions ou dans la vue en grand. Couleurs : app.css (.nuage.non/.file/.fait). */
button.nuage.nuage-coin { position: absolute; z-index: 3; top: 6px; right: 6px; width: 32px; height: 32px; border-radius: 50%; box-shadow: 0 2px 8px rgba(23,70,63,.25); }
button.nuage.nuage-coin.gauche { right: auto; left: 6px; }
/* Une vignette minuscule (la pellicule d'un clone, 54 px de large) : le même nuage, plus petit, dans le coin. */
button.nuage.nuage-mini { position: absolute; z-index: 3; top: 3px; right: 3px; width: 24px; height: 24px; border-radius: 50%; box-shadow: 0 1px 4px rgba(23,70,63,.25); }
button.nuage.nuage-mini svg { width: 14px; height: 14px; }
/* La vignette et son nuage dans un même bloc (la pellicule est une grille : le bloc prend la case, la vignette le remplit). */
.fp-mini-bloc { position: relative; display: block; min-width: 0; } .fp-mini-bloc > .fp-mini { display: block; width: 100%; }
/* Dans une rangée de boutons (.actions) : rond, à la hauteur d'un doigt. */
button.nuage.nuage-rang { width: 44px; height: 44px; border-radius: 50%; }
/* Dans la vue en grand (.ph-zoom), à côté de Télécharger et Fermer. */
.ph-zoom-act button.nuage { width: 44px; height: 44px; border-radius: 50%; flex: none; }
/* Les conteneurs qui reçoivent un nuage dans leur coin et n'étaient pas positionnés. */
.resultat:has(> .nuage), .pr-duo figure:has(> .nuage), .ci-planche-cadre, .rv-ancien-bloc { position: relative; }
.resultat > button.nuage.nuage-coin { top: 10px; right: 10px; width: 40px; height: 40px; }
/* La grande photo d'un personnage (Mes personnages) : le ✕ est à droite, le nuage à gauche. */
.fp-cadre > button.nuage.nuage-coin { top: 10px; left: 10px; right: auto; width: 30px; height: 30px; }
@media (max-width: 700px) { .fp-cadre > button.nuage.nuage-coin { top: 5px; left: 5px; width: 26px; height: 26px; } }
/* Le storyboard : la planche dans un cadre, le nuage dans son coin (le cadre garde la largeur que la planche avait). */
.ci-planche-cadre { min-width: 0; } .ci-planche-cadre > .ci-planche { width: 100%; }
.ci-page[data-etape="1"] .ci-planches:not(.plusieurs) .ci-planche-cadre, .ci-page[data-etape="2"] .ci-planches:not(.plusieurs) .ci-planche-cadre { max-width: 640px; }
/* « Déjà créé pour cette vidéo » (Reproduire) : chaque ancienne image ou vidéo dans un bloc, le nuage dans son coin. */
.rv-ancien-bloc { min-width: 0; } .rv-ancien-bloc > .rv-ancien { display: block; width: 100%; }