/* ======================================================================
   UPGRADE UI v24 · compact profiles patch
   ====================================================================== */

/* Centered profile viewer with a visible blurred page behind it. */
body.public-surface dialog.profile-spotlight[open]{
  position:fixed!important;
  inset:50% auto auto 50%!important;
  width:min(720px,calc(100vw - 32px))!important;
  max-width:720px!important;
  max-height:calc(100dvh - 32px)!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  overflow:visible!important;
  transform:translate(-50%,-50%)!important;
  z-index:3000!important;
}
body.public-surface dialog.profile-spotlight::backdrop{
  background:rgba(3,4,7,.66)!important;
  -webkit-backdrop-filter:blur(18px) saturate(.72)!important;
  backdrop-filter:blur(18px) saturate(.72)!important;
}
body.profile-spotlight-open .public-topbar-v4,
body.profile-spotlight-open main.profiles-hub,
body.profile-spotlight-open>.site-footer{
  filter:blur(9px) brightness(.62)!important;
  transform:scale(.994);
  pointer-events:none;
  transition:filter .18s ease,transform .18s ease;
}
.profile-spotlight-shell{max-height:calc(100dvh - 32px);overflow-y:auto!important;overscroll-behavior:contain}

/* Mouse wheel always moves the trophy collection horizontally. */
.social-trophy-track{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x proximity;
  scrollbar-width:thin!important;
  scrollbar-color:color-mix(in srgb,var(--profile-accent) 52%,#6f7680) rgba(255,255,255,.035)!important;
}
.social-trophy-track>.social-trophy-card{scroll-snap-align:start}
.social-trophy-track::-webkit-scrollbar{height:7px!important}
.social-trophy-track::-webkit-scrollbar-track{background:rgba(255,255,255,.035);border-radius:10px}
.social-trophy-track::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--profile-accent) 58%,#656d78);border-radius:10px}

/* Compact tabbed editor. Only the selected section occupies page height. */
.public-surface .identity-app-shell.profile-editor-v4{
  width:min(1480px,calc(100% - 28px))!important;
  grid-template-columns:214px minmax(0,1fr)!important;
  gap:16px!important;
  align-items:start!important;
}
.profile-editor-v4 .identity-content{min-width:0}
.profile-editor-v4 .profile-editor-head{min-height:0!important;margin-bottom:10px!important;align-items:center!important}
.profile-editor-v4 .profile-editor-head .identity-kicker{font-size:10px!important}
.profile-editor-v4 .profile-editor-head h1{margin:5px 0 4px!important;font-size:clamp(31px,3vw,45px)!important;line-height:1!important}
.profile-editor-v4 .profile-editor-head p{max-width:760px!important;font-size:12px!important;line-height:1.45!important}
.profile-editor-v4 .profile-editor-head>.btn{min-height:42px!important;padding:10px 14px!important;font-size:11px!important}

