:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#171717;background:#f5f5f3}*{box-sizing:border-box}body{margin:0}.wrap{width:min(1100px,100%);margin:auto;padding:22px 16px 50px}header{text-align:center;padding:18px 0 26px}h1{margin:0;font-size:clamp(2rem,7vw,4rem);letter-spacing:-.04em}.sub{margin:.4rem 0;color:#6b6b6b}.card{background:white;border:1px solid #e7e7e2;border-radius:22px;padding:22px;box-shadow:0 8px 30px #0000000a}.narrow{max-width:430px;margin:40px auto}.uploadbox{text-align:center}.uploadbox h2{margin-top:0}button,.button{appearance:none;border:0;border-radius:14px;background:#171717;color:#fff;padding:14px 18px;font-size:1rem;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}.secondary{background:white;color:#171717;border:1px solid #d8d8d2}.danger{background:#a91b1b;padding:10px 13px}.hint,.empty{color:#777}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:26px 2px 12px}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tile{background:white;border:1px solid #e6e6e0;border-radius:16px;overflow:hidden;text-decoration:none;color:#222;min-width:0}.tile img,.placeholder{width:100%;aspect-ratio:1;object-fit:cover;display:flex;align-items:center;justify-content:center;background:#e9e9e4;font-size:2.5rem}.tile span{display:block;padding:9px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.85rem}.progressWrap{margin:18px auto 0;max-width:520px;background:#ededeb;border-radius:12px;overflow:hidden;position:relative;padding-bottom:28px}.progressBar{height:10px;width:0;background:#171717;transition:width .2s}.progressWrap p{margin:6px 10px 0;font-size:.9rem}.hidden{display:none}label{display:grid;gap:8px;text-align:left;margin:14px 0}input{font:inherit;border:1px solid #cfcfca;border-radius:12px;padding:13px;background:#fff}.adminlist{display:grid;gap:8px}.adminrow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid #eee}.adminrow span{min-width:0;overflow:hidden;text-overflow:ellipsis}.adminrow small{display:block;color:#777}footer{text-align:center;padding:30px}footer a{color:#777}@media(min-width:650px){.gallery{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:950px){.gallery{grid-template-columns:repeat(5,minmax(0,1fr))}}

.adminfile{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.adminthumb{width:82px;height:82px;flex:0 0 82px;border-radius:12px;object-fit:cover;background:#e9e9e4}.adminplaceholder{display:flex;align-items:center;justify-content:center;font-size:1.8rem}.adminfile span{min-width:0;overflow:hidden;text-overflow:ellipsis}.adminrow form{flex:0 0 auto}@media(max-width:520px){.adminthumb{width:68px;height:68px;flex-basis:68px}.adminrow{align-items:center}.danger{padding:10px 11px}}

/* Admin-Vorschau: kompakte feste Größe */
.adminrow .adminfile .adminthumb {
  display: block !important;
  width: 90px !important;
  height: 90px !important;
  min-width: 90px !important;
  min-height: 90px !important;
  max-width: 90px !important;
  max-height: 90px !important;
  object-fit: cover !important;
  border-radius: 10px !important;
  flex: 0 0 90px !important;
}

.adminrow .adminfile {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  min-width: 0 !important;
  flex: 1 !important;
}

.adminrow .adminfile > span {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
}

.adminrow {
  align-items: center !important;
  min-height: 100px !important;
}

@media (max-width: 600px) {
  .adminrow .adminfile .adminthumb {
    width: 70px !important;
    height: 70px !important;
    min-width: 70px !important;
    min-height: 70px !important;
    max-width: 70px !important;
    max-height: 70px !important;
    flex-basis: 70px !important;
  }
}
