.bento{display:flex!important;flex-wrap:wrap;align-items:flex-start;gap:6px!important;grid-template-columns:none!important;grid-auto-rows:unset!important}
.bento .tile,.bento .tile.tall,.bento .tile.wide{display:block;position:relative;flex:0 0 auto;width:auto;height:auto;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden;grid-column:auto;grid-row:auto}
.bento .tile img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:fill;background:transparent;transform:none!important}
.bento .tile:after{background:linear-gradient(0deg,rgba(0,0,0,.58),transparent 38%)}
.bento .tile h3{left:10px;bottom:8px;font-size:13px;text-shadow:0 1px 5px #000}.bento .tile .kind{left:10px;top:8px;font-size:9px;text-shadow:0 1px 5px #000}.bento .tile .play{width:42px;height:42px}
.detail-copy,.article-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.detail-copy form,.article-meta form{margin:0}.danger{border:1px solid #e2b8b8;border-radius:12px;background:#fff6f6;color:#a52c2c;padding:10px 15px;font-weight:700;cursor:pointer}.danger:hover{background:#a52c2c;color:#fff}
@media(max-width:700px){.bento{gap:4px!important}.bento .tile h3{left:7px;bottom:6px;font-size:11px}.detail-copy{display:grid}.article-meta{align-items:center}}
.action-group{display:flex;align-items:flex-start;gap:8px}.edit-box{position:relative}.edit-box summary{list-style:none}.edit-box summary::-webkit-details-marker{display:none}.edit-button{display:block;border:1px solid #c9cbd1;border-radius:12px;background:#fff;color:#30333a;padding:10px 15px;font-weight:700;cursor:pointer}.edit-panel{position:absolute;z-index:20;right:0;top:48px;width:min(440px,calc(100vw - 36px));display:grid;gap:10px;padding:18px;border:1px solid #dededb;border-radius:16px;background:#fff;box-shadow:0 18px 50px #0002}.edit-panel input,.edit-panel textarea{width:100%;border:1px solid #d4d3ce;border-radius:10px;padding:11px}.edit-panel textarea{resize:vertical}.edit-save{border:0;border-radius:10px;background:#171717;color:#fff;padding:11px 15px;font-weight:700;cursor:pointer}
.media-message{margin-top:42px;padding:30px 0;border-top:1px solid #d8d6cf;border-bottom:1px solid #d8d6cf}.media-message-heading small{letter-spacing:.16em;color:#74736d}.media-message-heading h2{margin:7px 0 20px;font-size:clamp(24px,3vw,38px);font-weight:500}.media-message form{display:grid;gap:12px}.media-message textarea{box-sizing:border-box;width:100%;min-height:150px;padding:18px;border:1px solid #d3d1ca;border-radius:16px;background:#fff;color:#171717;font:inherit;line-height:1.7;resize:vertical;outline:none}.media-message textarea:focus{border-color:#777;box-shadow:0 0 0 3px #0000000d}.message-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.message-actions span{font-size:12px;color:#85837d}.message-actions button{border:0;border-radius:12px;background:#171717;color:#fff;padding:11px 17px;font-weight:700;cursor:pointer}.media-message-text{white-space:pre-wrap;font-size:16px;line-height:1.8}.media-message-empty{color:#85837d}
.media-stage.original-stage{display:block!important;width:100%;height:auto!important;min-height:0!important;margin:24px 0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}.original-photo-link{display:flex;width:100%;height:auto;justify-content:center;cursor:zoom-in}.media-stage.original-stage img,.media-stage.original-stage video{display:block;width:auto!important;max-width:100%!important;height:auto!important;max-height:none!important;margin:0 auto!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;object-fit:contain!important}
.original-viewer{box-sizing:border-box;width:100vw;max-width:none;height:100vh;max-height:none;margin:0;padding:0;border:0;background:rgba(8,8,8,.96);overflow:auto}.original-viewer::backdrop{background:rgba(8,8,8,.96)}.original-viewer-close{position:fixed;z-index:3;top:20px;right:24px;border:1px solid #ffffff55;border-radius:999px;background:#fff;color:#111;padding:11px 18px;font-weight:800;cursor:pointer;box-shadow:0 8px 28px #0008}.original-viewer-canvas{box-sizing:border-box;display:flex;min-width:100%;min-height:100%;align-items:center;justify-content:center;padding:72px 24px 28px}.original-viewer .original-viewer-canvas img{display:block;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;margin:auto!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;object-fit:none!important}@media(max-width:700px){.original-viewer-close{top:12px;right:12px}.original-viewer-canvas{padding:64px 12px 20px}}
.header-logo{display:inline-flex!important;align-items:center;gap:9px;white-space:nowrap}.header-favicon{display:block;width:26px;height:26px;object-fit:contain;flex:0 0 26px}@media(max-width:700px){.header-logo{gap:7px}.header-favicon{width:22px;height:22px;flex-basis:22px}}
/* UA1004_PHOTO_VIEWPORT_FIT_V1 */
.media-stage.original-stage{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:0!important;
  max-height:calc(100dvh - 120px)!important;
  overflow:hidden!important;
}
.original-photo-link{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:auto!important;
  max-height:calc(100dvh - 120px)!important;
}
.media-stage.original-stage img,
.original-photo-link img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:calc(100dvh - 120px)!important;
  margin:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  aspect-ratio:auto!important;
}
@supports not (height:100dvh){
  .media-stage.original-stage,
  .original-photo-link,
  .media-stage.original-stage img,
  .original-photo-link img{max-height:calc(100vh - 120px)!important}
}
@media(max-width:700px){
  .media-stage.original-stage,
  .original-photo-link,
  .media-stage.original-stage img,
  .original-photo-link img{max-height:calc(100dvh - 88px)!important}
  @supports not (height:100dvh){
    .media-stage.original-stage,
    .original-photo-link,
    .media-stage.original-stage img,
    .original-photo-link img{max-height:calc(100vh - 88px)!important}
  }
}
/* UA1004_GALLERY_EQUAL_HEIGHT_V1 */
.gallery{
  display:flex!important;
  flex-flow:row wrap!important;
  align-items:flex-start!important;
  align-content:flex-start!important;
  gap:18px 12px!important;
  columns:auto!important;
  column-gap:0!important;
}
.gallery .gallery-item{
  display:flex!important;
  flex:0 0 auto!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  width:max-content!important;
  max-width:none!important;
  margin:0!important;
  gap:6px!important;
  break-inside:auto!important;
}
.gallery .gallery-item img,
.gallery .gallery-item .placeholder{
  display:block!important;
  width:auto!important;
  height:300px!important;
  min-height:300px!important;
  max-width:none!important;
  max-height:300px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  object-fit:contain!important;
  object-position:center!important;
  aspect-ratio:auto!important;
}
.gallery .gallery-item strong,
.gallery .gallery-item small{
  display:block!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
}
@media(max-width:700px){
  .gallery{gap:14px 8px!important}
  .gallery .gallery-item img,
  .gallery .gallery-item .placeholder{
    width:auto!important;
    height:180px!important;
    min-height:180px!important;
    max-height:180px!important;
    max-width:calc(100vw - 28px)!important;
  }
}
/* UA1004_MEDIA_FILENAME_FONT_50_V1 */
.bento .tile h3{
  font-size:6.5px!important;
  line-height:1.25!important;
  overflow-wrap:anywhere!important;
}
.gallery .gallery-item strong{
  font-size:0.5em!important;
  line-height:1.35!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
.viewer .detail-copy h1{
  max-width:100%!important;
  font-size:clamp(19px,3vw,36px)!important;
  line-height:1.08!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
@media(max-width:700px){
  .bento .tile h3{font-size:6px!important}
  .viewer .detail-copy h1{font-size:clamp(18px,6vw,30px)!important}
}
/* UA1004_MEDIA_ACTIONS_META_LINE_V1 */
.detail-copy{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
}
.detail-copy>.action-group{
  position:absolute!important;
  z-index:5!important;
  top:0!important;
  right:0!important;
  display:flex!important;
  align-items:flex-start!important;
  gap:8px!important;
  margin:0!important;
}
.detail-copy>div:first-child{
  min-width:0!important;
  width:100%!important;
}
.detail-copy>div:first-child>small{
  display:block!important;
  min-height:44px!important;
  padding-top:11px!important;
  padding-right:150px!important;
  line-height:1.3!important;
  white-space:nowrap!important;
}
.detail-copy>div:first-child>h1{
  position:relative!important;
  clear:both!important;
  width:100%!important;
  margin-top:10px!important;
  padding-right:0!important;
}
@media(max-width:700px){
  .detail-copy>.action-group{gap:5px!important}
  .detail-copy>.action-group .edit-button,
  .detail-copy>.action-group .danger{padding:8px 10px!important}
  .detail-copy>div:first-child>small{
    min-height:40px!important;
    padding-top:8px!important;
    padding-right:125px!important;
    font-size:10px!important;
  }
}
/* UA1004_GALLERY_PHOTO_GAP_6PX_V1 */
.gallery{
  gap:18px 6px!important;
  row-gap:18px!important;
  column-gap:6px!important;
}
@media(max-width:700px){
  .gallery{
    gap:14px 6px!important;
    row-gap:14px!important;
    column-gap:6px!important;
  }
}