.profile-editor-tabs{
  margin:0 0 11px;
  padding:6px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:6px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:17px;
  background:rgba(12,14,19,.88);
}
.profile-editor-tabs button{
  min-width:0;
  min-height:57px;
  padding:8px 10px;
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  grid-template-rows:auto auto;
  align-items:center;
  column-gap:8px;
  border:1px solid transparent;
  border-radius:12px;
  background:transparent;
  color:#8c939e;
  cursor:pointer;
  text-align:left;
}
.profile-editor-tabs button>span{grid-row:1/3;width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.04);color:#ff995b;font:750 9px Unbounded,sans-serif}
.profile-editor-tabs button>b{min-width:0;overflow:hidden;color:#d7dae0;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.profile-editor-tabs button>small{min-width:0;overflow:hidden;color:#6f7783;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.profile-editor-tabs button:hover{background:rgba(255,255,255,.025)}
.profile-editor-tabs button.active{border-color:color-mix(in srgb,var(--identity-accent) 30%,rgba(255,255,255,.09));background:color-mix(in srgb,var(--identity-accent) 9%,rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--identity-accent) 7%,transparent)}
.profile-editor-tabs button.active>b{color:#fff}.profile-editor-tabs button.active>span{background:color-mix(in srgb,var(--identity-accent) 16%,rgba(255,255,255,.04))}

.profile-editor-v4 .profile-editor-grid{grid-template-columns:330px minmax(0,1fr)!important;gap:13px!important}
.profile-editor-v4 .profile-editor-preview-sticky{top:76px!important}
.profile-editor-v4 .profile-preview-caption{margin-bottom:7px!important;font-size:9px!important}
.profile-editor-v4 .profile-editor-preview{min-height:352px!important;padding:20px!important;border-radius:24px!important}
.profile-editor-v4 .profile-editor-preview-main{margin:49px 0 34px!important;grid-template-columns:88px minmax(0,1fr)!important;gap:17px!important}
.profile-editor-v4 .profile-editor-avatar{width:88px!important;height:88px!important;border-width:4px!important;border-radius:24px!important}
.profile-editor-v4 .profile-editor-preview-copy h2{font-size:clamp(22px,2vw,31px)!important}
.profile-editor-v4 .profile-editor-preview-copy>p{margin-top:9px!important;font-size:11px!important}
.profile-editor-v4 .profile-editor-preview-facts{padding-top:12px!important;gap:6px!important}
.profile-editor-v4 .profile-editor-preview-facts>span{padding:8px!important}.profile-editor-v4 .profile-editor-preview-facts small{font-size:8px!important}.profile-editor-v4 .profile-editor-preview-facts b{font-size:10px!important}
.profile-editor-v4 .profile-avatar-upload{min-height:57px;margin-top:8px!important;padding:11px!important;border-radius:13px!important}
.profile-editor-v4 .profile-avatar-upload span{font-size:11px!important}.profile-editor-v4 .profile-avatar-upload small{font-size:9px!important;text-align:right}
.profile-editor-v4 .profile-editor-save-main{min-height:46px!important;margin-top:8px!important;font-size:12px!important}.profile-editor-v4 .profile-editor-save-note{margin-top:5px!important;font-size:9px!important}

.profile-editor-v4 .profile-editor-panels{display:block!important}
.profile-editor-v4 [data-profile-panel][hidden]{display:none!important}
.profile-editor-v4 .profile-editor-panel{min-height:0!important;padding:21px!important;border-radius:22px!important;scroll-margin-top:80px}
.profile-editor-v4 .profile-editor-panel-title{margin-bottom:16px!important;grid-template-columns:40px minmax(0,1fr)!important;gap:12px!important}
.profile-editor-v4 .profile-editor-panel-title>span{width:40px!important;height:40px!important;border-radius:12px!important;font-size:9px!important}
.profile-editor-v4 .profile-editor-panel-title small{font-size:9px!important}.profile-editor-v4 .profile-editor-panel-title h2{margin:3px 0 4px!important;font-size:clamp(22px,2.1vw,30px)!important}.profile-editor-v4 .profile-editor-panel-title p{font-size:11px!important;line-height:1.45!important}
.profile-editor-v4 .profile-editor-fields{gap:9px!important}
.profile-editor-v4 .profile-editor-fields label>span{margin-bottom:5px!important;font-size:10px!important}
.profile-editor-v4 .profile-editor-fields input,.profile-editor-v4 .profile-editor-fields textarea,.profile-editor-v4 .profile-editor-fields select{min-height:43px!important;padding:10px 12px!important;border-radius:11px!important;font-size:12px!important}
.profile-editor-v4 .profile-editor-fields textarea{min-height:82px!important}

#main-data .profile-editor-fields.two-columns{grid-template-columns:repeat(3,minmax(0,1fr))!important}
#main-data .profile-editor-fields .wide{grid-column:1/-1!important}
#main-data .profile-editor-fields textarea{min-height:76px!important}

/* Sixteen presets fit in two compact rows on desktop. */
.profile-editor-v4 .profile-preset-grid{grid-template-columns:repeat(8,minmax(78px,1fr))!important;gap:6px!important;margin-bottom:12px!important}
.profile-editor-v4 .profile-preset-card{min-height:96px!important;padding:6px!important;grid-template-rows:45px auto!important;gap:5px!important;border-radius:12px!important}
.profile-editor-v4 .profile-preset-visual{border-radius:8px!important}.profile-editor-v4 .profile-preset-visual>b{left:6px!important;bottom:6px!important;width:23px!important;height:23px!important;border-width:2px!important;border-radius:7px!important}.profile-editor-v4 .profile-preset-visual>span{left:35px!important;right:6px!important;bottom:8px!important;height:4px!important;box-shadow:0 -8px rgba(255,255,255,.18)!important}.profile-editor-v4 .profile-preset-visual:after{right:6px!important;top:6px!important;width:10px!important;height:10px!important;border-radius:4px!important}
.profile-editor-v4 .profile-preset-card>span b{font-size:9px!important}.profile-editor-v4 .profile-preset-card>span small,.profile-editor-v4 .profile-preset-card>em{display:none!important}.profile-editor-v4 .profile-preset-card.active:after{right:5px!important;top:5px!important;width:17px!important;height:17px!important;border-radius:6px!important;font-size:9px!important}
.profile-editor-v4 .appearance-fields{grid-template-columns:132px minmax(0,1fr)!important;gap:8px!important;margin-bottom:10px!important}
.profile-editor-v4 .profile-background-studio.is-unified{margin-bottom:10px!important}
.profile-editor-v4 .profile-background-studio.is-unified>article{min-height:118px!important;padding:11px!important;grid-template-columns:210px minmax(0,1fr) minmax(205px,.85fr)!important;gap:11px!important;border-radius:15px!important}
.profile-editor-v4 .profile-background-studio.is-unified .profile-background-preview{grid-row:auto!important;min-height:96px!important;border-radius:12px!important}
.profile-editor-v4 .profile-background-studio.is-unified>article>div:not(.profile-background-preview) h3{font-size:13px!important}.profile-editor-v4 .profile-background-studio.is-unified>article>div:not(.profile-background-preview) p{font-size:10px!important;line-height:1.4!important}
.profile-editor-v4 .profile-media-file{min-height:58px!important;padding:9px 11px!important;border-radius:11px!important}.profile-editor-v4 .profile-media-file span{font-size:11px!important}.profile-editor-v4 .profile-media-file small{font-size:9px!important}.profile-editor-v4 .profile-media-remove{grid-column:2/4;padding:7px 9px!important}.profile-editor-v4 .profile-media-remove span{font-size:9px!important}
.profile-editor-v4 .profile-subsection-head{margin:10px 0 8px!important;padding-top:10px!important}.profile-editor-v4 .profile-subsection-head small{font-size:8px!important}.profile-editor-v4 .profile-subsection-head h3{margin-top:2px!important;font-size:15px!important}
.profile-editor-v4 .profile-frame-picker{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:6px!important}
.profile-editor-v4 .profile-frame-picker .frame-swatch{height:61px!important;padding:7px!important;border-radius:11px!important;display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;align-items:center!important;gap:7px!important}
.profile-editor-v4 .profile-frame-picker .frame-swatch i{width:27px!important;height:27px!important}.profile-editor-v4 .profile-frame-picker .frame-swatch b{min-width:0;overflow:hidden;font-size:8px!important;line-height:1.25!important;text-overflow:ellipsis}.profile-editor-v4 .profile-frame-picker .frame-swatch:after{right:6px!important;top:6px!important;width:6px!important;height:6px!important}

.profile-editor-v4 .profile-icon-presets{gap:8px!important;margin-bottom:10px!important}.profile-editor-v4 .profile-icon-presets>section{padding:11px!important;border-radius:14px!important}.profile-editor-v4 .profile-icon-presets header{margin-bottom:8px!important}.profile-editor-v4 .profile-icon-presets header h3{font-size:13px!important}.profile-editor-v4 .profile-icon-presets header small,.profile-editor-v4 .profile-icon-presets header>span{font-size:8px!important}.profile-editor-v4 .profile-icon-presets>section>div{gap:5px!important}.profile-editor-v4 .profile-icon-presets button{min-height:50px!important;padding:5px!important;border-radius:9px!important;gap:3px!important}.profile-editor-v4 .profile-icon-presets button i{font-size:17px!important}.profile-editor-v4 .profile-icon-presets button span{font-size:8px!important}
.profile-editor-v4 .profile-css-allowlist{margin:9px 0 7px!important;padding:8px!important}.profile-editor-v4 .profile-css-allowlist b,.profile-editor-v4 .profile-css-allowlist span{font-size:8px!important}.profile-editor-v4 .profile-editor-warning{margin:7px 0!important;padding:9px!important;font-size:9px!important}.profile-editor-v4 .profile-advanced-editor{margin-top:8px!important;border-radius:12px!important}.profile-editor-v4 .profile-advanced-editor summary{padding:11px!important}.profile-editor-v4 .profile-advanced-editor summary b{font-size:11px!important}.profile-editor-v4 .profile-advanced-editor summary small{font-size:8px!important}
.profile-editor-v4 .profile-privacy-grid{gap:7px!important}.profile-editor-v4 .profile-privacy-grid label{padding:12px!important;border-radius:12px!important}.profile-editor-v4 .profile-privacy-grid b{font-size:11px!important}.profile-editor-v4 .profile-privacy-grid small{font-size:9px!important}
.profile-editor-actionbar{position:sticky;z-index:5;bottom:8px;margin-top:9px;padding:8px 8px 8px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(11,13,18,.9);box-shadow:0 15px 45px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}
.profile-editor-actionbar>span b,.profile-editor-actionbar>span small{display:block}.profile-editor-actionbar>span b{font-size:10px}.profile-editor-actionbar>span small{margin-top:2px;color:#747c87;font-size:8px}.profile-editor-actionbar .profile-editor-save-bottom{width:auto!important;min-width:180px!important;min-height:42px!important;margin:0!important;font-size:11px!important}

/* Additional outer frame choices. */
.profile-compact-card.frame-orbit,.profile-spotlight-shell.frame-orbit,.profile-stage.frame-orbit,.profile-editor-preview.frame-orbit{border-color:#65d9ff!important;border-radius:29px!important;animation:frame-v24-orbit 3.4s linear infinite!important}
.profile-compact-card.frame-diamond,.profile-spotlight-shell.frame-diamond,.profile-stage.frame-diamond,.profile-editor-preview.frame-diamond{border-color:rgba(190,128,255,.62)!important;border-radius:18px!important;box-shadow:0 0 0 3px rgba(174,101,255,.09),0 26px 76px rgba(0,0,0,.35)!important}
.profile-compact-card.frame-scanline,.profile-spotlight-shell.frame-scanline,.profile-stage.frame-scanline,.profile-editor-preview.frame-scanline{border-color:rgba(80,235,157,.56)!important;border-radius:10px!important;box-shadow:inset 0 0 24px rgba(62,230,148,.055),0 26px 76px rgba(0,0,0,.35)!important}
.profile-compact-card.frame-portal,.profile-spotlight-shell.frame-portal,.profile-stage.frame-portal,.profile-editor-preview.frame-portal{border-color:rgba(255,91,196,.58)!important;border-radius:34px!important;animation:frame-v24-portal 2.4s ease-in-out infinite!important}

/* Every profile shape also changes the avatar shape and border. */
.frame-neon :is(.profile-compact-avatar,.profile-spotlight-avatar,.profile-stage-avatar,.profile-editor-avatar){border-radius:24px!important;border-color:#0d1015!important;box-shadow:0 0 0 2px var(--profile-accent,var(--profile-preview-accent,#55c8ff)),0 14px 38px rgba(0,0,0,.34)!important}
.frame-soft :is(.profile-compact-avatar,.profile-spotlight-avatar,.profile-stage-avatar,.profile-editor-avatar){border-radius:50%!important;border-color:#0d1015!important;box-shadow:0 0 0 2px rgba(190,203,222,.55),0 14px 38px rgba(0,0,0,.34)!important}
.frame-sharp :is(.profile-compact-avatar,.profile-spotlight-avatar,.profile-stage-avatar,.profile-editor-avatar){border-radius:2px!important;border-color:#dfe4eb!important;box-shadow:5px 5px 0 rgba(255,255,255,.1),0 14px 38px rgba(0,0,0,.34)!important}
.frame-elite :is(.profile-compact-avatar,.profile-spotlight-avatar,.profile-stage-avatar,.profile-editor-avatar){border-radius:15px!important;clip-path:polygon(14% 0,86% 0,100% 14%,100% 86%,86% 100%,14% 100%,0 86%,0 14%);border-color:#8fbaff!important;box-shadow:0 0 0 3px rgba(111,160,242,.13),0 14px 38px rgba(0,0,0,.34)!important}
.frame-hologram :is(.profile-compact-avatar,.profile-spotlight-avatar,.profile-stage-avatar,.profile-editor-avatar){border-radius:25px!important;border-color:#76e7ff!important;animation:avatar-v24-hologram 2.5s linear infinite!important}
.frame-pulse :is(.profile-compact-avatar,.profile-spotlight-avatar,.profile-stage-avatar,.profile-editor-avatar){border-radius:50%!important;border-color:#62e2b7!important;animation:avatar-v24-pulse 2s ease-in-out infinite!important}
.frame-carbon :is(.profile-compact-avatar,.profile-spotlight-avatar,.profile-stage-avatar,.profile-editor-avatar){border-radius:0!important;clip-path:polygon(25% 0,75% 0,100% 22%,100% 78%,75% 100%,25% 100%,0 78%,0 22%);border-color:#69717d!important;box-shadow:0 14px 38px rgba(0,0,0,.38)!important}
.frame-royal :is(.profile-compact-avatar,.profile-spotlight-avatar,.profile-stage-avatar,.profile-editor-avatar){border-radius:48% 48% 30% 30%!important;border-color:#e0b64f!important;box-shadow:0 0 0 3px rgba(224,182,79,.11),0 14px 38px rgba(0,0,0,.38)!important}
.frame-orbit :is(.profile-compact-avatar,.profile-spotlight-avatar,.profile-stage-avatar,.profile-editor-avatar){border-radius:50%!important;border-color:#64d9ff!important;animation:avatar-v24-orbit 2.2s linear infinite!important}
.frame-diamond :is(.profile-compact-avatar,.profile-spotlight-avatar,.profile-stage-avatar,.profile-editor-avatar){border-radius:0!important;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);border-color:#c789ff!important;box-shadow:0 14px 38px rgba(0,0,0,.38)!important}
.frame-scanline :is(.profile-compact-avatar,.profile-spotlight-avatar,.profile-stage-avatar,.profile-editor-avatar){position:relative;border-radius:5px!important;border-color:#55e7a0!important;overflow:hidden!important}
.frame-scanline :is(.profile-compact-avatar,.profile-spotlight-avatar,.profile-stage-avatar,.profile-editor-avatar):after{content:"";position:absolute;z-index:5;left:0;right:0;top:-18%;height:18%;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(99,255,182,.7),transparent);animation:avatar-v24-scan 2.1s linear infinite}
.frame-portal :is(.profile-compact-avatar,.profile-spotlight-avatar,.profile-stage-avatar,.profile-editor-avatar){border-radius:50%!important;border-color:#ff6fcf!important;animation:avatar-v24-portal 2.3s ease-in-out infinite!important}
:is(.profile-compact-avatar,.profile-spotlight-avatar,.profile-stage-avatar,.profile-editor-avatar)>.avatar-media{border-radius:inherit!important}

.profile-frame-picker .frame-orbit i{border-radius:50%!important;border-color:#64d9ff!important;box-shadow:0 0 0 4px rgba(100,217,255,.1)!important}
.profile-frame-picker .frame-diamond i{border-radius:0!important;transform:rotate(45deg) scale(.75);border-color:#c789ff!important}
.profile-frame-picker .frame-scanline i{border-radius:2px!important;border-color:#55e7a0!important;background:linear-gradient(180deg,#111 42%,#55e7a0 48%,#111 55%)!important}
.profile-frame-picker .frame-portal i{border-radius:50%!important;border-color:#ff6fcf!important;box-shadow:0 0 11px rgba(255,86,201,.5)!important}

@keyframes frame-v24-orbit{0%{box-shadow:0 0 0 0 rgba(93,215,255,.04),0 25px 72px rgba(0,0,0,.32)}50%{box-shadow:0 0 0 5px rgba(93,215,255,.08),0 25px 72px rgba(0,0,0,.32)}100%{box-shadow:0 0 0 0 rgba(93,215,255,.04),0 25px 72px rgba(0,0,0,.32)}}
@keyframes frame-v24-portal{0%,100%{box-shadow:-7px 0 25px rgba(255,73,193,.1),7px 0 25px rgba(105,105,255,.1),0 25px 72px rgba(0,0,0,.32)}50%{box-shadow:-10px 0 34px rgba(255,73,193,.19),10px 0 34px rgba(105,105,255,.18),0 25px 72px rgba(0,0,0,.32)}}
@keyframes avatar-v24-hologram{0%{box-shadow:-4px 0 0 #66e4ff,4px 0 0 #b46cff,0 15px 38px rgba(0,0,0,.36)}50%{box-shadow:-4px 0 0 #b46cff,4px 0 0 #63efb7,0 15px 38px rgba(0,0,0,.36)}100%{box-shadow:-4px 0 0 #66e4ff,4px 0 0 #b46cff,0 15px 38px rgba(0,0,0,.36)}}
@keyframes avatar-v24-pulse{0%,100%{box-shadow:0 0 0 2px rgba(98,226,183,.14),0 15px 38px rgba(0,0,0,.36)}50%{box-shadow:0 0 0 8px rgba(98,226,183,.09),0 15px 38px rgba(0,0,0,.36)}}
@keyframes avatar-v24-orbit{0%{box-shadow:7px 0 0 -3px #64d9ff,-7px 0 0 -3px #8d79ff,0 15px 38px rgba(0,0,0,.36)}50%{box-shadow:0 7px 0 -3px #64d9ff,0 -7px 0 -3px #8d79ff,0 15px 38px rgba(0,0,0,.36)}100%{box-shadow:7px 0 0 -3px #64d9ff,-7px 0 0 -3px #8d79ff,0 15px 38px rgba(0,0,0,.36)}}
@keyframes avatar-v24-scan{from{transform:translateY(0)}to{transform:translateY(650%)}}
@keyframes avatar-v24-portal{0%,100%{box-shadow:0 0 0 2px rgba(255,102,206,.18),0 0 24px rgba(109,104,255,.16),0 15px 38px rgba(0,0,0,.36)}50%{box-shadow:0 0 0 7px rgba(109,104,255,.1),0 0 33px rgba(255,102,206,.24),0 15px 38px rgba(0,0,0,.36)}}

@media(prefers-reduced-motion:reduce){
  .frame-orbit,.frame-portal,.frame-hologram,.frame-pulse,
  .frame-orbit :is(.profile-compact-avatar,.profile-spotlight-avatar,.profile-stage-avatar,.profile-editor-avatar),
  .frame-portal :is(.profile-compact-avatar,.profile-spotlight-avatar,.profile-stage-avatar,.profile-editor-avatar),
  .frame-hologram :is(.profile-compact-avatar,.profile-spotlight-avatar,.profile-stage-avatar,.profile-editor-avatar),
  .frame-pulse :is(.profile-compact-avatar,.profile-spotlight-avatar,.profile-stage-avatar,.profile-editor-avatar),
  .frame-scanline :is(.profile-compact-avatar,.profile-spotlight-avatar,.profile-stage-avatar,.profile-editor-avatar):after{animation:none!important}
}

@media(max-width:1180px){
  .profile-editor-v4 .profile-preset-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .profile-editor-v4 .profile-frame-picker{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .profile-editor-v4 .profile-background-studio.is-unified>article{grid-template-columns:180px minmax(0,1fr)!important}.profile-editor-v4 .profile-media-file{grid-column:2}.profile-editor-v4 .profile-media-remove{grid-column:1/-1}
}
@media(max-width:1050px){
  .public-surface .identity-app-shell.profile-editor-v4{grid-template-columns:1fr!important}
  .profile-editor-v4 .profile-editor-grid{grid-template-columns:1fr!important}.profile-editor-v4 .profile-editor-preview-sticky{position:static!important;display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:8px}.profile-editor-v4 .profile-preview-caption{grid-column:1/-1}.profile-editor-v4 .profile-editor-preview{grid-row:2/6;min-height:280px!important}.profile-editor-v4 .profile-avatar-upload,.profile-editor-v4 .profile-editor-save-main,.profile-editor-v4 .profile-editor-save-note{margin:0!important;align-self:start}
}
@media(max-width:720px){
  body.public-surface dialog.profile-spotlight[open]{width:calc(100vw - 18px)!important;max-height:calc(100dvh - 18px)!important}
  .profile-editor-tabs{grid-template-columns:repeat(4,minmax(130px,1fr));overflow-x:auto}.profile-editor-tabs button{min-height:52px}
  .profile-editor-v4 .profile-editor-preview-sticky{display:block}.profile-editor-v4 .profile-editor-preview{min-height:300px!important}.profile-editor-v4 .profile-avatar-upload,.profile-editor-v4 .profile-editor-save-main,.profile-editor-v4 .profile-editor-save-note{margin-top:7px!important}
  #main-data .profile-editor-fields.two-columns{grid-template-columns:1fr!important}
  .profile-editor-v4 .profile-preset-grid{grid-template-columns:repeat(4,minmax(84px,1fr))!important;overflow-x:auto}
  .profile-editor-v4 .profile-background-studio.is-unified>article{grid-template-columns:1fr!important}.profile-editor-v4 .profile-media-file,.profile-editor-v4 .profile-media-remove{grid-column:auto}
  .profile-editor-v4 .profile-frame-picker{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .profile-editor-actionbar{align-items:stretch;flex-direction:column}.profile-editor-actionbar .profile-editor-save-bottom{width:100%!important}
}
@media(max-width:460px){
  .profile-editor-v4 .profile-frame-picker{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .profile-editor-v4 .profile-icon-presets{grid-template-columns:1fr!important}
}