:root{
  --img116-bg:#f5f8ff;
  --img116-card:#ffffff;
  --img116-soft:#f0f4fc;
  --img116-soft2:#f8faff;
  --img116-ink:#0b1731;
  --img116-muted:#6b7b99;
  --img116-line:#dfe7f4;
  --img116-blue:#3478ff;
  --img116-purple:#7952f6;
  --img116-pink:#eb3f9e;
  --img116-green:#16ad67;
  --img116-orange:#f59e0b;
  --img116-red:#e84865;
  --img116-shadow:0 18px 44px rgba(31,53,96,.09);
}

*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body.dfxImages116{
  overflow-x:hidden;
  color:var(--img116-ink);
  background:
    radial-gradient(circle at 4% 0,rgba(52,120,255,.10),transparent 31rem),
    radial-gradient(circle at 96% 1%,rgba(235,63,158,.09),transparent 32rem),
    var(--img116-bg);
  font-family:Inter,Segoe UI,Arial,Tahoma,sans-serif;
}
.dfxImages116 a{text-decoration:none;color:inherit}
.imageHub{width:min(1640px,96vw);margin:22px auto 64px}

.hubHero{
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  min-height:170px;
  padding:30px 34px;
  border-radius:28px;
  color:#fff;
  background:
    radial-gradient(circle at 83% 35%,rgba(255,255,255,.26),transparent 10rem),
    linear-gradient(115deg,#2977ff 0%,#6659f5 48%,#ee3d98 100%);
  box-shadow:0 22px 58px rgba(78,80,223,.23);
}
.hubHero:after{
  content:"";
  position:absolute;
  inset:-90px -20px -120px 60%;
  border:1px solid rgba(255,255,255,.24);
  border-radius:50%;
  transform:rotate(-18deg);
  box-shadow:0 0 0 35px rgba(255,255,255,.05),0 0 0 75px rgba(255,255,255,.04);
}
.hubHero>div{position:relative;z-index:2}
.eyebrow{
  display:inline-flex;
  align-items:center;
  min-height:27px;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:999px;
  background:rgba(255,255,255,.12);
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
}
.hubHero h1{max-width:780px;margin:10px 0 5px;font-size:clamp(27px,3vw,47px);line-height:1.06;letter-spacing:-.035em}
.hubHero p{margin:0;color:rgba(255,255,255,.85);font-size:14px;font-weight:650}
.heroActions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.heroButton{
  min-height:46px;
  padding:0 18px;
  border:1px solid var(--img116-line);
  border-radius:15px;
  background:var(--img116-card);
  color:var(--img116-ink);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  transition:.2s ease;
}
.heroButton:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(17,32,66,.12)}
.hubHero .heroButton{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.13);color:#fff;backdrop-filter:blur(8px)}
.hubHero .heroButton.primary{background:#fff;color:#5137cf;border-color:#fff}
.heroButton.primary{border:0;background:linear-gradient(100deg,var(--img116-blue),var(--img116-purple),var(--img116-pink));color:#fff}

.hubTabs{
  display:flex;
  align-items:center;
  gap:7px;
  margin:18px 0;
  padding:7px;
  width:max-content;
  max-width:100%;
  overflow:auto;
  border:1px solid var(--img116-line);
  border-radius:17px;
  background:var(--img116-card);
  box-shadow:0 8px 24px rgba(32,51,91,.05);
}
.hubTabs a{height:39px;padding:0 15px;border-radius:12px;display:flex;align-items:center;gap:7px;color:var(--img116-muted);font-size:13px;font-weight:900;white-space:nowrap}
.hubTabs a span{min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--img116-soft);display:grid;place-items:center;font-size:10px}
.hubTabs a.active{color:#fff;background:linear-gradient(110deg,var(--img116-blue),var(--img116-purple),var(--img116-pink));box-shadow:0 8px 20px rgba(111,82,246,.22)}
.hubTabs a.active span{background:rgba(255,255,255,.2)}

.hubNotice{margin:0 0 18px;padding:14px 17px;border-radius:15px;border:1px solid;font-size:13px;font-weight:850}
.hubNotice.success{color:#087a49;background:#eafbf3;border-color:#baeccc}
.hubNotice.error{color:#b42343;background:#fff0f3;border-color:#fac6d0}

.galleryTools,.uploadPanel,.studioAside>div,.editPanel,.manageCard,.emptyState,.videoSection{
  border:1px solid var(--img116-line);
  background:var(--img116-card);
  box-shadow:var(--img116-shadow);
}
.galleryTools{padding:16px;border-radius:23px}
.gallerySearch{
  height:52px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:10px;
  padding:0 7px 0 16px;
  border:1px solid var(--img116-line);
  border-radius:16px;
  background:var(--img116-soft2);
}
[dir=rtl] .gallerySearch{padding:0 16px 0 7px}
.gallerySearch>span{font-size:25px;color:var(--img116-muted)}
.gallerySearch input{min-width:0;height:48px;border:0;outline:0;background:transparent;color:var(--img116-ink);font:inherit;font-size:14px}
.gallerySearch button{
  height:38px;
  padding:0 18px;
  border:0;
  border-radius:12px;
  background:linear-gradient(100deg,var(--img116-blue),var(--img116-purple),var(--img116-pink));
  color:#fff;
  font-weight:900;
  cursor:pointer;
}
.categoryRail{display:flex;align-items:center;gap:7px;margin-top:13px;overflow:visible}
.categoryRail>a,.categoryRail summary,.categoryRail details div a{
  min-height:33px;
  padding:0 12px;
  border:1px solid var(--img116-line);
  border-radius:999px;
  background:var(--img116-soft2);
  color:var(--img116-muted);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  font-weight:850;
  white-space:nowrap;
  cursor:pointer;
}
.categoryRail>a:nth-child(3n+2){background:#eef6ff;color:#2464cf;border-color:#cfe0ff}
.categoryRail>a:nth-child(3n+3){background:#fff0f7;color:#d33280;border-color:#f6cbe0}
.categoryRail>a:nth-child(3n+4){background:#ecfbf4;color:#168653;border-color:#c5ead8}
.categoryRail>a.active{color:#fff;border-color:transparent;background:linear-gradient(110deg,var(--img116-blue),var(--img116-purple))}
.categoryRail details{position:relative}
.categoryRail summary{list-style:none}
.categoryRail summary::-webkit-details-marker{display:none}
.categoryRail details div{
  position:absolute;
  z-index:30;
  top:42px;
  inset-inline-end:0;
  width:min(520px,88vw);
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  padding:14px;
  border:1px solid var(--img116-line);
  border-radius:18px;
  background:var(--img116-card);
  box-shadow:0 20px 50px rgba(21,38,73,.18);
}

.galleryHeading{display:flex;align-items:end;justify-content:space-between;margin:28px 2px 14px}
.galleryHeading h2,.videoSection h2{margin:0;font-size:25px;letter-spacing:-.02em}
.galleryHeading p,.videoSection header p{margin:5px 0 0;color:var(--img116-muted);font-size:12px;font-weight:700}
.imageGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.imageCard{min-width:0;overflow:hidden;border:1px solid var(--img116-line);border-radius:20px;background:var(--img116-card);box-shadow:var(--img116-shadow);transition:.2s ease}
.imageCard:hover{transform:translateY(-4px);border-color:#c9d7ee;box-shadow:0 23px 52px rgba(31,53,96,.14)}
.imageThumb{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:var(--img116-soft)}
.imageThumb img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease}
.imageCard:hover .imageThumb img{transform:scale(1.025)}
.imageBody{padding:13px;display:flex;flex-direction:column;gap:10px}
.imageTitle{height:39px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--img116-ink);font-size:14px;font-weight:900;line-height:1.35}
.imageMeta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--img116-muted);font-size:10px;font-weight:750}
.imageMeta span:first-child{max-width:62%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.imageActions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.imageActions a{height:36px;border:1px solid #cbdcf7;border-radius:11px;background:#f2f7ff;color:#2362cb;display:grid;place-items:center;font-size:11px;font-weight:900}
.imageActions a.download{border:0;color:#fff;background:linear-gradient(100deg,var(--img116-blue),var(--img116-purple),var(--img116-pink))}
.shareRow{display:grid;grid-template-columns:repeat(5,27px) 1fr;gap:5px;align-items:center}
.share{width:27px;height:27px;padding:0;border:0;border-radius:50%;color:#fff;display:grid;place-items:center;cursor:pointer}
.share svg{width:13px!important;height:13px!important;display:block!important;fill:#fff!important;stroke:none!important}
.sx{background:#111827}.swa{background:#18b966}.stg{background:#209ed6}.sfb{background:#2475e7}.sig{background:linear-gradient(135deg,#ff9c18,#f23d72,#8248e5)}
.copyButton{min-width:0;height:28px;padding:0 8px;border:1px solid var(--img116-line);border-radius:999px;background:var(--img116-soft2);color:var(--img116-muted);font-size:9px;font-weight:900;cursor:pointer}

.pager{display:flex;justify-content:center;gap:7px;margin:25px 0}
.pager a{width:39px;height:39px;border:1px solid var(--img116-line);border-radius:12px;background:var(--img116-card);display:grid;place-items:center;font-weight:900}
.pager a.active{color:#fff;border-color:transparent;background:linear-gradient(110deg,var(--img116-blue),var(--img116-purple),var(--img116-pink))}

.videoSection{margin-top:34px;padding:20px;border-radius:24px}
.videoSection>header{display:flex;align-items:end;justify-content:space-between;margin-bottom:15px}
.videoSection>header>a{color:var(--img116-purple);font-size:12px;font-weight:900}
.videoGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.videoCard{overflow:hidden;border:1px solid var(--img116-line);border-radius:16px;background:var(--img116-soft2)}
.videoThumb{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:var(--img116-soft)}
.videoThumb img{width:100%;height:100%;object-fit:cover}
.videoThumb span{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;border:2px solid #fff;background:rgba(8,16,35,.7);color:#fff;display:grid;place-items:center;padding-left:2px}
.videoTitle{display:block;padding:12px;font-size:13px;font-weight:900;line-height:1.35}

.studioGrid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}
.uploadPanel{padding:22px;border-radius:25px}
.panelTitle{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:17px}
.panelTitle span{color:var(--img116-purple);font-size:10px;font-weight:950;letter-spacing:.13em}
.panelTitle h2{margin:3px 0 0;font-size:25px}
.panelTitle p{max-width:320px;margin:5px 0 0;color:var(--img116-muted);font-size:12px;font-weight:700;text-align:end}
.panelTitle>a{height:34px;padding:0 12px;border:1px solid var(--img116-line);border-radius:10px;display:flex;align-items:center;color:var(--img116-muted);font-size:11px;font-weight:900}
.dropZone{
  position:relative;
  min-height:275px;
  padding:25px;
  border:2px dashed #b5c6e4;
  border-radius:21px;
  background:linear-gradient(145deg,rgba(52,120,255,.06),rgba(121,82,246,.07),rgba(235,63,158,.05));
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  overflow:hidden;
  cursor:pointer;
  transition:.2s ease;
}
.dropZone:hover,.dropZone.dragover{border-color:var(--img116-purple);transform:translateY(-2px)}
.dropZone input{position:absolute;width:1px;height:1px;opacity:0}
.dropZone .dropIcon{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,var(--img116-blue),var(--img116-purple),var(--img116-pink));color:#fff;display:grid;place-items:center;font-size:25px;box-shadow:0 13px 28px rgba(112,79,236,.25)}
.dropZone b{margin-top:3px;font-size:15px}
.dropZone small{color:var(--img116-muted);font-size:11px}
#uploadPreview{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:var(--img116-soft);display:none}
.dropZone.hasPreview #uploadPreview{display:block}
.dropZone.hasPreview .dropIcon,.dropZone.hasPreview b,.dropZone.hasPreview small{display:none}

.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.field{display:flex;flex-direction:column;gap:7px}
.field.full{grid-column:1/-1}
.field>span{display:flex;justify-content:space-between;gap:10px;color:var(--img116-ink);font-size:12px;font-weight:900}
.field>span small{color:var(--img116-muted);font-size:9px}
.field input,.field select,.field textarea{
  width:100%;
  min-width:0;
  border:1px solid var(--img116-line);
  border-radius:14px;
  outline:0;
  background:var(--img116-soft2);
  color:var(--img116-ink);
  font:inherit;
  font-size:13px;
  transition:.16s ease;
}
.field input,.field select{height:47px;padding:0 13px}
.field textarea{min-height:125px;padding:13px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#8ea9ff;box-shadow:0 0 0 4px rgba(73,111,255,.11)}
.customCategory{display:none}
.customCategory.show{display:flex}
.submitButton{
  width:100%;
  min-height:51px;
  margin-top:16px;
  border:0;
  border-radius:15px;
  color:#fff;
  background:linear-gradient(100deg,var(--img116-blue),var(--img116-purple),var(--img116-pink));
  font-weight:950;
  cursor:pointer;
  box-shadow:0 12px 25px rgba(108,77,226,.22);
}
.studioAside{display:grid;gap:16px}
.guideCard{padding:20px;border-radius:22px}
.guideIcon{width:43px;height:43px;border-radius:14px;background:#e9fbf3;color:var(--img116-green);display:grid;place-items:center;font-size:22px;font-weight:1000}
.guideCard h3{margin:13px 0 9px;font-size:17px}
.guideCard ul{margin:0;padding-inline-start:20px;color:var(--img116-muted);font-size:12px;font-weight:700;line-height:2}
.guideCard.accent{background:linear-gradient(145deg,#eef5ff,#f6f0ff,#fff0f7)}
.guideCard code{display:block;padding:11px;border:1px solid rgba(100,92,220,.17);border-radius:12px;background:rgba(255,255,255,.58);color:#4f46b5;font-size:12px;word-break:break-all}
.guideCard p{margin:12px 0 0;color:var(--img116-muted);font-size:12px;line-height:1.6}

.manageSummary{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:17px}
.manageSummary>div{min-height:92px;padding:17px;border:1px solid var(--img116-line);border-radius:20px;background:var(--img116-card);box-shadow:0 10px 28px rgba(29,49,91,.06);display:flex;flex-direction:column;justify-content:center}
.manageSummary span{color:var(--img116-muted);font-size:11px;font-weight:800}
.manageSummary b{margin-top:4px;font-size:25px;color:var(--img116-blue)}
.manageSummary .approved b{color:var(--img116-green)}.manageSummary .pending b{color:var(--img116-orange)}.manageSummary .rejected b{color:var(--img116-red)}.manageSummary .archived b{color:#77839b}
.manageGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.manageCard{overflow:hidden;border-radius:21px}
.manageThumb{position:relative;aspect-ratio:4/3;background:var(--img116-soft)}
.manageThumb img{width:100%;height:100%;object-fit:cover;display:block}
.status{position:absolute;top:10px;inset-inline-start:10px;min-height:27px;padding:0 9px;border-radius:999px;background:#edf1f7;color:#66728a;display:flex;align-items:center;font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.05em}
.status-approved{background:#e9fbf2;color:#0b9052}.status-pending{background:#fff5dc;color:#b87000}.status-rejected{background:#ffedf1;color:#c7294c}.status-archived{background:#e9edf4;color:#68758d}
.manageBody{padding:14px}
.manageBody h3{height:40px;margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.4}
.manageBody>p{margin:6px 0 10px;color:var(--img116-muted);font-size:10px;font-weight:750}
.adminNote{margin:8px 0;padding:9px;border-radius:10px;background:#fff0f3;color:#b42343;font-size:10px;line-height:1.5}
.manageActions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.manageActions a,.safeActionForm button{height:34px;border:1px solid var(--img116-line);border-radius:10px;background:var(--img116-soft2);color:#31568f;display:grid;place-items:center;font-size:10px;font-weight:900;cursor:pointer}
.safeActionForm{margin-top:7px}
.safeActionForm button{width:100%;color:#6f4d00;background:#fff8e7;border-color:#f0ddb0}
.safeActionForm button.archiveButton{color:#9a3650;background:#fff1f4;border-color:#f1cbd5}

.editPanel{display:grid;grid-template-columns:330px 1fr;gap:20px;margin-bottom:18px;padding:20px;border-radius:24px}
.editPreview{min-height:320px;border-radius:18px;overflow:hidden;background:var(--img116-soft)}
.editPreview img{width:100%;height:100%;display:block;object-fit:contain}

.emptyState{margin:20px 0;padding:58px 20px;border-radius:25px;text-align:center}
.emptyIcon{width:62px;height:62px;margin:0 auto 13px;border-radius:20px;background:linear-gradient(135deg,#eaf2ff,#f2eaff,#ffeaf5);color:var(--img116-purple);display:grid;place-items:center;font-size:28px;font-weight:1000}
.emptyState h2{margin:0;font-size:23px}.emptyState p{margin:7px 0 18px;color:var(--img116-muted);font-size:13px}
.copyToast{position:fixed;z-index:100;left:50%;bottom:22px;opacity:0;pointer-events:none;transform:translate(-50%,15px);transition:.2s;padding:10px 16px;border-radius:999px;background:#111827;color:#fff;font-size:12px;font-weight:850}
.copyToast.show{opacity:1;transform:translate(-50%,0)}

body.dfxImages116Dark,
html.dark body.dfxImages116{
  --img116-bg:#071322;
  --img116-card:#101f31;
  --img116-soft:#14263a;
  --img116-soft2:#0d1b2c;
  --img116-ink:#edf4ff;
  --img116-muted:#9babc2;
  --img116-line:#263a50;
  --img116-shadow:0 18px 44px rgba(0,0,0,.22);
  background:
    radial-gradient(circle at 4% 0,rgba(52,120,255,.15),transparent 31rem),
    radial-gradient(circle at 96% 1%,rgba(235,63,158,.11),transparent 32rem),
    var(--img116-bg);
}
.dfxImages116Dark .hubNotice.success,html.dark .dfxImages116 .hubNotice.success{color:#7ee0ac;background:#0c3025;border-color:#20563e}
.dfxImages116Dark .hubNotice.error,html.dark .dfxImages116 .hubNotice.error{color:#ff9eb0;background:#351621;border-color:#623043}
.dfxImages116Dark .categoryRail>a:nth-child(3n+2),.dfxImages116Dark .categoryRail>a:nth-child(3n+3),.dfxImages116Dark .categoryRail>a:nth-child(3n+4),html.dark .dfxImages116 .categoryRail>a:nth-child(3n+2),html.dark .dfxImages116 .categoryRail>a:nth-child(3n+3),html.dark .dfxImages116 .categoryRail>a:nth-child(3n+4){background:var(--img116-soft2);color:var(--img116-muted);border-color:var(--img116-line)}
.dfxImages116Dark .guideCard.accent,html.dark .dfxImages116 .guideCard.accent{background:linear-gradient(145deg,#10243b,#211b3b,#351a32)}
.dfxImages116Dark .guideCard code,html.dark .dfxImages116 .guideCard code{background:rgba(0,0,0,.18);color:#c4b8ff}
.dfxImages116Dark .status-approved,html.dark .dfxImages116 .status-approved{background:#113a2b;color:#72dca6}.dfxImages116Dark .status-pending,html.dark .dfxImages116 .status-pending{background:#3a2d0e;color:#ffd176}.dfxImages116Dark .status-rejected,html.dark .dfxImages116 .status-rejected{background:#3d1722;color:#ff9bb0}.dfxImages116Dark .status-archived,html.dark .dfxImages116 .status-archived{background:#253244;color:#b0bdd0}

@media(max-width:1400px){
  .imageGrid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .manageGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1100px){
  .imageGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .studioGrid{grid-template-columns:minmax(0,1fr) 300px}
  .manageSummary{grid-template-columns:repeat(3,1fr)}
  .editPanel{grid-template-columns:270px 1fr}
}
@media(max-width:850px){
  .imageHub{width:min(95vw,760px);margin-top:14px}
  .hubHero{align-items:flex-start;flex-direction:column;padding:25px;min-height:190px}
  .heroActions{justify-content:flex-start}
  .categoryRail{overflow:auto;padding-bottom:3px}
  .categoryRail details{position:static}
  .categoryRail details div{position:fixed;left:5vw;right:5vw;top:150px;width:90vw;max-height:60vh;overflow:auto}
  .studioGrid{grid-template-columns:1fr}
  .studioAside{grid-template-columns:1fr 1fr}
  .manageGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .editPanel{grid-template-columns:1fr}
  .editPreview{min-height:260px;max-height:430px}
  .videoGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .imageHub{width:94vw}
  .hubHero{border-radius:22px;padding:21px}
  .hubHero h1{font-size:29px}
  .hubHero p{line-height:1.6}
  .heroActions{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .heroActions .heroButton:only-child{grid-column:1/-1}
  .hubTabs{width:100%}
  .hubTabs a{flex:1;justify-content:center}
  .galleryTools{padding:11px;border-radius:18px}
  .gallerySearch{height:auto;grid-template-columns:auto 1fr}
  .gallerySearch button{grid-column:1/-1;width:100%;margin-bottom:7px}
  .imageGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
  .imageCard{border-radius:16px}
  .imageBody{padding:10px}
  .shareRow{grid-template-columns:repeat(5,25px);gap:4px}
  .share{width:25px;height:25px}
  .copyButton{grid-column:1/-1;width:100%}
  .studioAside{grid-template-columns:1fr}
  .formGrid{grid-template-columns:1fr}
  .field.full{grid-column:auto}
  .panelTitle{flex-direction:column;gap:5px}
  .panelTitle p{text-align:start}
  .dropZone{min-height:230px}
  .manageSummary{grid-template-columns:repeat(2,1fr)}
  .manageGrid{grid-template-columns:1fr}
}
@media(max-width:420px){
  .imageGrid{grid-template-columns:1fr}
  .heroActions{grid-template-columns:1fr}
  .galleryHeading h2{font-size:22px}
  .videoGrid{grid-template-columns:1fr}
  .manageSummary{grid-template-columns:1fr 1fr}
  .uploadPanel{padding:15px}
}