/* v515 compact Avatar Studio controls + floating toon hands */
body.avatar-page.gg-avatar-v515 #ggV514LeftPanel{display:none!important}
body.avatar-page.gg-avatar-v515 #ggV514MainGrid{grid-template-columns:minmax(420px,620px) minmax(420px,1fr);gap:14px}
body.avatar-page.gg-avatar-v515 #ggV514Center{grid-column:1;grid-row:1;position:relative;min-width:0}
body.avatar-page.gg-avatar-v515 #ggV514Right{grid-column:2;grid-row:1;min-width:0}

/* Put Avatar / Familiar directly on the studio view, but let it travel naturally with the page. */
body.avatar-page.gg-avatar-v515 #ggV515StudioWrap{position:relative;width:100%;isolation:isolate}
body.avatar-page.gg-avatar-v515 #ggV515StudioWrap>#ggAvatarSwitcherV339{
  position:absolute!important;z-index:35;top:12px;left:50%;transform:translateX(-50%);
  width:min(86%,430px);margin:0!important;padding:6px!important;
  background:linear-gradient(145deg,rgba(247,249,252,.97),rgba(203,210,220,.97) 58%,rgba(170,179,191,.97))!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  box-shadow:0 8px 24px rgba(28,34,44,.16)
}
body.avatar-page.gg-avatar-v515 #ggV515StudioWrap>#avatarStage{padding-top:64px;box-sizing:border-box}
body.avatar-page.gg-avatar-v515 #ggV515StudioWrap>#ggAvatarSwitcherV339 button{flex:1;min-width:0}

