/* Crafted Cloud V1.5 — visionneuse photo */

#preview {
  background: #090b0f;
  overflow: hidden;
}

#preview img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain !important;
  object-position: center;
  background: #090b0f;
  cursor: zoom-in;
}

.cc-sort {
  min-width: 142px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #11151c;
  color: #dce2eb;
  padding: 9px 11px;
  font: inherit;
  font-size: 11px;
}

#ccPhotoViewer {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  background: rgba(4, 5, 8, .97);
  color: #fff;
  overscroll-behavior: none;
  touch-action: none;
}

#ccPhotoViewer[hidden] {
  display: none !important;
}

.cc-viewer-top {
  position: relative;
  z-index: 4;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding:
    max(10px, env(safe-area-inset-top))
    12px
    10px;
  border-bottom: 1px solid rgba(255,255,255,.1);
  background: rgba(8, 10, 14, .82);
  backdrop-filter: blur(18px);
}

.cc-viewer-close,
.cc-viewer-button,
.cc-viewer-arrow {
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(30, 34, 43, .88);
  color: #fff;
  cursor: pointer;
}

.cc-viewer-close {
  width: 42px;
  height: 42px;
  border-radius: 13px;
  font-size: 24px;
}

.cc-viewer-title {
  min-width: 0;
}

.cc-viewer-title strong,
.cc-viewer-title span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cc-viewer-title strong {
  font-size: 13px;
}

.cc-viewer-title span {
  margin-top: 3px;
  color: #929baa;
  font-size: 10px;
}

.cc-viewer-counter {
  color: #c5ccd7;
  font-size: 11px;
  white-space: nowrap;
}

.cc-viewer-stage {
  position: relative;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  display: grid;
  place-items: center;
  background:
    radial-gradient(
      circle at center,
      #171b23,
      #07090d 72%
    );
}

.cc-viewer-image {
  display: block;
  width: auto;
  height: auto;
  max-width: calc(100vw - 100px);
  max-height: calc(100dvh - 180px);
  object-fit: contain;
  object-position: center;
  transform-origin: center;
  user-select: none;
  -webkit-user-drag: none;
  will-change: transform;
}

.cc-viewer-arrow {
  position: absolute;
  z-index: 3;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 60px;
  border-radius: 15px;
  font-size: 28px;
}

.cc-viewer-prev {
  left: 14px;
}

.cc-viewer-next {
  right: 14px;
}

.cc-viewer-arrow:disabled {
  display: none;
}

.cc-viewer-bottom {
  position: relative;
  z-index: 4;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  padding:
    10px
    10px
    max(12px, env(safe-area-inset-bottom));
  border-top: 1px solid rgba(255,255,255,.1);
  background: rgba(8, 10, 14, .85);
  backdrop-filter: blur(18px);
}

.cc-viewer-button {
  min-height: 40px;
  padding: 9px 12px;
  border-radius: 11px;
  font-size: 11px;
  font-weight: 700;
}

.cc-viewer-button.primary {
  background: #eef2f8;
  color: #11151b;
}

.cc-viewer-button:disabled {
  opacity: .4;
}

@media (max-width: 760px) {
  .cc-sort {
    max-width: 130px;
    padding: 8px 9px;
  }

  .cc-viewer-top {
    grid-template-columns: 43px minmax(0, 1fr) auto;
  }

  .cc-viewer-image {
    max-width: 100vw;
    max-height: calc(100dvh - 165px);
  }

  .cc-viewer-arrow {
    width: 42px;
    height: 54px;
    background: rgba(15, 18, 24, .65);
  }

  .cc-viewer-prev {
    left: 5px;
  }

  .cc-viewer-next {
    right: 5px;
  }

  .cc-viewer-bottom {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
  }

  .cc-viewer-button {
    padding: 9px 4px;
    font-size: 10px;
  }

  .cc-viewer-button[data-share],
  .cc-viewer-button[data-download] {
    grid-column: span 2;
  }
}


/* Crafted Cloud V1.0 — galerie premium */
#ccPhotoViewer{opacity:1;animation:ccViewerOpen .2s ease both}@keyframes ccViewerOpen{from{opacity:0}to{opacity:1}}
.cc-viewer-image{transition:opacity .16s ease,transform .12s ease;box-shadow:0 20px 80px rgba(0,0,0,.36)}
#ccPhotoViewer.is-loading .cc-viewer-image{opacity:.18}
#ccPhotoViewer.is-changing .cc-viewer-image{opacity:.22;transform:translate3d(var(--cc-swipe-shift,0),0,0) scale(.985)!important}
.cc-viewer-stage{cursor:zoom-in}.cc-viewer-stage.is-zoomed{cursor:grab}.cc-viewer-stage.is-dragging{cursor:grabbing}
.cc-viewer-top,.cc-viewer-bottom{transition:opacity .2s ease,transform .2s ease}
#ccPhotoViewer.chrome-hidden .cc-viewer-top{opacity:0;transform:translateY(-100%);pointer-events:none}
#ccPhotoViewer.chrome-hidden .cc-viewer-bottom{opacity:0;transform:translateY(100%);pointer-events:none}
@media(max-width:760px){.cc-viewer-arrow{display:none}.cc-viewer-top{border-bottom:0;background:linear-gradient(180deg,rgba(5,7,10,.88),transparent)}.cc-viewer-bottom{border-top:0;background:linear-gradient(0deg,rgba(5,7,10,.9),rgba(5,7,10,.5))}.cc-viewer-image{box-shadow:none}}