/* Synapse Gallery Force UI v4.2.1 - fully fluid responsive layout */
html.syn-gallery-active,
html.syn-gallery-active body{
  overflow-x:hidden !important;
}

.syn-gallery-wrap.syn-artwork-showcase,
.syn-artwork-showcase,
.syn-single-entry{
  --syn-page-pad: clamp(10px, 2vw, 24px);
  --syn-gap: clamp(12px, 1.5vw, 20px);
  --syn-card-min: 270px;
  direction:rtl !important;
  box-sizing:border-box !important;
  inline-size:calc(100vw - (var(--syn-page-pad) * 2)) !important;
  width:calc(100vw - (var(--syn-page-pad) * 2)) !important;
  max-inline-size:calc(100vw - (var(--syn-page-pad) * 2)) !important;
  max-width:calc(100vw - (var(--syn-page-pad) * 2)) !important;
  margin-block:clamp(12px,2vw,24px) !important;
  margin-inline:calc(50% - 50vw + var(--syn-page-pad)) !important;
  padding:clamp(12px, 1.8vw, 22px) !important;
  display:grid !important;
  gap:var(--syn-gap) !important;
  border-radius:clamp(16px,2vw,28px) !important;
  background:linear-gradient(145deg,#0d0f12,#15171b) !important;
  border:1px solid rgba(255,179,0,.16) !important;
  box-shadow:0 24px 80px rgba(0,0,0,.35) !important;
  color:#fff !important;
  overflow:hidden !important;
  opacity:1 !important;
  visibility:visible !important;
  isolation:isolate !important;
}

.syn-artwork-showcase *,
.syn-single-entry *{
  box-sizing:border-box !important;
  min-width:0 !important;
  max-width:100% !important;
}

.syn-artwork-showcase a,
.syn-single-entry a{
  text-decoration:none !important;
}

.syn-artwork-showcase img,
.syn-single-entry img{
  display:block !important;
  max-width:100% !important;
}

/* HERO */
.syn-artwork-showcase .syn-gallery-pro-hero,
.syn-artwork-showcase .syn-gallery-hero{
  display:grid !important;
  grid-template-columns: minmax(0,1fr) !important;
  gap:var(--syn-gap) !important;
  align-items:stretch !important;
  padding:clamp(14px,2vw,22px) !important;
  margin:0 !important;
  border-radius:clamp(14px,2vw,24px) !important;
  background:linear-gradient(135deg,rgba(255,255,255,.065),rgba(255,179,0,.055)) !important;
  border:1px solid rgba(255,255,255,.08) !important;
}

.syn-artwork-showcase .syn-gallery-hero-main{
  display:grid !important;
  gap:10px !important;
  align-content:center !important;
  min-width:0 !important;
}

.syn-artwork-showcase .syn-gallery-kicker,
.syn-artwork-showcase .syn-gallery-hero>span{
  display:inline-flex !important;
  align-items:center !important;
  width:max-content !important;
  max-width:100% !important;
  padding:8px 14px !important;
  border-radius:999px !important;
  background:rgba(255,179,0,.12) !important;
  border:1px solid rgba(255,179,0,.24) !important;
  color:var(--syn-gallery-accent,#ffb300) !important;
  font-size:12px !important;
  font-weight:900 !important;
  white-space:normal !important;
}

.syn-artwork-showcase .syn-gallery-hero h1{
  margin:0 !important;
  color:#fff !important;
  font-size:clamp(24px, 4vw, 42px) !important;
  line-height:1.45 !important;
  word-break:normal !important;
  overflow-wrap:anywhere !important;
}

.syn-artwork-showcase .syn-gallery-hero p{
  margin:0 !important;
  color:rgba(255,255,255,.78) !important;
  line-height:2 !important;
  font-size:clamp(13px, 1.35vw, 15px) !important;
}

/* STATS */
.syn-artwork-showcase .syn-gallery-stats{
  display:grid !important;
  grid-template-columns:repeat(auto-fit, minmax(min(100%, 150px), 1fr)) !important;
  gap:12px !important;
  width:100% !important;
}

.syn-artwork-showcase .syn-gallery-stats>div{
  display:grid !important;
  gap:6px !important;
  align-content:center !important;
  min-height:clamp(82px, 9vw, 108px) !important;
  padding:clamp(12px,1.5vw,16px) !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(255,255,255,.09) !important;
}

.syn-artwork-showcase .syn-gallery-stats strong{
  font-size:clamp(22px,3vw,30px) !important;
  color:#fff !important;
  line-height:1 !important;
}

.syn-artwork-showcase .syn-gallery-stats span{
  color:rgba(255,255,255,.72) !important;
  font-size:12px !important;
  line-height:1.8 !important;
}

/* TOOLBAR */
.syn-artwork-showcase .syn-gallery-toolbar{
  display:grid !important;
  gap:14px !important;
  padding:clamp(12px,1.7vw,18px) !important;
  border-radius:clamp(14px,2vw,22px) !important;
  background:rgba(255,255,255,.035) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  overflow:hidden !important;
}

.syn-artwork-showcase .syn-gallery-toolbar-head{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:end !important;
  gap:14px !important;
}

.syn-artwork-showcase .syn-gallery-toolbar-head>div{
  display:grid !important;
  gap:6px !important;
  min-width:0 !important;
}

.syn-artwork-showcase .syn-gallery-toolbar-head span{
  color:var(--syn-gallery-accent,#ffb300) !important;
  font-size:12px !important;
  font-weight:800 !important;
}

.syn-artwork-showcase .syn-gallery-toolbar-head h2{
  margin:0 !important;
  color:#fff !important;
  font-size:clamp(18px,2.2vw,24px) !important;
  line-height:1.5 !important;
  overflow-wrap:anywhere !important;
}

.syn-artwork-showcase .syn-gallery-section-meta{
  display:grid !important;
  gap:4px !important;
  justify-items:center !important;
  padding:12px 16px !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.04) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  min-width:0 !important;
}

.syn-artwork-showcase .syn-gallery-section-meta strong{
  font-size:clamp(20px,2.5vw,24px) !important;
  color:#fff !important;
  line-height:1 !important;
}

.syn-artwork-showcase .syn-gallery-section-meta small{
  color:rgba(255,255,255,.68) !important;
  font-size:12px !important;
  white-space:nowrap !important;
}

/* FILTER FORM */
.syn-artwork-showcase .syn-gallery-filter-form{
  display:grid !important;
  grid-template-columns:repeat(auto-fit, minmax(min(100%, 190px), 1fr)) !important;
  gap:12px !important;
  align-items:end !important;
  width:100% !important;
}

.syn-artwork-showcase .syn-gallery-filter-form label{
  display:grid !important;
  gap:7px !important;
  color:rgba(255,255,255,.72) !important;
  font-size:12px !important;
  margin:0 !important;
  min-width:0 !important;
}

.syn-artwork-showcase .syn-gallery-filter-form label:first-of-type{
  grid-column:span 2 !important;
}

.syn-artwork-showcase .syn-gallery-filter-form input,
.syn-artwork-showcase .syn-gallery-filter-form select,
.syn-artwork-showcase .syn-gallery-filter-form .syn-btn{
  width:100% !important;
  min-width:0 !important;
  min-height:46px !important;
  border-radius:14px !important;
  font:inherit !important;
}

.syn-artwork-showcase .syn-gallery-filter-form input,
.syn-artwork-showcase .syn-gallery-filter-form select{
  border:1px solid rgba(255,255,255,.1) !important;
  background:rgba(0,0,0,.25) !important;
  color:#fff !important;
  padding:0 12px !important;
  box-shadow:none !important;
}

.syn-artwork-showcase .syn-gallery-filter-form input::placeholder{color:rgba(255,255,255,.45) !important}

.syn-artwork-showcase .syn-gallery-filter-form .syn-btn,
.syn-artwork-showcase .syn-btn-primary{
  background:linear-gradient(135deg,var(--syn-gallery-accent,#ffb300),#ffd54e) !important;
  color:#111 !important;
  border:0 !important;
  font-weight:900 !important;
}

/* SORT CHIPS */
.syn-artwork-showcase .syn-gallery-sort-chips{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  max-width:100% !important;
}

.syn-artwork-showcase .syn-sort-chip{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:10px 14px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.05) !important;
  border:1px solid rgba(255,255,255,.09) !important;
  color:rgba(255,255,255,.82) !important;
  font-size:13px !important;
  font-weight:700 !important;
  transition:all .2s ease !important;
  white-space:nowrap !important;
}

.syn-artwork-showcase .syn-sort-chip:hover{
  background:rgba(255,179,0,.12) !important;
  border-color:rgba(255,179,0,.24) !important;
  color:#fff !important;
}

.syn-artwork-showcase .syn-sort-chip.is-active{
  background:linear-gradient(135deg,var(--syn-gallery-accent,#ffb300),#ffd54e) !important;
  color:#111 !important;
  border-color:transparent !important;
  box-shadow:0 12px 26px rgba(255,179,0,.18) !important;
}

/* CARDS GRID - fluid, no fixed columns */
.syn-artwork-showcase .syn-gallery-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--syn-card-min)), 1fr)) !important;
  gap:var(--syn-gap) !important;
  align-items:stretch !important;
  width:100% !important;
  max-width:100% !important;
}

