/* FourColorComic v40.31.183 — My Collection Settings + shared cover preview */
#collection #toggleView{display:none!important}
#collection .fcc182-image-toggle,
#collection .fcc182-image-kind,
#collection .fcc147-cover-choice,
#collection .fcc147-add-photo{display:none!important}

#collection .fcc183-settings-trigger{display:inline-flex;align-items:center;gap:7px;border-color:rgba(88,187,235,.30);background:rgba(13,25,39,.76)}
#collection .fcc183-settings-trigger:hover{border-color:rgba(88,187,235,.58);background:rgba(18,38,57,.92)}
#collection .fcc183-settings-trigger span{font-size:14px;line-height:1}

.fcc183-collection-settings{margin:0 0 16px;padding:18px;border:1px solid rgba(90,126,163,.30);border-radius:15px;background:linear-gradient(145deg,rgba(8,17,28,.98),rgba(5,11,19,.98));box-shadow:0 18px 52px rgba(0,0,0,.20)}
.fcc183-collection-settings[hidden]{display:none!important}
.fcc183-collection-settings.show{display:block}
.fcc183-settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid rgba(135,158,183,.16)}
.fcc183-settings-head>div{min-width:0}
.fcc183-settings-head span,.fcc183-setting-kicker{display:block;color:#56c9ee;font-size:9px;font-weight:900;letter-spacing:.12em}
.fcc183-settings-head h3{margin:3px 0 4px;font-size:19px}
.fcc183-settings-head p,.fcc183-setting-card p{margin:0;color:#8294a7;font-size:11px;line-height:1.45}
.fcc183-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.fcc183-setting-card{display:grid;gap:13px;padding:15px;border:1px solid rgba(126,151,193,.18);border-radius:13px;background:rgba(10,20,32,.72)}
.fcc183-setting-card h4{margin:3px 0 4px;font-size:14px}
.fcc183-segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.fcc183-segmented button{display:flex;min-height:56px;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:10px 12px;border:1px solid rgba(121,145,171,.22);border-radius:10px;background:rgba(5,12,20,.72);color:#9cadbd;text-align:left;cursor:pointer}
.fcc183-segmented button:hover{border-color:rgba(73,184,226,.42);color:#effbff;background:rgba(15,34,49,.88)}
.fcc183-segmented button.active{border-color:rgba(56,198,239,.62);background:linear-gradient(135deg,rgba(19,185,235,.18),rgba(229,58,130,.10));color:#f2fbff;box-shadow:inset 0 0 0 1px rgba(61,194,236,.10)}
.fcc183-segmented button b{font-size:11px}
.fcc183-segmented button small{color:inherit;font-size:9px;opacity:.70}
.fcc183-image-status{padding:9px 10px;border:1px solid rgba(126,151,193,.13);border-radius:9px;background:rgba(4,10,17,.60);color:#71869b;font-size:9px;line-height:1.45}
.fcc183-image-status b{color:#b9ddea}

#collection[data-fcc-image-mode="catalog"] .cover-source-credit:not(.catalog-source-credit){display:none}

@media (hover:hover) and (pointer:fine){
  #catalog .fcc107-cover{cursor:zoom-in}
  #catalog .fcc107-cover img,
  #catalog .fcc107-cover:hover img{transform:none!important;box-shadow:none!important}
  #catalog .fcc107-cover:hover .fcc107-user-upload-badge{opacity:1!important}
}

@media(max-width:780px){
  .fcc183-settings-grid{grid-template-columns:1fr}
  .fcc183-settings-head{align-items:center}
  #collection .fcc183-settings-trigger{width:100%;justify-content:center}
}
@media(max-width:520px){
  .fcc183-collection-settings{padding:13px}
  .fcc183-segmented{grid-template-columns:1fr}
}