[hidden]{display:none!important}
#upload-form{flex-wrap:wrap}
#upload-progress{min-width:72px;color:var(--green);font-size:12px;font-weight:750}
.media-card video:not([src]){background:linear-gradient(110deg,#e9e7e0 25%,#f5f3ed 45%,#e9e7e0 65%);background-size:200% 100%;animation:media-loading 1.4s linear infinite}
@keyframes media-loading{to{background-position:-200% 0}}
#product-image-field small{color:var(--muted);font-weight:400}
#product-image-preview{width:min(240px,100%);max-height:240px;object-fit:contain;border:1px solid var(--line);border-radius:12px;background:#f7f5ef;padding:6px}
.login-shell{padding:24px}
.login-card{width:min(460px,100%);padding:42px 46px}
.login-logo{display:block;width:280px;max-width:100%;height:98px;object-fit:contain;margin:-24px auto 4px;mix-blend-mode:multiply}
.login-card .eyebrow,.login-card h1,.login-card>.muted{text-align:center}
.login-card h1{font-size:30px;margin-top:8px}
.logo img{width:78px;height:34px;object-fit:contain;background:white;border-radius:7px;padding:2px;mix-blend-mode:normal}
.logo strong{white-space:nowrap}
@media(max-width:520px){.login-card{padding:30px 24px}.login-card h1{font-size:25px}}
.video-shell{position:relative;aspect-ratio:1;background:#272927;display:grid;place-items:center}
.video-shell video{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:contain}
.load-video{position:relative;z-index:1;background:#d8ee7d;color:#124b3c;box-shadow:0 8px 24px #0005}
.load-video:disabled{opacity:.75}
.media-info{display:grid;gap:4px;min-width:0}
.media-info b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.media-info small{display:block;color:var(--muted)}