.syn-artwork-showcase.syn-masonry-on .syn-gallery-grid{
  align-items:start !important;
}

.syn-artwork-showcase .syn-gallery-grid>*{
  min-width:0 !important;
  max-width:100% !important;
}

/* CARD */
.syn-artwork-showcase .syn-gallery-pro-card,
.syn-artwork-showcase .syn-entry-card{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  min-width:0 !important;
  min-height:100% !important;
  width:100% !important;
  max-width:100% !important;
  border-radius:var(--syn-gallery-radius,24px) !important;
  overflow:hidden !important;
  background:linear-gradient(180deg,rgba(23,24,28,.98),rgba(12,13,16,.98)) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 16px 50px rgba(0,0,0,.24) !important;
  transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease !important;
  color:#fff !important;
}

.syn-artwork-showcase .syn-gallery-pro-card:hover,
.syn-artwork-showcase .syn-entry-card:hover{
  transform:translateY(-4px) !important;
  border-color:rgba(255,179,0,.28) !important;
  box-shadow:0 28px 70px rgba(0,0,0,.38) !important;
}

.syn-artwork-showcase .syn-entry-media{
  position:relative !important;
  width:100% !important;
  height:clamp(205px, 25vw, var(--syn-gallery-thumb-height,260px)) !important;
  min-height:205px !important;
  background:radial-gradient(circle at top right,rgba(255,179,0,.12),transparent 40%),#090a0d !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
}