/* Replace the long duplicated category grid with six compact groups. */
body.avatar-page.gg-avatar-v515 #ggV514Right>h3,
body.avatar-page.gg-avatar-v515 #ggV514Right>.category-loop-wrap{display:none!important}
#ggV515CategoryShell{display:flex;flex-direction:column;gap:10px}
#ggV515PrimaryNav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:8px;background:linear-gradient(145deg,#f7f9fb,#d4dae2 58%,#b3bcc8);border:1px solid #919aa7;border-radius:15px}
.gg-v515-main-btn{min-height:74px;border:1px solid #3d3742;border-radius:13px;background:linear-gradient(145deg,#f4f4f4 0%,#d1d1d1 48%,#b7b7b7 100%);color:#181818;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-weight:850;font-size:12px;line-height:1.05;padding:8px 4px;transition:transform .14s ease,border-color .14s ease,background .14s ease;}
.gg-v515-main-btn svg{width:29px;height:29px;fill:currentColor;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.gg-v515-main-btn.active{background:linear-gradient(145deg,#f4f4f4 0%,#d1d1d1 48%,#b7b7b7 100%);border-color:#e2c36d;color:#181818;box-shadow:none;}
.gg-v515-main-btn:active{transform:scale(.97)}
#ggV515SubNav{display:flex;flex-wrap:wrap;gap:7px;padding:10px;background:linear-gradient(145deg,#f7f9fb,#d4dae2 58%,#b3bcc8);border:1px solid #919aa7;border-radius:14px}
#ggV515SubNav[hidden]{display:none!important}
.gg-v515-sub-btn{min-height:42px;padding:8px 13px;border-radius:11px;border:1px solid #3e3943;background:linear-gradient(145deg,#f4f4f4 0%,#d1d1d1 48%,#b7b7b7 100%);color:#181818;font-weight:800;font-size:13px;}
.gg-v515-sub-btn.active{background:#56515c;border-color:#e0bf67;box-shadow:inset 0 0 0 1px #817b87;color:#fff}

/* Hands selector is deliberately simple and animation-focused. */
#ggV515HandsPanel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%}
.gg-v515-hand-option{min-height:58px;border-radius:12px;border:1px solid #3d3843;background:linear-gradient(145deg,#f4f4f4 0%,#d1d1d1 48%,#b7b7b7 100%);color:#181818;font-weight:800;}
.gg-v515-hand-option.active{background:#57515e;border-color:#dfbf69;box-shadow:inset 0 0 0 1px #8b8490}

/* Favorites are shown as real selectable chips instead of another copy of the whole menu. */
#ggV515Favorites{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%}
.gg-v515-fav-chip{min-height:50px;border:1px solid #3d3843;border-radius:11px;background:linear-gradient(145deg,#f4f4f4 0%,#d1d1d1 48%,#b7b7b7 100%);color:#181818;text-align:left;padding:8px 10px;font-weight:750;font-size:12px;overflow:hidden;}
.gg-v515-fav-chip small{display:block;color:#b6afbb;font-size:10px;margin-top:2px}
.gg-v515-empty{color:#aaa3af;padding:8px 4px;font-size:13px}

/* Keep the selected category drawer directly below the six top controls. */
body.avatar-page.gg-avatar-v515 #optionDrawer{margin-top:0!important}
body.avatar-page.gg-avatar-v515 #ggAvatarSearchV144{margin-top:0!important}

/* Rounded cartoon floating hands: no arms. */
#avatarSvg #ggFloatingHandsV515{pointer-events:none;filter:drop-shadow(0 5px 4px rgba(0,0,0,.3))}
#avatarSvg #ggFloatingHandsV515 .hand-fill{fill:#f2c5a3;stroke:#5e3c32;stroke-width:4.5;stroke-linejoin:round}
#avatarSvg #ggFloatingHandsV515 .hand-hi{fill:none;stroke:#fff2de;stroke-width:5;stroke-linecap:round;opacity:.45}
#avatarSvg #ggFloatingHandsV515[data-tone="dark"] .hand-fill{fill:#8f5d45}
#avatarSvg #ggFloatingHandsV515[data-tone="fantasy"] .hand-fill{fill:#8ed7a7}
#avatarSvg #ggFloatingHandsV515[data-mode="none"]{display:none}
#avatarSvg #ggFloatingHandsV515 .gg-hand-left{transform-box:fill-box;transform-origin:center;animation:ggHandFloatLeftV515 2.8s ease-in-out infinite}
#avatarSvg #ggFloatingHandsV515 .gg-hand-right{transform-box:fill-box;transform-origin:center;animation:ggHandFloatRightV515 3.1s ease-in-out infinite}
#avatarSvg #ggFloatingHandsV515[data-mode="wave"] .gg-hand-right{animation:ggHandWaveV515 1.25s ease-in-out infinite}
#avatarSvg #ggFloatingHandsV515[data-mode="bounce"] .gg-hand-left,
#avatarSvg #ggFloatingHandsV515[data-mode="bounce"] .gg-hand-right{animation-duration:1.35s}
@keyframes ggHandFloatLeftV515{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-9px) rotate(4deg)}}
@keyframes ggHandFloatRightV515{0%,100%{transform:translateY(-4px) rotate(7deg)}50%{transform:translateY(6px) rotate(-3deg)}}
@keyframes ggHandWaveV515{0%,100%{transform:translateY(-3px) rotate(2deg)}30%{transform:translateY(-8px) rotate(20deg)}60%{transform:translateY(-4px) rotate(-14deg)}}

@media(max-width:1050px){
 body.avatar-page.gg-avatar-v515 #ggV514MainGrid{grid-template-columns:1fr}
 body.avatar-page.gg-avatar-v515 #ggV514Center{grid-column:1;grid-row:1}
 body.avatar-page.gg-avatar-v515 #ggV514Right{grid-column:1;grid-row:2}
}
@media(max-width:760px){
 body.avatar-page.gg-avatar-v515 #ggV514MainGrid{display:flex;flex-direction:column}
 body.avatar-page.gg-avatar-v515 #ggV514Center{order:1;width:100%}
 body.avatar-page.gg-avatar-v515 #ggV514Right{order:2;width:100%}
 body.avatar-page.gg-avatar-v515 #ggV515StudioWrap>#ggAvatarSwitcherV339{top:10px;width:calc(100% - 26px)}
 body.avatar-page.gg-avatar-v515 #ggV515StudioWrap>#avatarStage{padding-top:62px}
 #ggV515PrimaryNav{grid-template-columns:repeat(6,minmax(52px,1fr));gap:5px;padding:6px}
 .gg-v515-main-btn{min-height:64px;font-size:10px;padding:5px 2px}
 .gg-v515-main-btn svg{width:24px;height:24px}
 #ggV515SubNav{padding:8px;gap:6px}
 .gg-v515-sub-btn{min-height:40px;padding:7px 10px;font-size:12px}
 #ggV515HandsPanel{grid-template-columns:repeat(2,1fr)}
 #ggV515Favorites{grid-template-columns:1fr}
}