/* Full-width 4:1 GIF covers. The image is never rasterized or transcoded. */
#shop-profile .r2-profile-card.has-approved-banner{display:block}
.r2-profile-card .r2-profile-cover.r2-has-user-banner,.cosmetic-cover.r2-has-user-banner{position:relative;display:block;width:100%;height:auto!important;min-height:0!important;aspect-ratio:4/1;padding:0!important;overflow:hidden}
.r2-profile-cover.r2-has-user-banner> :not(.r2-approved-profile-banner):not(.r2-approved-profile-poster):not(.r2-rank-award-number):not(.r2-banner-play),.cosmetic-cover.r2-has-user-banner> :not(.r2-approved-profile-banner):not(.r2-approved-profile-poster):not(.r2-rank-award-number):not(.r2-banner-play){visibility:hidden}
.r2-profile-cover.r2-has-user-banner>.r2-approved-profile-banner,.cosmetic-cover.r2-has-user-banner>.r2-approved-profile-banner,.r2-profile-cover.r2-has-user-banner>.r2-approved-profile-poster,.cosmetic-cover.r2-has-user-banner>.r2-approved-profile-poster{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;visibility:visible;max-width:none;border:0;border-radius:0}
.r2-approved-profile-banner{z-index:1}.r2-approved-profile-poster{z-index:2;pointer-events:none}
.r2-profile-cover.r2-has-user-banner>.r2-rank-award-number,.cosmetic-cover.r2-has-user-banner>.r2-rank-award-number{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;visibility:visible;max-width:none;border:0;border-radius:0}
.r2-rank-award-number{z-index:3;pointer-events:none}
.r2-profile-cover.r2-user-banner-ready>.r2-approved-profile-poster,.cosmetic-cover.r2-user-banner-ready>.r2-approved-profile-poster{visibility:hidden}
.profile-banner-manager{box-sizing:border-box;margin:22px 0 28px;padding:24px;border:1px solid #d9cbea;border-radius:18px;background:#fff;color:#382946;text-align:left}
.profile-banner-manager *{box-sizing:border-box}
.profile-banner-manager.is-embedded{margin:18px 0 0;padding:18px;border-radius:12px}
.profile-banner-manager.is-embedded .profile-banner-heading h2{font-size:17px}
.profile-banner-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap;margin-bottom:18px}
.profile-banner-heading h2{font-size:20px;margin:0 0 7px;line-height:1.4;font-weight:750}
.profile-banner-heading p{font-size:13px;color:#766686;margin:0;line-height:1.7}
.profile-banner-approval-label{font-size:12px;color:#76519e;padding:6px 9px;border-radius:6px;background:#f0e9fa;white-space:nowrap}
.profile-banner-workspace{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,1fr);gap:22px;align-items:start}
.profile-banner-preview{width:100%;aspect-ratio:4/1;border-radius:11px;overflow:hidden;background:linear-gradient(120deg,#eee7f7,#f5f1fa);position:relative;border:1px solid #e3d9ef}
.profile-banner-preview img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.profile-banner-preview video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;border:0}
/* The poster masks loading frames while the video stays visible to mobile media policies. */
.r2-profile-cover.r2-has-user-banner>video.r2-approved-profile-banner:not([data-banner-playing]),.cosmetic-cover.r2-has-user-banner>video.r2-approved-profile-banner:not([data-banner-playing]),.profile-banner-preview>video.r2-approved-profile-banner:not([data-banner-playing]){visibility:visible}
.profile-banner-preview.r2-user-banner-ready>.r2-approved-profile-poster{visibility:hidden}
.profile-banner-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:15px;color:#7c6990;font-size:12px;line-height:1.7;text-align:center}
.profile-banner-preview-label{font-size:12px;color:#79698b;margin:8px 0 0;text-align:center}
.profile-banner-size{margin:0 0 9px;line-height:1.6}.profile-banner-size strong{display:block;font-size:16px;color:#644284}.profile-banner-size span{font-size:12px;color:#79698b}
.profile-banner-help{font-size:12px;line-height:1.7;color:#79698b;margin:8px 0 12px}
.profile-banner-file-label{display:block;font-size:13px;font-weight:650;margin:12px 0 7px}
.profile-banner-controls input[type=file]{display:block;width:100%;min-width:0;font-size:12px;padding:9px;border:1px solid #ded3ec;border-radius:7px;background:#fcfaff;color:#645371}
.profile-banner-file-meta{font-size:12px;color:#79698b;overflow-wrap:anywhere;margin:8px 0}
.profile-banner-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:13px 0}
.profile-banner-message{margin:16px 0 0;color:#73528e;font-size:13px;line-height:1.7;overflow-wrap:anywhere;min-height:22px}
.profile-banner-message.is-error{color:#ab4357}
.profile-banner-current-request{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid #eee7f5;padding-top:12px;margin-top:12px;font-size:12px;color:#73528e}
.profile-banner-current-request p{flex-basis:100%;margin:0;color:#79698b;line-height:1.6}
.profile-banner-history{border-top:1px solid #eee7f5;padding-top:13px;margin-top:15px}
.profile-banner-history summary{font-size:13px;font-weight:650;color:#63447f}
.profile-banner-history>button{margin-top:10px}
.profile-banner-history ul{padding:0;list-style:none;margin:8px 0 0;display:grid;gap:8px}
.profile-banner-history li{font-size:12px;border-radius:8px;background:#f8f5fc;padding:11px 12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:space-between}
.profile-banner-history li>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.profile-banner-history li small{font-size:11px;color:#887894}.profile-banner-history li p{flex-basis:100%;font-size:12px;margin:4px 0;color:#9e4655;overflow-wrap:anywhere}
.profile-banner-status{display:inline-block;font-size:11px;border-radius:5px;padding:4px 6px;background:#ede8f5;color:#76519e}.profile-banner-status.status-approved{background:#e5f1ed;color:#427567}.profile-banner-status.status-rejected{background:#f9e8ed;color:#a15065}
.profile-banner-review-card .profile-photo-compare{grid-template-columns:1fr;gap:14px}
.profile-banner-review-card .profile-photo-compare figure{width:100%;min-width:0}
.profile-banner-review-card .profile-photo-compare img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:4/1;object-fit:cover}
.approval-banner-compare{grid-template-columns:1fr!important;gap:18px!important}
.approval-banner-compare>div{min-width:0}
.approval-banner-photo{display:block;width:100%;max-width:none!important}
.approval-banner-photo img{display:block;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:4/1;object-fit:cover!important}
@media(max-width:720px){.profile-banner-manager{padding:17px;margin-block:18px}.profile-banner-workspace{grid-template-columns:1fr;gap:16px}.profile-banner-heading{gap:10px}.profile-banner-heading h2{font-size:18px}.profile-banner-preview{min-height:0}.profile-banner-controls input[type=file]{font-size:16px}}
@media(pointer:coarse){.profile-banner-manager button,.profile-banner-history summary{min-height:44px}.profile-banner-history summary{display:list-item;line-height:44px}}

.r2-profile-cover.r2-has-user-banner>.r2-banner-play,.cosmetic-cover.r2-has-user-banner>.r2-banner-play,.profile-banner-preview>.r2-banner-play{position:absolute;z-index:5;top:10px;right:10px;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border:1px solid #d6cbdc;border-radius:8px;background:#fffffff2;color:#503460;font:650 12px/1.4 Pretendard,system-ui,sans-serif;visibility:visible!important;cursor:pointer;box-shadow:0 2px 8px #0001}.r2-banner-play:disabled{opacity:.6}.r2-banner-play:focus-visible{outline:2px solid #7c4bac;outline-offset:3px}