.syn-artwork-showcase .syn-entry-media img{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  transition:transform .35s ease !important;
}

.syn-artwork-showcase .syn-entry-card:hover .syn-entry-media img{transform:scale(1.05) !important}

.syn-artwork-showcase .syn-file-icon{
  display:grid !important;
  gap:8px !important;
  place-items:center !important;
  color:#fff !important;
  font-size:40px !important;
}

.syn-artwork-showcase .syn-file-icon b{
  font-size:14px !important;
  color:#fff !important;
}

.syn-artwork-showcase .syn-entry-floating-code,
.syn-artwork-showcase .syn-entry-rank{
  position:absolute !important;
  top:12px !important;
  z-index:3 !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  max-width:calc(50% - 18px) !important;
  padding:7px 10px !important;
  border-radius:999px !important;
  font-size:11px !important;
  font-weight:800 !important;
  backdrop-filter:blur(10px) !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.syn-artwork-showcase .syn-entry-floating-code{
  right:12px !important;
  background:rgba(0,0,0,.45) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  color:#fff !important;
}

.syn-artwork-showcase .syn-entry-rank{
  left:12px !important;
  background:rgba(255,179,0,.18) !important;
  border:1px solid rgba(255,179,0,.34) !important;
  color:#ffe062 !important;
}

.syn-artwork-showcase .syn-entry-body{
  display:grid !important;
  gap:14px !important;
  padding:16px !important;
  flex:1 1 auto !important;
  color:#fff !important;
  min-width:0 !important;
}

.syn-artwork-showcase .syn-entry-card-head{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:start !important;
  gap:12px !important;
}

.syn-artwork-showcase .syn-entry-author{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  min-width:0 !important;
}

.syn-artwork-showcase .syn-entry-avatar{
  width:48px !important;
  height:48px !important;
  border-radius:50% !important;
  object-fit:cover !important;
  border:2px solid rgba(255,255,255,.12) !important;
  flex:0 0 48px !important;
}

.syn-artwork-showcase .syn-entry-avatar-fallback{
  display:grid !important;
  place-items:center !important;
  background:rgba(255,179,0,.18) !important;
  color:#ffe062 !important;
  font-size:18px !important;
  font-weight:900 !important;
}

.syn-artwork-showcase .syn-entry-author-meta{
  display:grid !important;
  gap:4px !important;
  min-width:0 !important;
}

.syn-artwork-showcase .syn-entry-author-meta strong{
  color:#fff !important;
  font-size:14px !important;
  line-height:1.6 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.syn-artwork-showcase .syn-entry-author-meta small{
  color:rgba(255,255,255,.62) !important;
  font-size:12px !important;
}

.syn-artwork-showcase .syn-entry-score{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:64px !important;
  padding:9px 10px !important;
  border-radius:14px !important;
  background:rgba(255,179,0,.12) !important;
  border:1px solid rgba(255,179,0,.24) !important;
  color:#ffe062 !important;
  font-size:12px !important;
  font-weight:900 !important;
  white-space:nowrap !important;
}

.syn-artwork-showcase .syn-entry-body h3{
  margin:0 !important;
  color:#fff !important;
  font-size:clamp(16px, 1.6vw, 18px) !important;
  line-height:1.8 !important;
  overflow-wrap:anywhere !important;
}

.syn-artwork-showcase .syn-entry-body h3 a{color:#fff !important}

.syn-artwork-showcase .syn-entry-body p{
  margin:0 !important;
  color:rgba(255,255,255,.72) !important;
  font-size:13px !important;
  line-height:2 !important;
}

.syn-artwork-showcase .syn-entry-meta-row{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
}

.syn-artwork-showcase .syn-entry-meta-row span{
  display:inline-flex !important;
  align-items:center !important;
  max-width:100% !important;
  padding:7px 10px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.05) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  color:rgba(255,255,255,.72) !important;
  font-size:12px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

.syn-artwork-showcase .syn-entry-stats{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:8px !important;
}

.syn-artwork-showcase .syn-entry-stats span{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:40px !important;
  padding:7px 10px !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  color:rgba(255,255,255,.8) !important;
  font-size:12px !important;
  text-align:center !important;
}

.syn-artwork-showcase .syn-entry-actions{
  display:grid !important;
  grid-template-columns:repeat(auto-fit, minmax(min(100%, 86px), 1fr)) !important;
  gap:9px !important;
  margin-top:auto !important;
}

.syn-artwork-showcase .syn-entry-actions .syn-btn{
  width:100% !important;
  min-height:44px !important;
  border-radius:14px !important;
  white-space:normal !important;
  font-size:13px !important;
  line-height:1.45 !important;
  padding:10px 8px !important;
}

.syn-artwork-showcase .syn-empty{
  grid-column:1 / -1 !important;
  display:grid !important;
  place-items:center !important;
  min-height:220px !important;
  padding:20px !important;
  border-radius:var(--syn-gallery-radius,24px) !important;
  background:rgba(255,255,255,.04) !important;
  border:1px dashed rgba(255,255,255,.16) !important;
  color:#fff !important;
  text-align:center !important;
}

.syn-artwork-showcase .syn-pagination{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  gap:8px !important;
  padding-top:4px !important;
}

.syn-artwork-showcase .syn-pagination .syn-is-current{
  background:linear-gradient(135deg,var(--syn-gallery-accent,#ffb300),#ffd54e) !important;
  color:#111 !important;
  border-color:transparent !important;
}

.syn-live-hidden{display:none !important}

/* SINGLE ENTRY */
.syn-single-entry{
  display:grid !important;
  gap:20px !important;
}

.syn-single-entry>.syn-entry-card{
  display:grid !important;
  grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr) !important;
  gap:0 !important;
  align-items:stretch !important;
}

.syn-single-entry>.syn-entry-card .syn-entry-media{
  height:min(62vh,560px) !important;
  min-height:360px !important;
  border-left:1px solid rgba(255,255,255,.08) !important;
}

.syn-single-entry>.syn-entry-card .syn-entry-media img{
  object-fit:contain !important;
  padding:10px !important;
}

.syn-single-entry>.syn-entry-card .syn-entry-body{
  align-content:center !important;
}

.syn-entry-full,.syn-entry-prompt{
  padding:22px !important;
  border-radius:22px !important;
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  color:rgba(255,255,255,.82) !important;
  line-height:2 !important;
}

.syn-entry-full p,.syn-entry-prompt p{
  margin:0 !important;
  color:rgba(255,255,255,.82) !important;
  line-height:2 !important;
}

.syn-entry-prompt h3{
  margin:0 0 10px !important;
  color:#fff !important;
}

/* COMPUTER: controlled max visual width without overflow */
@media (min-width: 1200px){
  .syn-gallery-wrap.syn-artwork-showcase,
  .syn-artwork-showcase,
  .syn-single-entry{
    --syn-page-pad: clamp(18px, 3vw, 42px);
  }
  .syn-artwork-showcase .syn-gallery-pro-hero,
  .syn-artwork-showcase .syn-gallery-hero{
    grid-template-columns:minmax(0,1fr) minmax(300px,.52fr) !important;
  }
  .syn-artwork-showcase .syn-gallery-stats{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* TABLET */
@media (max-width: 991px){
  .syn-gallery-wrap.syn-artwork-showcase,
  .syn-artwork-showcase,
  .syn-single-entry{
    --syn-page-pad: 12px;
    --syn-card-min: 250px;
    padding:14px !important;
    border-radius:22px !important;
  }

  .syn-artwork-showcase .syn-gallery-toolbar-head{
    grid-template-columns:1fr !important;
  }

  .syn-artwork-showcase .syn-gallery-section-meta{
    justify-items:start !important;
    width:100% !important;
  }

  .syn-single-entry>.syn-entry-card{
    grid-template-columns:1fr !important;
  }

  .syn-single-entry>.syn-entry-card .syn-entry-media{
    height:360px !important;
    min-height:360px !important;
    border-left:0 !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
  }
}

/* MOBILE */
@media (max-width: 767px){
  .syn-gallery-wrap.syn-artwork-showcase,
  .syn-artwork-showcase,
  .syn-single-entry{
    --syn-page-pad: 8px;
    --syn-card-min: 100%;
    padding:12px !important;
    border-radius:18px !important;
  }

  .syn-artwork-showcase .syn-gallery-pro-hero,
  .syn-artwork-showcase .syn-gallery-hero,
  .syn-artwork-showcase .syn-gallery-toolbar{
    padding:14px !important;
    border-radius:16px !important;
  }

  .syn-artwork-showcase .syn-gallery-stats{
    grid-template-columns:1fr 1fr !important;
  }

  .syn-artwork-showcase .syn-gallery-filter-form{
    grid-template-columns:1fr !important;
  }

  .syn-artwork-showcase .syn-gallery-filter-form label:first-of-type{
    grid-column:auto !important;
  }

  .syn-artwork-showcase .syn-gallery-sort-chips{
    overflow-x:auto !important;
    flex-wrap:nowrap !important;
    padding-bottom:4px !important;
    -webkit-overflow-scrolling:touch !important;
  }

  .syn-artwork-showcase .syn-sort-chip{
    flex:0 0 auto !important;
  }

  .syn-artwork-showcase .syn-entry-card-head{
    grid-template-columns:1fr !important;
  }

  .syn-artwork-showcase .syn-entry-score{
    justify-self:start !important;
  }

  .syn-artwork-showcase .syn-entry-actions{
    grid-template-columns:1fr !important;
  }

  .syn-artwork-showcase .syn-entry-media{
    height:220px !important;
    min-height:220px !important;
  }

  .syn-single-entry>.syn-entry-card .syn-entry-media{
    height:300px !important;
    min-height:300px !important;
  }
}

/* SMALL MOBILE */
@media (max-width: 480px){
  .syn-gallery-wrap.syn-artwork-showcase,
  .syn-artwork-showcase,
  .syn-single-entry{
    --syn-page-pad: 6px;
    gap:12px !important;
    padding:10px !important;
  }

  .syn-artwork-showcase .syn-gallery-stats{
    grid-template-columns:1fr !important;
  }

  .syn-artwork-showcase .syn-entry-stats{
    grid-template-columns:1fr 1fr !important;
  }

  .syn-artwork-showcase .syn-entry-body{
    padding:14px !important;
  }

  .syn-artwork-showcase .syn-entry-media{
    height:205px !important;
    min-height:205px !important;
  }

  .syn-single-entry>.syn-entry-card .syn-entry-media{
    height:260px !important;
    min-height:260px !important;
  }
}