.gallery-card > .showcase-hover-preview {
    position: absolute;
    inset: 6px;
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    object-fit: cover;
    pointer-events: none;
    z-index: 1;
}
.gallery-section .gallery-help { padding: 0; text-align: center; }
.gallery-help > span { display: block; }
.gallery-help .gallery-help-formats { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px 24px; margin-top: 10px; font-size: 12px; color: var(--brand-blue); text-align: left; }
.gallery-format-group { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; max-width: 100%; min-width: 0; }
.gallery-format-video { color: var(--brand-purple); }
.gallery-format-label { display: inline-flex; align-items: center; gap: 9px; line-height: 18px; }
.gallery-format-label svg { display: block; flex: 0 0 17px; width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.gallery-format-label strong { color: #888; font-weight: 600; }
.gallery-format-list { display: inline-flex; flex-wrap: wrap; gap: 5px; min-width: 0; }
.gallery-format-list > span { display: inline-block; box-sizing: border-box; padding: 2px 15px; border: 1px solid rgba(41, 128, 185, .24); border-radius: 6px; background: rgba(41, 128, 185, .07); font-size: 11px; font-weight: 600; line-height: 16px; white-space: nowrap; }
.gallery-format-video .gallery-format-list > span { border-color: rgba(195, 71, 221, .24); background: rgba(195, 71, 221, .07); }
.gallery-help .gallery-help-summary { font-family: "Trebuchet MS", "Open Sans", sans-serif; font-size: 13px; font-weight: 400; line-height: 1.35; text-align: justify; }
.picture-card .picture-help { text-align: left; }
.avatar-help-description { display: block; }
.picture-card .avatar-format-list { display: flex; flex-wrap: nowrap; justify-content: flex-start; gap: 4px; margin-top: 10px; color: var(--brand-blue); text-align: center; }
.picture-card .avatar-format-list > span { padding: 2px 10px; }
.picture-card .avatar-animated-link { display: inline-flex; align-items: center; gap: 7px; margin-top: 10px; color: var(--brand-purple); font-weight: 600; }
.avatar-animated-link > span { display: inline-grid; place-items: center; box-sizing: border-box; width: 19px; height: 19px; padding-left: 2px; border: 1px solid rgba(195, 71, 221, .24); border-radius: 50%; background: rgba(195, 71, 221, .07); font-size: 9px; }
.profile-redesign-shell .picture-card { display: flex; flex-direction: column; height: auto; min-height: 335px; }
.picture-card .avatar-preview { flex-shrink: 0; }
.picture-card #profile-avatar-form { position: relative; height: 30px; flex-shrink: 0; margin: auto 0 0; padding-top: 16px; }
.picture-card .avatar-update { bottom: 0; }
.about-section .editor-card { min-height: 335px; }
.about-section .profile-rich-editor { height: 267px; min-height: 267px; }
@media (min-width: 1101px) {
    .gallery-help .gallery-help-summary { text-align-last: justify; }
}
.user-info-gallery-item > .showcase-hover-preview {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
    pointer-events: none;
}
.gallery-popup-preview .showcase-crop-video { max-width: 100%; max-height: 100%; object-fit: contain; }
#gallery-popup-preview-image[hidden], #gallery-viewer-image[hidden], #user-info-gallery-popup[hidden], #user-info-gallery-video[hidden], #profile-media-timeline[hidden] { display: none !important; }
#profile-showcase-video, #user-info-gallery-video {
    display: block;
    width: auto;
    height: auto;
    max-width: min(1000px, calc(100vw - 56px));
    max-height: calc(100vh - 56px);
    object-fit: contain;
}
#user-info-gallery-video.gallery-cursor-prev { cursor: url('../images/gallery-cursor-left.svg?v=20261013-side-v3') 16 16, w-resize; }
#user-info-gallery-video.gallery-cursor-next { cursor: url('../images/gallery-cursor-right.svg?v=20261013-side-v3') 16 16, e-resize; }
#profile-media-timeline { margin-top: 20px; font-size: 12px; color: #929292; }
#profile-media-timeline label { display: block; }
#profile-media-timeline input[type=range] { display: block; width: 100%; accent-color: var(--brand-purple); margin: 8px 0 14px; }
#profile-media-timeline output { color: var(--brand-blue); margin-left: 8px; }
.profile-media-trim { display: flex; gap: 12px; align-items: end; flex-wrap: wrap; }
.profile-media-trim label { flex: 1; min-width: 80px; }
.profile-media-trim input { display: block; width: 100%; height: 30px; padding: 4px 8px; border: 1px solid #ccc; border-radius: 8px; background: #fff; color: #888; }
.profile-media-consent { margin-top: 15px; line-height: 1.5; }
.profile-media-consent input { accent-color: var(--brand-purple); vertical-align: middle; }
#profile-media-error { color: #b44c78; font-size: 12px; line-height: 1.4; margin-top: 12px; }
.profile-media-job { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin-top: 12px; font-size: 12px; color: #888; }
#profile-media-jobs { width: var(--gallery-content-width, 100%); max-width: 100%; margin: 0 auto; }
#profile-media-jobs .profile-media-job > span { display: block; position: static; flex: 1; min-width: 120px; width: auto; height: auto; margin: 0; padding: 0; color: #888; font-size: 13px; line-height: 1.4; overflow-wrap: anywhere; }
.profile-media-job .small-action { position: static; opacity: 1; transform: none; width: auto; min-width: 70px; padding: 0 12px; }
.gallery-card[data-media-kind="video"] .replace-gallery,
.gallery-card[data-media-kind="video"] .replace-gallery:hover { background: var(--brand-purple); color: #fff; }
#profile-media-progress { display: none; min-height: 240px; padding: 40px 16px; text-align: center; color: #929292; }
#profile-media-progress strong { display: block; margin-top: 20px; font-size: 16px; color: #808080; }
#profile-media-progress p { margin: 10px auto 0; max-width: 330px; font-size: 13px; line-height: 1.5; }
#profile-media-progress progress { display: block; width: 200px; max-width: 100%; height: 6px; margin: 20px auto 0; accent-color: var(--brand-blue); }
#profile-media-progress progress[hidden] { display: none; }
.profile-media-spinner { display: inline-block; width: 38px; height: 38px; border: 3px solid #e9e9e9; border-top-color: var(--brand-blue); border-right-color: var(--brand-purple); border-radius: 50%; animation: showcase-progress-spin .8s linear infinite; }
.is-media-processing #profile-media-progress { display: block; }
.is-media-processing .gallery-crop-layout,
.is-media-processing #profile-media-timeline,
.is-media-processing #gallery-crop-apply { display: none !important; }
.is-media-error #gallery-crop-apply { display: inline-block !important; }
.is-media-error .profile-media-spinner { animation: none; border-color: #c347dd; }
@keyframes showcase-progress-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .profile-media-spinner { animation-duration: 2s; } }