/* Charatoon editor — consolidated legacy editor + Wedding/LineFace layout.
 * Source: Ver.5, CSS cascade order preserved. */
/* Charatoon Renewal — Wedding editor shell. Keep original assets and Ajax lists. */
:root{--ac-accent:#e84d87;--ac-edge:#e6e8ed;--ac-surface:#fafafd}
body{overflow-x:hidden}
body #contents{max-width:1280px!important;width:100%!important;margin:0 auto!important;padding:18px!important;display:block!important;box-sizing:border-box;min-height:0!important}
body #contents>#leftArea,body #contents>#leftArea2{display:grid!important;grid-template-columns:minmax(300px,42%) minmax(0,1fr);gap:28px;align-items:start;width:100%!important;float:none!important;box-sizing:border-box;margin:0!important;padding:0!important}
body #contents>#leftArea>#mixArea,body #contents>#leftArea2>#mixArea{grid-column:1;grid-row:1}
body #contents>#leftArea>#selectArea,body #contents>#leftArea2>#selectArea2{grid-column:2;grid-row:1}
body #mixArea{display:flex!important;flex-direction:column;align-items:center;float:none!important;position:sticky!important;top:16px!important;left:auto!important;box-sizing:border-box;width:100%!important;height:auto!important;min-height:560px!important;padding:16px 12px 76px!important;margin:0!important;border:1px solid var(--ac-edge);border-radius:16px;background:var(--ac-surface);box-shadow:0 5px 28px rgba(25,25,45,.035);overflow:hidden!important;isolation:isolate;z-index:10}
body .ac-editor-topbar{width:100%;display:flex;align-items:center;justify-content:space-between;gap:9px;margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid var(--ac-edge)}
body .ac-editor-topbar a{text-decoration:none;color:#333;font-size:12px;font-weight:600;white-space:nowrap}body .ac-brand{font-size:17px;letter-spacing:.05em}body .ac-top-save{color:var(--ac-accent)!important}
body #sexMenuBlock{display:none!important}
body #mixBlock,body #mixBlock_zoom{position:relative!important;left:auto!important;top:auto!important;float:none!important;width:240px!important;height:320px!important;min-height:320px!important;margin:0 auto!important;padding:0!important;transform:none!important;flex:none!important;background:#f0f1f4!important;overflow:hidden!important;border-radius:12px;box-shadow:0 1px 13px #0001}
body #charatoon-canvas-preview{display:block!important;position:absolute!important;inset:0;width:240px!important;height:320px!important;pointer-events:none;z-index:100;object-fit:contain}
body .ac-canvas-active>img{visibility:hidden!important}
body #mixBlock2{display:none!important}
body .ac-person-tabs{display:flex;justify-content:center;gap:8px;margin:12px auto 0;order:2}
body .ac-person-tabs button{border:1px solid var(--ac-edge);background:white;border-radius:20px;color:#333;padding:8px 24px;font-weight:700;font-size:13px;cursor:pointer}
body .ac-person-tabs button[aria-pressed="true"]{background:var(--ac-accent);border-color:var(--ac-accent);color:white}
body .ac-preview-actions{display:flex;position:absolute;bottom:15px;left:18px;right:18px;justify-content:center}
body .ac-save-action{display:flex;align-items:center;justify-content:center;border-radius:10px;width:min(290px,100%);min-height:42px;background:var(--ac-accent);color:white!important;font-size:14px;font-weight:700;text-decoration:none!important}
body .ac-preview-status{font-size:11px;color:#b42d51;min-height:13px;margin:6px 0 0}
body #selectArea,body #selectArea2{width:100%!important;min-width:0!important;max-width:100%!important;max-height:calc(100vh - 35px);overflow-x:hidden!important;overflow-y:auto!important;box-sizing:border-box;float:none!important;margin:0!important;padding:5px 8px 60px!important;scrollbar-gutter:stable}
body .ac-panel-heading h1{margin:0 0 5px;font-size:21px;line-height:1.2}body .ac-panel-heading p{margin:0 0 16px;font-size:12px;color:#70747d}
body #menuSelectBlock{width:100%!important;float:none!important;clear:both!important;margin:0 0 16px!important}
body #menuSelectBlock ul.mainMenu{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;width:100%!important;margin:0 0 12px!important;padding:0!important;background:transparent!important;float:none!important}
body #menuSelectBlock ul.mainMenu>li{width:100%!important;float:none!important;min-width:0!important;list-style:none;border:1px solid var(--ac-edge);background:#f7f8fa;border-radius:9px;overflow:hidden;box-sizing:border-box;margin:0!important}
body #menuSelectBlock ul.mainMenu>li.btn_on{background:#ffeef4;border-color:#f7a6c3}
body #menuSelectBlock ul.mainMenu>li>a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:64px;padding:7px 2px;text-decoration:none;box-sizing:border-box}
body #menuSelectBlock ul.mainMenu img{max-width:30px!important;width:30px!important;height:28px!important;object-fit:contain}
body #menuSelectBlock ul.mainMenu .txt{display:block!important;font-size:12px!important;color:#303640!important;white-space:nowrap}
body #menuSelectBlock ul.mainMenu li.right{display:none!important}
body #menuSelectBlock ul.subMenu{display:flex!important;flex-wrap:wrap;gap:7px;width:100%!important;margin:0 0 12px!important;padding:0 0 13px!important;background:none!important;border-bottom:1px solid var(--ac-edge)!important;box-sizing:border-box}
body #menuSelectBlock ul.subMenu>li{list-style:none!important;float:none!important;width:auto!important;min-width:56px!important;margin:0!important;padding:5px 7px!important;border:1px solid var(--ac-edge);border-radius:8px;box-sizing:border-box;background:#fff;text-align:center}
body #menuSelectBlock ul.subMenu>li.now{background:#ffeef4;border-color:#f7a6c3}
body #menuSelectBlock ul.subMenu img{max-height:20px;width:auto!important;object-fit:contain}
body #menuSelectBlock ul.subMenu .txt{display:block!important;font-size:12px!important}
body #partsReloadArea,body #fashionReloadArea,body #itemReloadArea{float:none!important;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box}
body ul.partsBox{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;width:100%!important;float:none!important;clear:both!important;margin:8px 0 15px!important;padding:0!important}
body ul.partsBox>li{display:flex;align-items:center;justify-content:center;float:none!important;width:100%!important;min-width:0;box-sizing:border-box;list-style:none!important;margin:0!important;padding:4px!important;background:#f6f7f9;border:1px solid transparent;border-radius:9px;overflow:hidden}
body ul.partsBox>li img{max-width:100%!important;max-height:110px!important;height:auto!important;width:auto!important;object-fit:contain;cursor:pointer}
body ul.partsBox>li.ac-part-selected{border-color:var(--ac-accent);box-shadow:inset 0 0 0 1px var(--ac-accent);background:#fff0f5}
body ul.partsBox>li img:focus-visible,body .ac-person-tabs button:focus-visible{outline:3px solid #333;outline-offset:2px}
body #selectArea>div.center_block,body #selectArea2>div.center_block,body #likeBlock,body #rightArea,body .pop_mix_preview,body .mix_close{display:none!important}
body #system_description{max-width:1240px;margin:9px auto;font-size:12px;color:#777}
/* Wedding-style mobile editor: viewport locked; fixed preview and dock, panel scrolls. */
@media (max-width:780px){
 :root{--ac-m-preview:43dvh;--ac-m-dock:70px;--ac-m-accent:#e84d87}
 html,body{width:100%!important;height:100%!important;height:100dvh!important;overflow:hidden!important;overscroll-behavior:none}
 body.ac-renewal{margin:0!important;background:#fff!important}
 body.ac-renewal #container{position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;max-height:100dvh!important;overflow:hidden!important;margin:0!important;padding:0!important;background:#fff!important}
 body.ac-renewal #headerArea,body.ac-renewal #footerArea,body.ac-renewal #rightArea,body.ac-renewal #system_description,body.ac-renewal #likeBlock,body.ac-renewal #start_sexBlock,body.ac-renewal #mixArea2{display:none!important}
 body.ac-renewal #contents{position:absolute!important;inset:0 0 var(--ac-m-dock) 0!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;overflow:hidden!important;padding:0!important;margin:0!important;box-sizing:border-box!important}
 body.ac-renewal #contents>#leftArea,body.ac-renewal #contents>#leftArea2{width:100%!important;height:100%!important;display:flex!important;flex-direction:column!important;gap:0!important;overflow:hidden!important;position:relative!important;margin:0!important;padding:0!important}
 body.ac-renewal #mixArea{position:relative!important;top:auto!important;left:auto!important;order:0!important;display:flex!important;visibility:visible!important;flex:0 0 var(--ac-m-preview)!important;width:100%!important;height:var(--ac-m-preview)!important;min-height:260px!important;max-height:none!important;overflow:hidden!important;padding:50px 8px 4px!important;margin:0!important;box-sizing:border-box!important;border:0!important;border-radius:0!important;background:#17191e!important;box-shadow:none!important;z-index:2!important;align-items:center!important;justify-content:flex-start!important}
 body.ac-renewal .ac-editor-topbar{position:absolute!important;top:0;left:0;right:0;height:46px;box-sizing:border-box;display:flex!important;align-items:center;justify-content:space-between;padding:0 12px!important;margin:0!important;border:0!important;z-index:4}
 body.ac-renewal .ac-editor-topbar a{color:#fff!important;font-size:13px!important;line-height:1.2;min-width:64px}
 body.ac-renewal .ac-editor-topbar .ac-brand{font-size:15px!important;color:#fff;letter-spacing:.08em}
 body.ac-renewal .ac-editor-topbar .ac-top-save{text-align:right!important;color:#fff!important}
 body.ac-renewal #mixBlock,body.ac-renewal #mixBlock_zoom{width:240px!important;height:320px!important;min-height:320px!important;position:relative!important;flex:0 0 320px!important;transform:scale(var(--ac-scale,.67))!important;transform-origin:top center!important;margin:0 auto calc((var(--ac-scale,.67) - 1)*320px)!important;border-radius:7px!important;overflow:hidden!important;box-shadow:0 2px 18px #0004!important;background:#f2f2f4!important}
 body.ac-renewal #charatoon-canvas-preview{display:block!important;width:240px!important;height:320px!important}
 body.ac-renewal .ac-person-tabs{display:flex!important;order:2!important;flex:none!important;margin:7px auto 0!important;gap:10px;justify-content:center!important}
 body.ac-renewal .ac-person-tabs button{color:#ededed!important;background:#31343b!important;border:1px solid #50535a!important;border-radius:99px!important;font-size:12px!important;padding:5px 21px!important;min-height:30px!important}
 body.ac-renewal .ac-person-tabs button[aria-pressed=true]{color:#fff!important;background:var(--ac-m-accent)!important;border-color:var(--ac-m-accent)!important}
 body.ac-renewal .ac-preview-actions,body.ac-renewal .ac-preview-status{display:none!important}
 body.ac-renewal #selectArea,body.ac-renewal #selectArea2{position:relative!important;order:1!important;flex:1 1 0!important;min-height:0!important;max-height:none!important;width:100%!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-gutter:auto!important;padding:12px 12px max(22px,env(safe-area-inset-bottom))!important;margin:0!important;box-sizing:border-box!important;background:#fff!important}
 body.ac-renewal .ac-panel-heading{display:none!important}
 body.ac-renewal #menuSelectBlock{margin:0!important;padding:0!important;width:100%!important}
 body.ac-renewal #menuSelectBlock ul.mainMenu{display:none!important}
 body.ac-renewal #menuSelectBlock ul.subMenu{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;gap:7px!important;margin:0 0 12px!important;padding:0 0 10px!important;border-bottom:1px solid #ececf0!important;scrollbar-width:none}
 body.ac-renewal #menuSelectBlock ul.subMenu::-webkit-scrollbar{display:none}
 body.ac-renewal #menuSelectBlock ul.subMenu>li{min-width:64px!important;padding:7px 9px!important;border-radius:9px!important}
 body.ac-renewal #menuSelectBlock ul.subMenu>li.now{border-color:#ee95b5!important;background:#ffebf2!important}
 body.ac-renewal #menuSelectBlock ul.subMenu .txt{font-size:11px!important;white-space:nowrap}
 body.ac-renewal #partsReloadArea,body.ac-renewal #fashionReloadArea,body.ac-renewal #itemReloadArea{width:100%!important;padding:0!important;margin:0!important}
 body.ac-renewal ul.partsBox{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin:4px 0 18px!important;padding:0!important;float:none!important;width:100%!important}
 body.ac-renewal ul.partsBox>li{width:100%!important;min-width:0!important;min-height:68px!important;aspect-ratio:1/1!important;box-sizing:border-box!important;float:none!important;padding:5px!important;border-radius:9px!important}
 body.ac-renewal ul.partsBox>li img{max-height:100%!important;max-width:100%!important;width:auto!important;height:auto!important;object-fit:contain!important}
 body.ac-renewal .ac-outfit-removers{display:flex!important;flex-wrap:wrap;gap:7px;list-style:none!important;margin:0 0 12px!important;padding:0!important}
 body.ac-renewal .ac-outfit-removers li{display:inline-flex;min-height:34px;align-items:center;padding:4px;border:1px solid #e8e8ed;border-radius:8px;background:#fafafa}
 body.ac-renewal .ac-outfit-removers img{max-height:28px!important;width:auto!important;cursor:pointer}
 body.ac-renewal .ac-bottom-dock{position:fixed!important;left:0!important;right:0!important;bottom:0!important;height:var(--ac-m-dock)!important;padding:4px 6px max(4px,env(safe-area-inset-bottom))!important;box-sizing:border-box!important;background:#fff!important;border-top:1px solid #e9e9ee!important;z-index:1000!important;box-shadow:0 -3px 16px #0000000a!important}
 body.ac-renewal .ac-bottom-dock ul.mainMenu{height:100%;width:100%!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;list-style:none!important;margin:0!important;padding:0!important;float:none!important;background:transparent!important}
 body.ac-renewal .ac-bottom-dock ul.mainMenu>li{display:block!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;float:none!important;list-style:none!important;background:none!important;border:0!important}
 body.ac-renewal .ac-bottom-dock ul.mainMenu>li>a{height:100%;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:3px!important;padding:4px 1px!important;box-sizing:border-box!important;border-radius:9px!important;text-decoration:none!important;color:#41414a!important}
 body.ac-renewal .ac-bottom-dock ul.mainMenu>li.btn_on>a{background:#fff0f5!important;color:#bd315e!important}
 body.ac-renewal .ac-bottom-dock ul.mainMenu img{width:25px!important;height:25px!important;max-width:25px!important;object-fit:contain!important}
 body.ac-renewal .ac-bottom-dock ul.mainMenu .txt{display:block!important;color:inherit!important;font-size:10px!important;line-height:1.2!important;white-space:nowrap!important}
 body.ac-renewal .ac-bottom-dock ul.mainMenu>li.right{display:none!important}
}
@media (max-width:780px) and (max-height:630px){:root{--ac-m-preview:47dvh}body.ac-renewal #mixArea{min-height:225px!important}body.ac-renewal .ac-person-tabs{margin-top:3px!important}}

/* PC: full-viewport pink top header, outside the Canvas/columns. */
@media (min-width:781px){
 body.ac-renewal #headerArea{display:none!important}
 body.ac-renewal #contents{padding-top:82px!important}
 body.ac-renewal #mixArea{top:80px!important}
 body.ac-renewal .ac-editor-topbar{
  position:fixed!important;top:0!important;left:0!important;right:0!important;
  z-index:2000!important;display:grid!important;
  grid-template-columns:minmax(110px,1fr) auto minmax(110px,1fr)!important;
  align-items:center!important;gap:12px!important;width:100vw!important;max-width:100%!important;
  height:64px!important;min-height:64px!important;margin:0!important;
  padding:0 clamp(16px,3vw,46px)!important;border:0!important;
  border-radius:0!important;box-sizing:border-box!important;
  background:#e84d87!important;box-shadow:0 2px 10px rgba(80,0,30,.10)!important;
 }
 body.ac-renewal .ac-editor-topbar .ac-go-home{grid-column:1;text-align:left!important;color:#fff!important;font-size:12px!important;font-weight:600!important;letter-spacing:.01em!important}
 body.ac-renewal .ac-editor-topbar .ac-brand{grid-column:2;text-decoration:none!important;color:#fff!important;font-size:19px!important;font-weight:800!important;letter-spacing:.07em!important;text-align:center!important;white-space:nowrap!important}
 body.ac-renewal .ac-editor-topbar .ac-top-save{grid-column:3;text-align:right!important;color:#fff!important;font-size:13px!important;font-weight:700!important}
 body.ac-renewal .ac-editor-topbar .ac-header-mobile{display:none!important}
 body.ac-renewal .ac-editor-topbar .ac-header-desktop{display:inline!important}
}
@media (max-width:780px){
 body.ac-renewal .ac-editor-topbar .ac-header-desktop{display:none!important}
 body.ac-renewal .ac-editor-topbar .ac-header-mobile{display:inline!important}
 body.ac-renewal .ac-editor-topbar .ac-brand{color:#fff!important;text-decoration:none!important}
}

body.ac-renewal #mixBlock_zoom.ac-canvas-active > img,body.ac-renewal #mixBlock.ac-canvas-active > img{visibility:hidden!important;}

/* Charatoon green identity */
:root{--ac-accent:#6a8;--ac-m-accent:#6a8;}
body #menuSelectBlock ul.mainMenu>li.btn_on,body #menuSelectBlock ul.subMenu>li.now,body ul.partsBox>li.ac-part-selected{background:#eef8f2!important;border-color:#6a8!important;}
body.ac-renewal #menuSelectBlock ul.subMenu>li.now{background:#eef8f2!important;border-color:#6a8!important;}

/* === Final UI and responsive overrides === */
/* Charatoon Wedding-equivalent layout — override only, keep native charatore assets/parts. */
:root{--ac-w-pink:#e84d87;--ac-w-rose:#f3b2cb;--ac-w-dark:#111216;--ac-w-stage:#17181d;--ac-w-panel:#25262c;--ac-w-button:#33343c;--ac-w-line:#464850;}
.ac-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
@media(min-width:781px){
 html,body{margin:0!important;width:100%!important;height:100%!important;overflow:hidden!important;background:var(--ac-w-dark)!important;color:#f3f4f6!important}
 body.ac-wedding-layout #container{width:100%!important;max-width:none!important;height:100vh!important;min-height:0!important;margin:0!important;padding:0!important;background:var(--ac-w-dark)!important}
 body.ac-wedding-layout #contents,body.ac-wedding-layout #contents>#leftArea,body.ac-wedding-layout #contents>#leftArea2{display:block!important;width:100%!important;max-width:none!important;min-height:0!important;height:auto!important;padding:0!important;margin:0!important;float:none!important;border:0!important;background:transparent!important}
 body.ac-wedding-layout .ac-editor-topbar{display:grid!important;position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;height:64px!important;min-height:64px!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;align-items:center!important;padding:8px 28px!important;gap:12px!important;margin:0!important;border:0!important;border-bottom:1px solid #e56a98!important;border-radius:0!important;z-index:3000!important;background:var(--ac-w-pink)!important}
 body.ac-wedding-layout .ac-editor-topbar .ac-brand{grid-column:2!important;justify-self:center!important;color:#fff!important;font-size:23px!important;font-weight:800!important;letter-spacing:.035em!important}
 body.ac-wedding-layout .ac-editor-topbar .ac-go-home{grid-column:1!important;justify-self:start!important;color:#fff!important;font-size:13px!important}
 body.ac-wedding-layout .ac-editor-topbar .ac-top-save{grid-column:3!important;justify-self:end!important;background:#fff!important;color:#9d2552!important;min-width:118px!important;min-height:40px!important;border-radius:99px!important;padding:10px 22px!important;text-align:center!important;box-sizing:border-box!important;font-weight:700!important}
 body.ac-wedding-layout #mixArea{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;position:fixed!important;inset:64px auto 0 0!important;top:64px!important;left:0!important;bottom:0!important;right:auto!important;width:48%!important;max-width:none!important;height:auto!important;min-height:0!important;overflow:hidden!important;margin:0!important;padding:18px 18px 64px!important;border:0!important;border-right:1px solid #383940!important;border-radius:0!important;background:var(--ac-w-stage)!important;box-shadow:none!important;z-index:30!important}
 body.ac-wedding-layout #mixBlock,body.ac-wedding-layout #mixBlock_zoom{position:relative!important;top:auto!important;left:auto!important;width:240px!important;height:320px!important;min-height:320px!important;max-height:320px!important;flex:0 0 320px!important;padding:0!important;margin:0 auto!important;border-radius:10px!important;background:#f1f2f5!important;transform:scale(var(--ac-w-preview-scale,1.15))!important;transform-origin:center center!important;overflow:hidden!important;box-shadow:0 12px 36px #0004!important}
 body.ac-wedding-layout #charatoon-canvas-preview{width:240px!important;height:320px!important;}
 body.ac-wedding-layout .ac-person-tabs{position:relative!important;order:2!important;display:flex!important;justify-content:center!important;gap:12px!important;margin:calc(24px + (var(--ac-w-preview-scale,1.15) - 1)*200px) auto 0!important;padding:0!important;flex:none!important}
 body.ac-wedding-layout .ac-person-tabs button{background:#303139!important;color:#fff!important;border:1px solid #69515e!important;padding:10px 25px!important;border-radius:99px!important;font-size:13px!important;font-weight:700!important}
 body.ac-wedding-layout .ac-person-tabs button[aria-pressed=true]{background:#a63e69!important;border-color:#ef9ebe!important;color:#fff!important}
 body.ac-wedding-layout .ac-preview-actions,body.ac-wedding-layout .ac-preview-status{display:none!important}
 body.ac-wedding-layout #selectArea,body.ac-wedding-layout #selectArea2{display:flex!important;flex-direction:column!important;position:fixed!important;inset:64px 0 0 48%!important;top:64px!important;left:48%!important;right:0!important;bottom:0!important;width:52%!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;padding:0 26px 42px!important;margin:0!important;float:none!important;overflow-x:hidden!important;overflow-y:auto!important;scrollbar-gutter:stable!important;overscroll-behavior:contain!important;background:var(--ac-w-panel)!important;color:#f3f4f6!important;box-sizing:border-box!important;z-index:25!important;border:0!important;border-radius:0!important}
 body.ac-wedding-layout #selectArea>.ac-main-navigation,body.ac-wedding-layout #selectArea2>.ac-main-navigation{order:-3!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;position:sticky!important;top:0!important;width:100%!important;margin:0!important;padding:12px 0!important;background:var(--ac-w-panel)!important;border-bottom:1px solid var(--ac-w-line)!important;z-index:60!important}
 body.ac-wedding-layout .ac-main-navigation>li{list-style:none!important;float:none!important;width:100%!important;margin:0!important;padding:0!important;border:1px solid #4b4c54!important;border-radius:10px!important;background:var(--ac-w-button)!important;overflow:hidden!important}
 body.ac-wedding-layout .ac-main-navigation>li.btn_on{background:#704056!important;border-color:var(--ac-w-rose)!important}
 body.ac-wedding-layout .ac-main-navigation>li>a{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:54px!important;padding:8px 3px!important;color:#f6f6f8!important;text-decoration:none!important}
 body.ac-wedding-layout .ac-main-navigation .txt{display:block!important;color:#f6f6f8!important;font-size:13px!important;font-weight:700!important;white-space:nowrap!important}
 body.ac-wedding-layout .ac-main-navigation img{width:27px!important;height:27px!important;max-width:27px!important;object-fit:contain!important}
 body.ac-wedding-layout #menuSelectBlock{order:-2!important;flex:none!important;display:block!important;position:sticky!important;top:78px!important;width:100%!important;max-width:none!important;margin:0 0 14px!important;padding:12px 0 14px!important;background:var(--ac-w-panel)!important;border-bottom:1px solid var(--ac-w-line)!important;z-index:55!important}
 body.ac-wedding-layout #menuSelectBlock ul.mainMenu{display:none!important}
 body.ac-wedding-layout #menuSelectBlock ul.subMenu{display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:flex-start!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;overflow:visible!important;background:none!important}
 body.ac-wedding-layout #menuSelectBlock ul.subMenu>li{display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;flex:1 1 74px!important;min-width:66px!important;max-width:130px!important;min-height:70px!important;margin:0!important;padding:6px 3px!important;border:1px solid #50515c!important;background:#34353e!important;border-radius:9px!important;color:#f4f4f6!important}
 body.ac-wedding-layout #menuSelectBlock ul.subMenu>li.now{background:#78435b!important;border-color:#f5a7c4!important}
 body.ac-wedding-layout #menuSelectBlock ul.subMenu img{max-height:30px!important;height:28px!important;max-width:36px!important;object-fit:contain!important}
 body.ac-wedding-layout #menuSelectBlock ul.subMenu .txt{color:#f4f4f6!important;font-size:12px!important}
 body.ac-wedding-layout #partsReloadArea,body.ac-wedding-layout #fashionReloadArea,body.ac-wedding-layout #itemReloadArea{order:0!important;display:block!important;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;overflow:visible!important;background:transparent!important;color:#f4f4f6!important;margin:0!important;padding:0 0 26px!important}
 body.ac-wedding-layout ul.partsBox{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important;padding:12px!important;margin:10px 0 20px!important;background:#fff!important;border:1px solid #e5e5e9!important;border-radius:12px!important;width:100%!important;box-sizing:border-box!important}
 body.ac-wedding-layout ul.partsBox>li{display:flex!important;aspect-ratio:1!important;min-height:76px!important;padding:5px!important;margin:0!important;border:1px solid #eaeaec!important;background:#f9f9fa!important;border-radius:10px!important;align-items:center!important;justify-content:center!important}
 body.ac-wedding-layout ul.partsBox>li.ac-part-selected{border-color:var(--ac-w-pink)!important;background:#ffedf4!important;box-shadow:inset 0 0 0 1px var(--ac-w-pink)!important}
 body.ac-wedding-layout ul.partsBox img{display:block!important;max-width:100%!important;max-height:95%!important;width:auto!important;height:auto!important;object-fit:contain!important}
 body.ac-wedding-layout .ac-panel-heading{display:none!important}
 body.ac-wedding-layout #system_description,body.ac-wedding-layout #rightArea,body.ac-wedding-layout #headerArea{display:none!important}
 body.ac-wedding-layout #start_sexBlock{z-index:50!important}
}
@media (min-width:781px) and (max-width:1100px){body.ac-wedding-layout #mixArea{width:43%!important}body.ac-wedding-layout #selectArea,body.ac-wedding-layout #selectArea2{left:43%!important;width:57%!important}body.ac-wedding-layout ul.partsBox{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media(min-width:781px) and (max-height:730px){body.ac-wedding-layout #mixBlock,body.ac-wedding-layout #mixBlock_zoom{transform:scale(.8)!important}body.ac-wedding-layout .ac-person-tabs{margin-top:0!important}}
@media(max-width:780px){
 body.ac-wedding-layout .ac-editor-topbar{background:var(--ac-w-pink)!important;border-bottom:1px solid #de5486!important}
 body.ac-wedding-layout #mixArea{background:#17181d!important}
 body.ac-wedding-layout .ac-bottom-dock{background:#25262c!important;border-top-color:#484950!important}
 body.ac-wedding-layout .ac-bottom-dock ul.mainMenu>li>a{color:#f3f4f6!important}
 body.ac-wedding-layout .ac-bottom-dock ul.mainMenu>li.btn_on>a{background:#80425e!important;color:#fff!important}
 body.ac-wedding-layout #selectArea,body.ac-wedding-layout #selectArea2{background:#25262c!important;color:#f2f2f5!important}
 body.ac-wedding-layout #menuSelectBlock ul.subMenu>li{background:#373840!important;border-color:#51525c!important}
 body.ac-wedding-layout #menuSelectBlock ul.subMenu>li.now{background:#754259!important;border-color:#f1abc9!important}
 body.ac-wedding-layout #menuSelectBlock ul.subMenu .txt{color:#fff!important}
 body.ac-wedding-layout ul.partsBox{padding:8px!important;background:#fff!important;border-radius:12px!important}
 body.ac-wedding-layout .ac-person-tabs button[aria-pressed=true]{background:#a83c69!important;border-color:#f1b0cf!important}
}


/* Wedding parity: header logo, true gallery sizing, gender-dependent selection. */
body.ac-wedding-layout{--ac-current:#e84d87;--ac-current-light:#fff0f5;--ac-current-dark:#78435b;--ac-current-border:#f0a7c7}
body.ac-wedding-layout.ac-sex-men{--ac-current:#57b3e4;--ac-current-light:#e9f5fd;--ac-current-dark:#405d70;--ac-current-border:#9bd5f2}
body.ac-wedding-layout .ac-editor-topbar .ac-brand{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;padding:0!important;line-height:0!important}
body.ac-wedding-layout .ac-editor-topbar .ac-brand img{display:block!important;position:static!important;width:auto!important;max-width:min(240px,38vw)!important;height:auto!important;max-height:43px!important;object-fit:contain!important;filter:none!important;margin:0 auto!important}
/* The original PHP divides the screen into menus, legacy blue category headers and galleries.
   Make them use one Wedding-style dark panel, while retaining their controls. */
body.ac-wedding-layout #selectPartsArea{clear:both!important;width:100%!important;max-width:none!important;margin:0 0 16px!important;padding:0!important;float:none!important;overflow:visible!important;background:transparent!important}
body.ac-wedding-layout #selectPartsArea div.boxTitleBlock,
body.ac-wedding-layout #selectPartsArea div.boxTitleBlock.men,
body.ac-wedding-layout #selectPartsArea div.boxTitleBlock.girl,
body.ac-wedding-layout #selectPartsArea div.boxTitleBlock.item{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;overflow:visible!important;width:100%!important;height:auto!important;min-height:56px!important;box-sizing:border-box!important;border:0!important;border-radius:0!important;margin:0!important;padding:14px 0 10px!important;background:transparent!important;color:#f5f6f8!important}
body.ac-wedding-layout #selectPartsArea div.boxTitleBlock h3{float:none!important;margin:0!important;padding:0!important;border:0!important;color:#f5f6f8!important;font-size:18px!important;font-weight:750!important;line-height:1.4!important}
body.ac-wedding-layout #selectPartsArea div.boxTitleBlock h3 a{color:inherit!important}
body.ac-wedding-layout #selectPartsArea div.boxTitleBlock>img{float:none!important;display:block!important;position:static!important;width:24px!important;max-width:24px!important;height:24px!important;object-fit:contain!important;opacity:.7!important;margin:0!important;cursor:pointer!important}
body.ac-wedding-layout #selectPartsArea div.selectBlock,
body.ac-wedding-layout #selectPartsArea div.selectBlock.men,
body.ac-wedding-layout #selectPartsArea div.selectBlock.girl,
body.ac-wedding-layout #selectPartsArea div.selectBlock.item{display:block!important;float:none!important;clear:both!important;width:100%!important;box-sizing:border-box!important;border:0!important;border-radius:0!important;margin:0!important;padding:0 0 12px!important;overflow:visible!important;background:transparent!important}
body.ac-wedding-layout #selectPartsArea div.selectBlock ul.colorSelectBox{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:9px!important;width:100%!important;min-height:30px!important;overflow:visible!important;box-sizing:border-box!important;border:0!important;border-radius:0!important;margin:0 0 12px!important;padding:0!important;background:transparent!important}
body.ac-wedding-layout #selectPartsArea div.selectBlock ul.colorSelectBox li,
body.ac-wedding-layout #selectPartsArea div.selectBlock ul.colorSelectBox li.coltxt{display:inline-flex!important;align-items:center!important;float:none!important;width:auto!important;min-width:0!important;max-width:none!important;list-style:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
body.ac-wedding-layout #selectPartsArea div.selectBlock ul.colorSelectBox li.coltxt{margin-right:3px!important;color:#f5f6f8!important;font-weight:600!important;font-size:12px!important;line-height:26px!important;opacity:1!important}
body.ac-wedding-layout #selectPartsArea div.selectBlock ul.colorSelectBox li img{position:static!important;display:block!important;width:23px!important;height:23px!important;max-width:23px!important;max-height:23px!important;object-fit:cover!important;border:1px solid #a4a6af!important;border-radius:2px!important;box-sizing:border-box!important;margin:0!important;padding:0!important}
/* The legacy left/width offsets on eye/nose/mouth/brow must not leak into cards. */
body.ac-wedding-layout #selectPartsArea .selectBlock ul.partsBox{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:9px!important;width:100%!important;margin:0 0 12px!important;padding:16px!important;box-sizing:border-box!important;list-style:none!important;overflow:visible!important;border:1px solid #e5e6eb!important;border-radius:12px!important;background:#fff!important}
body.ac-wedding-layout #selectPartsArea .selectBlock ul.partsBox>li,
body.ac-wedding-layout #selectPartsArea .selectBlock ul.partsBox>li.hair,
body.ac-wedding-layout #selectPartsArea .selectBlock ul.partsBox>li.icon,
body.ac-wedding-layout #selectPartsArea .item ul.partsBox>li{display:block!important;position:relative!important;float:none!important;clear:none!important;width:100%!important;max-width:none!important;min-width:0!important;min-height:0!important;height:auto!important;aspect-ratio:1/1!important;margin:0!important;padding:0!important;box-sizing:border-box!important;list-style:none!important;border:1px solid #e9e9ed!important;border-radius:10px!important;background:#f9fafb!important;overflow:hidden!important;cursor:pointer!important}
body.ac-wedding-layout #selectPartsArea .selectBlock ul.partsBox>li img{position:absolute!important;display:block!important;left:50%!important;top:50%!important;margin:0!important;padding:0!important;float:none!important;max-width:none!important;max-height:none!important;width:100%!important;height:auto!important;min-width:0!important;object-fit:contain!important;transform:translate(-50%,-50%)!important;cursor:pointer!important;border:0!important;box-shadow:none!important}
body.ac-wedding-layout #selectPartsArea .selectBlock ul.partsBox>li img.face{width:100%!important}
body.ac-wedding-layout #selectPartsArea .selectBlock ul.partsBox>li img.eye,
body.ac-wedding-layout #selectPartsArea .selectBlock ul.partsBox>li img.brow{width:145%!important}
body.ac-wedding-layout #selectPartsArea .selectBlock ul.partsBox>li img.nose,
body.ac-wedding-layout #selectPartsArea .selectBlock ul.partsBox>li img.mouth{width:160%!important}
body.ac-wedding-layout #selectPartsArea .selectBlock ul.partsBox>li img.hair{width:112%!important;top:37%!important}
body.ac-wedding-layout #selectPartsArea .selectBlock ul.partsBox>li img.icon{width:70%!important}
body.ac-wedding-layout ul.partsBox>li.ac-part-selected,
body.ac-wedding-layout #selectPartsArea ul.partsBox>li.ac-part-selected{border-color:var(--ac-current)!important;background:var(--ac-current-light)!important;box-shadow:inset 0 0 0 1px var(--ac-current)!important}
/* Match the Wedding galleries for outfits as well, without changing the PHP products. */
body.ac-wedding-layout ul.fashion_list{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important;clear:both!important;overflow:visible!important;float:none!important;width:100%!important;box-sizing:border-box!important;list-style:none!important;border:1px solid #e5e6eb!important;border-radius:12px!important;background:#fff!important;margin:12px 0 20px!important;padding:16px!important}
body.ac-wedding-layout ul.fashion_list>li{display:flex!important;flex-direction:column!important;justify-content:space-between!important;align-items:stretch!important;gap:4px!important;float:none!important;clear:none!important;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:150px!important;list-style:none!important;margin:0!important;padding:6px!important;box-sizing:border-box!important;border:1px solid #e9e9ed!important;border-radius:10px!important;background:#f9fafb!important;overflow:hidden!important;color:#30313a!important}
body.ac-wedding-layout ul.fashion_list>li.ac-part-selected{border-color:var(--ac-current)!important;background:var(--ac-current-light)!important;box-shadow:inset 0 0 0 1px var(--ac-current)!important}
body.ac-wedding-layout ul.fashion_list>li h3{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;height:auto!important;min-height:26px!important;max-height:29px!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;background:none!important;color:#252631!important;text-align:center!important;font-size:11px!important;line-height:1.25!important;font-weight:600!important;word-break:break-word!important}
body.ac-wedding-layout ul.fashion_list>li p{position:relative!important;display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;flex:1 1 auto!important;min-height:75px!important;line-height:normal!important;margin:0!important;padding:0!important;overflow:hidden!important}
body.ac-wedding-layout ul.fashion_list>li p img{position:static!important;display:block!important;float:none!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100px!important;object-fit:contain!important;transform:none!important;margin:auto!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;cursor:pointer!important}
body.ac-wedding-layout ul.fashion_list>li dl{display:block!important;flex:0 0 auto!important;width:100%!important;margin:2px 0 0!important;padding:0!important;overflow:hidden!important}
body.ac-wedding-layout ul.fashion_list>li dl dt{display:none!important}
body.ac-wedding-layout ul.fashion_list>li dl dd.color{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:wrap!important;gap:4px!important;width:100%!important;margin:0!important;padding:0!important}
body.ac-wedding-layout ul.fashion_list>li dl dd.color img{display:block!important;float:none!important;width:18px!important;height:18px!important;max-width:none!important;object-fit:cover!important;border:1px solid #bbb!important;border-radius:3px!important;margin:0!important;padding:0!important;box-sizing:border-box!important;cursor:pointer!important}
body.ac-wedding-layout ul.fashion_list>li dl dd.color img.ac-color-selected{outline:2px solid var(--ac-current)!important;outline-offset:1px!important}
/* Background tiles and standalone items also share the same white-card language. */
body.ac-wedding-layout ul.wallpaper_list{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important;clear:both!important;width:100%!important;max-width:none!important;overflow:visible!important;box-sizing:border-box!important;list-style:none!important;background:#fff!important;border:1px solid #e5e6eb!important;border-radius:12px!important;margin:12px 0!important;padding:16px!important}
body.ac-wedding-layout ul.wallpaper_list>li{float:none!important;clear:none!important;width:100%!important;height:auto!important;aspect-ratio:1!important;max-width:none!important;min-width:0!important;margin:0!important;padding:4px!important;box-sizing:border-box!important;border:1px solid #e9e9ed!important;border-radius:10px!important;background:#fafafa!important;overflow:hidden!important}
body.ac-wedding-layout ul.wallpaper_list img{width:100%!important;height:100%!important;object-fit:cover!important;max-width:none!important;margin:0!important}
/* The same semantic selected color for every editor navigation and gender switch. */
body.ac-wedding-layout .ac-person-tabs button[aria-pressed="true"]{background:var(--ac-current-dark)!important;border-color:var(--ac-current-border)!important;color:#fff!important}
body.ac-wedding-layout .ac-main-navigation>li.btn_on,
body.ac-wedding-layout #menuSelectBlock ul.mainMenu>li.btn_on{background:var(--ac-current-dark)!important;border-color:var(--ac-current-border)!important}
body.ac-wedding-layout #menuSelectBlock ul.subMenu>li.now{background:var(--ac-current-dark)!important;border-color:var(--ac-current-border)!important}
@media (min-width:781px) and (max-width:1100px){body.ac-wedding-layout #selectPartsArea ul.partsBox,body.ac-wedding-layout ul.fashion_list,body.ac-wedding-layout ul.wallpaper_list{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media (max-width:780px){
 body.ac-wedding-layout .ac-editor-topbar .ac-brand img{max-width:min(170px,43vw)!important;max-height:32px!important}
 body.ac-wedding-layout #selectPartsArea .selectBlock ul.partsBox,body.ac-wedding-layout ul.fashion_list,body.ac-wedding-layout ul.wallpaper_list{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;padding:8px!important}
 body.ac-wedding-layout ul.fashion_list>li{padding:4px!important;min-height:126px!important}
 body.ac-wedding-layout ul.fashion_list>li p{min-height:64px!important}
 body.ac-wedding-layout ul.fashion_list>li p img{max-height:76px!important}
 body.ac-wedding-layout #menuSelectBlock ul.subMenu>li.now{background:var(--ac-current-dark)!important;border-color:var(--ac-current-border)!important}
 body.ac-wedding-layout .ac-bottom-dock ul.mainMenu>li.btn_on>a{background:var(--ac-current-dark)!important;color:#fff!important}
 body.ac-wedding-layout .ac-person-tabs button[aria-pressed="true"]{background:var(--ac-current-dark)!important;border-color:var(--ac-current-border)!important}
}
/* Preserve computed Canvas zoom on short desktop viewports; old height-based .8
   fallback used to make the character far smaller than the Wedding preview. */
@media (min-width:781px){
 body.ac-wedding-layout #mixBlock,body.ac-wedding-layout #mixBlock_zoom{
  transform:scale(var(--ac-w-preview-scale,1.15))!important;
 }
 body.ac-wedding-layout .ac-person-tabs{
  margin-top:calc(24px + (var(--ac-w-preview-scale,1.15) - 1)*200px)!important;
 }
}

/* Batch parity: Wedding-like selection headers and clear actions */
body.ac-wedding-layout #selectPartsArea .boxTitleBlock,
body.ac-wedding-layout #fashionReloadArea .ac-fashion-category-title{
 position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
 gap:12px!important;min-height:42px!important;margin:12px 0 6px!important;padding:0!important;
 background:transparent!important;border:0!important;border-radius:0!important;color:#f7f7f9!important;
}
body.ac-wedding-layout #selectPartsArea .boxTitleBlock h3,
body.ac-wedding-layout #fashionReloadArea .ac-fashion-category-title strong{font-size:19px!important;line-height:1.4!important;font-weight:700!important;color:#f7f7f9!important;flex:1!important}
body.ac-wedding-layout #selectPartsArea .boxTitleBlock span.partsReload{display:none!important}
body.ac-wedding-layout #selectPartsArea .boxTitleBlock>img,
body.ac-wedding-layout .ac-fashion-clear{display:block!important;position:static!important;flex:none!important;width:27px!important;height:27px!important;margin:0!important;padding:2px!important;border:0!important;background:transparent!important;object-fit:contain!important;opacity:.78!important;cursor:pointer!important}
body.ac-wedding-layout #fashionReloadArea>h2,body.ac-wedding-layout #fashionReloadArea .ac-fashion-legacy-title{display:none!important}
body.ac-wedding-layout .ac-fashion-category-title{width:100%!important}
body.ac-wedding-layout ul.fashion_list>li h3{font-size:10px!important;line-height:1.25!important;color:#858995!important;font-weight:500!important;min-height:24px!important;max-height:26px!important}
body.ac-wedding-layout #selectPartsArea .selectBlock ul.partsBox>li img.hair{top:calc(50% + 20px)!important}
/* Supplementary item shortcuts (Glass / Goods / Pets / Icon). */
body.ac-wedding-layout .ac-item-shortcuts{display:flex!important;align-items:center!important;gap:7px!important;width:100%!important;margin:4px 0 14px!important;padding:0 0 12px!important;border-bottom:1px solid #484950!important;background:transparent!important}
body.ac-wedding-layout .ac-item-shortcuts button{appearance:none!important;border:1px solid #50515c!important;border-radius:9px!important;background:#34353c!important;color:#f7f7f9!important;padding:9px 13px!important;font-size:12px!important;font-weight:600!important;cursor:pointer!important}
body.ac-wedding-layout .ac-item-shortcuts button:focus-visible{outline:2px solid var(--ac-current)!important}
body.ac-wedding-layout #menuSelectBlock .subMenu.ac-empty-submenu{display:none!important}
/* Mobile panel toggle: identical messages and intent to Wedding's drawer. */
body.ac-wedding-layout .ac-drawer-toggle{display:none!important}
@media(max-width:780px){
 body.ac-wedding-layout .ac-drawer-toggle{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;
 width:100%!important;min-height:48px!important;border:0!important;border-radius:0!important;
 padding:0 16px!important;background:#303139!important;color:white!important;font-size:13px!important;font-weight:700!important;cursor:pointer!important;flex:none!important}
 body.ac-wedding-layout #selectArea,body.ac-wedding-layout #selectArea2{padding-top:0!important}
 body.ac-wedding-layout.ac-panel-collapsed #mixArea{flex-basis:calc(100dvh - var(--ac-m-dock) - 54px)!important;height:calc(100dvh - var(--ac-m-dock) - 54px)!important;max-height:calc(100dvh - var(--ac-m-dock) - 54px)!important}
 body.ac-wedding-layout.ac-panel-collapsed #selectArea,body.ac-wedding-layout.ac-panel-collapsed #selectArea2{flex:0 0 54px!important;min-height:54px!important;max-height:54px!important;overflow:hidden!important;padding:0!important}
 body.ac-wedding-layout.ac-panel-collapsed #selectArea>*:not(.ac-drawer-toggle),body.ac-wedding-layout.ac-panel-collapsed #selectArea2>*:not(.ac-drawer-toggle){display:none!important}
 body.ac-wedding-layout.ac-panel-collapsed #selectArea .ac-drawer-toggle,body.ac-wedding-layout.ac-panel-collapsed #selectArea2 .ac-drawer-toggle{display:flex!important}
 body.ac-wedding-layout .ac-item-shortcuts{overflow-x:auto!important;white-space:nowrap!important;gap:5px!important;padding:0 8px 8px!important}
 body.ac-wedding-layout .ac-item-shortcuts button{padding:8px 9px!important;font-size:11px!important}
 body.ac-wedding-layout #selectPartsArea .boxTitleBlock h3{font-size:17px!important}
}

/* 2026-10-26: requested parity adjustments; applied AFTER all legacy overrides. */
body.ac-wedding-layout #selectPartsArea .selectBlock ul.partsBox>li img.hair{
  top:calc(50% - 10px)!important; /* 10px ABOVE tile centre, rather than +20px */
}
body.ac-wedding-layout ul.fashion_list>li h3{font-size:8px!important;line-height:1.3!important;font-weight:500!important}
body.ac-wedding-layout #fashionReloadArea .ac-fashion-category-title strong{font-size:18px!important;color:#fff!important}
/* One image-creation entry only: the top-right header. */
body.ac-wedding-layout #selectArea .center_block,
body.ac-wedding-layout #selectArea2 .center_block,
body.ac-wedding-layout #selectArea .ac-preview-actions,
body.ac-wedding-layout #selectArea2 .ac-preview-actions,
body.ac-wedding-layout .ac-preview-actions{display:none!important}
/* Wallpaper has no secondary categories. A blank sticky block must not consume space. */
body.ac-wedding-layout.ac-page-wallpaper #menuSelectBlock{display:none!important}
/* The user should see the shortcuts directly under the main nav on the Items tab. */
body.ac-wedding-layout.ac-page-item #menuSelectBlock{padding-top:6px!important;padding-bottom:8px!important}
body.ac-wedding-layout .ac-item-shortcuts{margin:0!important;padding:5px 0!important;border-bottom:0!important}
body.ac-wedding-layout .ac-item-shortcuts button{font-size:11px!important;padding:6px 10px!important;min-height:32px!important}
@media(max-width:780px){
 body.ac-wedding-layout .ac-drawer-toggle{justify-content:flex-end!important;text-align:right!important;padding-right:20px!important}
 body.ac-wedding-layout .ac-item-shortcuts{gap:5px!important}
 body.ac-wedding-layout .ac-item-shortcuts button{font-size:10px!important;padding:5px 8px!important;min-height:29px!important}
}

/* Distinguish desktop home link from mobile close link. */
body.ac-wedding-layout .ac-header-mobile{display:none!important}
@media(max-width:780px){
 body.ac-wedding-layout .ac-header-desktop{display:none!important}
 body.ac-wedding-layout .ac-header-mobile{display:inline!important}
}

/* v39: Mobile release polish. No changes to selected items or generated image. */
@media (max-width:780px){
 body.ac-wedding-layout .ac-editor-topbar .ac-top-save{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  justify-self:end!important;white-space:nowrap!important;
  min-width:94px!important;min-height:36px!important;
  padding:8px 13px!important;margin-right:4px!important;
  border:1px solid rgba(255,255,255,.88)!important;border-radius:999px!important;
  background:#fff!important;color:#a52f60!important;
  box-shadow:0 2px 6px rgba(73,13,42,.17)!important;
  font-size:13px!important;font-weight:800!important;text-decoration:none!important;
  box-sizing:border-box!important;
 }
 /* Open editor: face is primary, lower body can be cropped by the stage viewport.
    Preserve the 240x400 drawing coordinates and all original layer positions. */
 body.ac-wedding-layout.ac-panel-open #mixArea{
  justify-content:flex-start!important;overflow:hidden!important;
 }
 body.ac-wedding-layout.ac-panel-open #mixBlock,
 body.ac-wedding-layout.ac-panel-open #mixBlock_zoom{
  flex:none!important;transform:scale(1.0)!important;
  transform-origin:top center!important;margin:0 auto!important;
 }
 /* Gender switching is deliberately out of the visible open-panel area, not removed. */
 body.ac-wedding-layout.ac-panel-open .ac-person-tabs{
  margin-top:18px!important;flex-shrink:0!important;
 }
 /* Expanded preview returns the gender switch; do not alter its controls. */
}

/* Charatoon original cyan/green accent, without Anichara pink */
:root{--ac-w-pink:#0099cc;--ac-w-rose:#8bcad9;}
body.ac-wedding-layout .ac-editor-topbar{border-bottom-color:#007eaa!important;}
body.ac-wedding-layout .ac-main-navigation>li.btn_on{background:#15576d!important;}
body.ac-wedding-layout .ac-person-tabs button[aria-pressed=true]{background:#007c9c!important;border-color:#8bcad9!important;}
body.ac-wedding-layout .ac-editor-topbar .ac-top-save{color:#006a87!important;}

/* Charatoon brand refinement: #6a8 */
:root{--ac-w-pink:#6a8;--ac-w-rose:#b8d8c8;}
body.ac-wedding-layout{--ac-current:#6a8;--ac-current-light:#eef8f2;--ac-current-dark:#376b52;--ac-current-border:#8fc0a6;}
body.ac-wedding-layout .ac-editor-topbar{background:#6a8!important;border-bottom-color:#528b70!important;}
body.ac-wedding-layout .ac-main-navigation>li.btn_on{background:#376b52!important;border-color:#6a8!important;}
body.ac-wedding-layout .ac-person-tabs button[aria-pressed=true]{background:#6a8!important;border-color:#b8d8c8!important;}
body.ac-wedding-layout .ac-editor-topbar .ac-top-save{color:#376b52!important;}
body.ac-wedding-layout #menuSelectBlock ul.subMenu>li.now{background:#eef8f2!important;border-color:#6a8!important;}
body.ac-wedding-layout .ac-save-action{background:#6a8!important;}
@media(max-width:780px){body.ac-wedding-layout .ac-editor-topbar .ac-top-save{background:#fff!important;color:#376b52!important;} }

/* v43: readable active submenu on desktop and mobile */
body.ac-wedding-layout #menuSelectBlock ul.subMenu > li.now {
  background:#376b52!important;
  border-color:#6a8!important;
  box-shadow:inset 0 0 0 1px #6a8!important;
}
body.ac-wedding-layout #menuSelectBlock ul.subMenu > li.now .txt,
body.ac-wedding-layout #menuSelectBlock ul.subMenu > li.now a {color:#fff!important;}
body.ac-wedding-layout #menuSelectBlock ul.subMenu > li.now img {opacity:1!important;filter:none!important;}

/* v44: Charatoon women theme. The header is intentionally always #6a8. */
body.ac-wedding-layout.ac-sex-girl{--ac-current:#d96897;--ac-current-light:#fff0f6;--ac-current-dark:#a83c69;--ac-current-border:#efa8c6;--ac-w-rose:#efa8c6;}
body.ac-wedding-layout.ac-sex-girl .ac-main-navigation>li.btn_on,
body.ac-wedding-layout.ac-sex-girl #menuSelectBlock ul.mainMenu>li.btn_on,
body.ac-wedding-layout.ac-sex-girl #menuSelectBlock ul.subMenu>li.now{background:#a83c69!important;border-color:#d96897!important;}
body.ac-wedding-layout.ac-sex-girl #menuSelectBlock ul.subMenu>li.now .txt,
body.ac-wedding-layout.ac-sex-girl #menuSelectBlock ul.subMenu>li.now a{color:#fff!important;}
body.ac-wedding-layout.ac-sex-girl .ac-person-tabs button[aria-pressed=true]{background:#a83c69!important;border-color:#efa8c6!important;}
body.ac-wedding-layout.ac-sex-girl .ac-bottom-dock ul.mainMenu>li.btn_on>a,
body.ac-wedding-layout.ac-sex-girl .ac-save-action{background:#a83c69!important;}
body.ac-wedding-layout.ac-sex-girl .ac-editor-topbar{background:#6a8!important;border-bottom-color:#528b70!important;}

/* Charatoon: black brand header and gender-specific selection colors */
:root{--ac-w-pink:#000;--ac-w-rose:#000;}
body.ac-wedding-layout .ac-editor-topbar,body.ac-wedding-layout.ac-sex-girl .ac-editor-topbar{background:#000!important;border-bottom-color:#333!important;}
body.ac-wedding-layout{--ac-current:#287bbb;--ac-current-dark:#246a9d;--ac-current-light:#edf6ff;}
body.ac-wedding-layout.ac-sex-girl{--ac-current:#be658f;--ac-current-dark:#a34776;--ac-current-light:#fff0f6;}
body.ac-wedding-layout #menuSelectBlock ul.subMenu>li.now,body.ac-wedding-layout .ac-main-navigation>li.btn_on{background:var(--ac-current-dark)!important;border-color:var(--ac-current)!important;color:white!important;}
body.ac-wedding-layout .ac-person-tabs button[aria-pressed=true]{background:var(--ac-current-dark)!important;color:#fff!important;}
.ng-position-controls{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center;padding:10px 8px;background:#202127;color:white;}
.ng-position-pair{display:flex;align-items:center;gap:3px;font-size:12px;}
.ng-position-pair button{border:1px solid #6c6c6c;background:#35363b;border-radius:5px;padding:3px;cursor:pointer;}
.ng-position-pair img{width:25px;height:25px;object-fit:contain;display:block;}
.ng-position-reset{background:#eee;color:#222;padding:8px;border:0;border-radius:5px;cursor:pointer;}

/* Charatoon v2: compact vertical position adjustment dock under the Canvas. */
body.ac-wedding-layout .ng-position-controls{position:relative!important;inset:auto!important;z-index:2;display:flex!important;flex-direction:column;align-items:stretch;gap:9px;width:min(100%,530px);margin:12px auto 8px;padding:12px;border:1px solid #444750;border-radius:12px;background:#24262d;box-sizing:border-box;clear:both;overflow:visible;}
body.ac-wedding-layout .ng-position-heading{font-size:13px;font-weight:700;text-align:left;color:#f2f2f5;}
body.ac-wedding-layout .ng-position-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;width:100%;}
body.ac-wedding-layout .ng-position-pair{display:flex;flex-direction:column;align-items:stretch;gap:5px;min-width:0;padding:7px 5px;background:#30323a;border-radius:9px;}
body.ac-wedding-layout .ng-position-name{font-size:13px;font-weight:700;color:white;text-align:center;}
body.ac-wedding-layout .ng-position-pair button{width:100%;height:37px;display:grid;place-items:center;padding:0;background:#424751;color:white;border:1px solid #666c77;border-radius:7px;font-size:21px;line-height:1;cursor:pointer;touch-action:manipulation;}
body.ac-wedding-layout .ng-position-pair button:hover{background:#246a9d;border-color:#75b9ec;}
body.ac-wedding-layout .ng-position-pair button:focus-visible{outline:3px solid #ff1680;outline-offset:2px;}
body.ac-wedding-layout .ng-position-reset{align-self:flex-end;padding:7px 12px;border-radius:7px;background:#444750;color:white;font-size:12px;}
body.ac-wedding-layout .ac-outfit-removers{display:flex!important;flex-wrap:wrap;gap:8px;align-items:center;list-style:none;margin:8px 0 12px;padding:0;}
body.ac-wedding-layout .ac-outfit-removers li{display:inline-flex;align-items:center;background:#343640;border-radius:7px;padding:4px;}
body.ac-wedding-layout .ac-outfit-removers img{max-height:30px;width:auto;cursor:pointer;}
@media(max-width:780px){body.ac-wedding-layout .ng-position-controls{margin:8px auto;padding:8px 7px;border-radius:9px;}body.ac-wedding-layout .ng-position-grid{gap:4px;}body.ac-wedding-layout .ng-position-pair{padding:5px 3px;}body.ac-wedding-layout .ng-position-pair button{height:35px;font-size:20px;}body.ac-wedding-layout .ng-position-name{font-size:12px;}}

/* Charatoon v3: shorter position controls; reset stays on the title row. */
body.ac-wedding-layout .ng-position-controls{gap:5px;margin:6px auto 4px;padding:7px 9px;border-radius:9px;}
body.ac-wedding-layout .ng-position-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:24px;font-size:12px;line-height:1.2;}
body.ac-wedding-layout .ng-position-reset{align-self:auto;flex-shrink:0;margin:0;padding:5px 9px;font-size:11px;line-height:1.1;border-radius:5px;}
body.ac-wedding-layout .ng-position-grid{gap:5px;}
body.ac-wedding-layout .ng-position-pair{gap:3px;padding:4px 4px;border-radius:6px;}
body.ac-wedding-layout .ng-position-name{font-size:11px;line-height:15px;}
body.ac-wedding-layout .ng-position-pair button{height:25px;font-size:16px;border-radius:5px;}
@media(max-width:780px){body.ac-wedding-layout .ng-position-controls{margin:4px auto 3px;padding:5px 6px;gap:4px;}body.ac-wedding-layout .ng-position-grid{gap:3px;}body.ac-wedding-layout .ng-position-pair{gap:2px;padding:3px 2px;}body.ac-wedding-layout .ng-position-pair button{height:25px;font-size:16px;}body.ac-wedding-layout .ng-position-name{font-size:11px;}}

/* Charatoon v4: face-only overlay and fixed-header-safe PC preview. */
body.ac-wedding-layout .ng-position-controls{position:absolute!important;left:5px!important;right:5px!important;bottom:5px!important;top:auto!important;width:auto!important;margin:0!important;z-index:15!important;background:rgba(28,29,35,.92)!important;border-color:rgba(255,255,255,.15)!important;padding:6px 7px!important;gap:4px!important;box-shadow:0 2px 8px #0004!important;}
body.ac-wedding-layout.ac-page-fashion .ng-position-controls,body.ac-wedding-layout.ac-page-item .ng-position-controls,body.ac-wedding-layout.ac-page-wallpaper .ng-position-controls{display:none!important;}
@media(min-width:781px){body.ac-wedding-layout #mixBlock_zoom,body.ac-wedding-layout #mixBlock{transform-origin:top center!important;}body.ac-wedding-layout .ac-person-tabs{margin-top:calc(16px + (var(--ac-w-preview-scale,1) - 1)*320px)!important;}body.ac-wedding-layout #mixArea{padding-top:14px!important;padding-bottom:14px!important;}}
@media(max-width:780px){body.ac-wedding-layout .ng-position-controls{left:3px!important;right:3px!important;bottom:3px!important;padding:4px!important;}body.ac-wedding-layout .ng-position-pair button{height:23px!important;}}

/* Charatoon v5: reliably paint face adjustment controls in front of Canvas. */
body.ac-wedding-layout #mixBlock_zoom,body.ac-wedding-layout #mixBlock{isolation:isolate!important;}
body.ac-wedding-layout #charatoon-canvas-preview{position:relative!important;z-index:1!important;}
body.ac-wedding-layout #mixBlock_zoom>.ng-position-controls,body.ac-wedding-layout #mixBlock>.ng-position-controls{position:absolute!important;z-index:30!important;pointer-events:auto!important;display:flex!important;}

/* v6: preserve the original Canvas stacking (z=100), overlay controls above it. */
body.ac-wedding-layout #charatoon-canvas-preview{
 display:block!important;position:absolute!important;inset:0!important;
 z-index:100!important;visibility:visible!important;opacity:1!important;
}
body.ac-wedding-layout #mixBlock_zoom>.ng-position-controls,
body.ac-wedding-layout #mixBlock>.ng-position-controls{
 z-index:150!important;pointer-events:auto!important;
}
body.ac-wedding-layout .ng-position-pair{display:flex!important;flex-direction:column!important;gap:3px!important}
body.ac-wedding-layout .ng-position-pair button{min-height:34px!important;height:34px!important;font-size:20px!important}
body.ac-wedding-layout .ng-position-name{order:0;line-height:17px!important;font-size:12px!important;text-align:center}
@media(max-width:780px){
 body.ac-wedding-layout .ng-position-pair button{min-height:38px!important;height:38px!important;font-size:22px!important}
 body.ac-wedding-layout .ng-position-controls{padding:5px!important}
}

/* Charatoon: yellow header and light-blue/pink gender controls */
:root{--ac-w-pink:#db0;--ac-w-rose:#db0;}
body.ac-wedding-layout .ac-editor-topbar,body.ac-wedding-layout.ac-sex-girl .ac-editor-topbar{background:#db0!important;border-bottom-color:#bc9900!important}
body.ac-wedding-layout.ac-sex-men{--ac-current:#3ba9d8;--ac-current-light:#e6f8ff}
body.ac-wedding-layout.ac-sex-girl{--ac-current:#ca6292;--ac-current-light:#ffeaf2}
body.ac-wedding-layout .ac-main-navigation>li.btn_on,body.ac-wedding-layout #menuSelectBlock ul.subMenu>li.now,body.ac-wedding-layout .ac-person-tabs button[aria-pressed=true]{background:#3ba9d8!important;color:white!important}
body.ac-wedding-layout.ac-sex-girl .ac-main-navigation>li.btn_on,body.ac-wedding-layout.ac-sex-girl #menuSelectBlock ul.subMenu>li.now,body.ac-wedding-layout.ac-sex-girl .ac-person-tabs button[aria-pressed=true]{background:#ca6292!important}
.ct-body-list{list-style:none;padding:12px;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.ct-body-choice{background:white;border:2px solid transparent;border-radius:8px;padding:3px;display:block;width:100%;cursor:pointer;min-height:80px}
.ct-body-choice img{display:block;width:100%;height:auto;object-fit:contain}
.ct-body-choice.is-selected,.ct-body-choice:focus-visible{border-color:#db0;outline:2px solid #db0}
.ct-fashion-title{font-size:16px;margin:15px 12px 4px}.ct-fashion-lead{font-size:12px;margin:0 12px;color:#777}
@media(max-width:780px){.ct-body-list{gap:4px;padding:6px}.ct-body-choice{min-height:54px}}

/* v4: compact PC-only vertical adjustment controls while retaining touch targets. */
@media(min-width:781px){
 body.ac-wedding-layout .ng-position-controls{padding:3px 7px!important;gap:2px!important;}
 body.ac-wedding-layout .ng-position-heading{min-height:18px!important;margin:0!important;}
 body.ac-wedding-layout .ng-position-pair{gap:1px!important;padding:2px 3px!important;}
 body.ac-wedding-layout .ng-position-pair button{height:23px!important;min-height:23px!important;font-size:15px!important;padding:0!important;border-radius:4px!important;}
 body.ac-wedding-layout .ng-position-name{font-size:10px!important;line-height:12px!important;}
}

/* Charatoon 2026-11-05: LineFace preview layout and in-document ads. */
[hidden]{display:none!important}
html:has(body.ac-wedding-layout),html body.ac-wedding-layout{height:auto!important;min-height:100%!important;overflow-x:hidden!important;overflow-y:auto!important}
body.ac-wedding-layout #container{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important}
body.ac-wedding-layout #contents{position:relative!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;padding:0!important;width:100%!important;max-width:100%!important;height:calc(100dvh - 64px)!important;min-height:530px!important;margin:64px 0 0!important;overflow:hidden!important}
body.ac-wedding-layout #contents>#leftArea,body.ac-wedding-layout #contents>#leftArea2{position:relative!important;width:100%!important;height:100%!important;overflow:hidden!important;display:block!important}
body.ac-wedding-layout #mixArea{position:absolute!important;inset:0 auto 0 0!important;top:0!important;left:0!important;bottom:0!important;right:auto!important;width:43%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:12px 14px!important}
body.ac-wedding-layout #selectArea,body.ac-wedding-layout #selectArea2{position:absolute!important;inset:0 0 0 43%!important;top:0!important;left:43%!important;right:0!important;bottom:0!important;height:100%!important;width:57%!important;max-height:none!important}
body.ac-wedding-layout .ct-art-space{flex:0 0 calc(320px * var(--ct-scale,1))!important;width:100%!important;height:calc(320px * var(--ct-scale,1))!important;min-height:0!important;max-width:100%!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;overflow:visible!important;order:0!important}
body.ac-wedding-layout .ct-art-space #mixBlock,body.ac-wedding-layout .ct-art-space #mixBlock_zoom{flex:none!important;width:240px!important;height:320px!important;min-height:320px!important;max-height:320px!important;margin:0!important;transform:scale(var(--ct-scale,1))!important;transform-origin:top center!important;overflow:hidden!important}
body.ac-wedding-layout #charatoon-canvas-preview{width:240px!important;height:320px!important}
body.ac-wedding-layout .ng-position-controls{position:relative!important;inset:auto!important;order:1!important;flex:none!important;display:flex!important;width:100%!important;max-width:520px!important;margin:0!important;padding:6px 7px!important;background:#25262c!important;border:1px solid #444750!important;border-radius:10px!important;box-shadow:none!important}
body.ac-wedding-layout .ng-position-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
body.ac-wedding-layout .ng-position-pair{padding:3px!important;gap:2px!important}
body.ac-wedding-layout .ng-position-pair button{height:23px!important;min-height:23px!important;font-size:15px!important}
body.ac-wedding-layout .ac-person-tabs{order:2!important;flex:none!important;margin:0 auto!important;gap:10px!important}
body.ac-wedding-layout .ac-person-tabs button{padding:7px 25px!important;border-radius:35px!important}
body.ac-wedding-layout .ac-person-tabs button[data-sex=men][aria-pressed=true]{background:#36a9d2!important;border-color:#80d2f3!important}
body.ac-wedding-layout .ac-person-tabs button[data-sex=girl][aria-pressed=true]{background:#bd6291!important;border-color:#efb5d2!important}
body.ac-wedding-layout .ac-brand img{display:block;max-width:180px;max-height:46px;object-fit:contain}
body.ac-wedding-layout .ac-editor-topbar{background:#db0!important;border-color:#ba9500!important}
body.ac-wedding-layout .ac-top-save{background:#fff!important;color:#453b00!important;border-radius:30px!important;padding:10px 14px!important}
body.ac-wedding-layout .ct-gender-start{position:absolute!important;z-index:1800!important;inset:0!important;display:grid;place-items:center;background:#17181d!important;padding:25px!important;color:#fff!important}
body.ac-wedding-layout .ct-gender-card{text-align:center;max-width:520px;margin:auto}
body.ac-wedding-layout .ct-gender-card h2{font-size:clamp(19px,3vw,25px);margin:0 0 12px;color:white}
body.ac-wedding-layout .ct-gender-card p{margin:0 0 25px;color:#dbdbe2;font-size:13px}
body.ac-wedding-layout .ct-gender-choices{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
body.ac-wedding-layout .ct-gender-choices button{min-width:150px;min-height:54px;background:#343641;border:1px solid #6c6d78;color:white;border-radius:12px;font-size:15px;font-weight:700}
body.ac-wedding-layout .ct-gender-choices button:first-child{background:#258fc4;border-color:#5bb8e2}
body.ac-wedding-layout .ct-gender-choices button:last-child{background:#b94c84;border-color:#ec9ac4}
body.ac-wedding-layout.ct-needs-sex #mixArea,body.ac-wedding-layout.ct-needs-sex #selectArea,body.ac-wedding-layout.ct-needs-sex #selectArea2{visibility:hidden!important}
body.ac-wedding-layout.ct-needs-sex .ct-gender-start{visibility:visible!important}
.ct-page-ad{width:min(1120px,100%);min-height:150px;margin:0 auto;padding:22px 18px 44px;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;text-align:center;position:relative;z-index:2;background:#17181d;color:#aaa}
.ct-page-ad>span{font-size:11px;letter-spacing:.08em;margin-bottom:10px}
.ct-ad-content{width:100%;max-width:970px;margin-inline:auto}
.ct-page-ad .adsbygoogle{display:block;width:100%;margin-inline:auto}
@media(min-width:781px){
 body.ac-wedding-layout #contents{height:calc(100dvh - 64px)!important;min-height:530px!important}
 body.ac-wedding-layout #mixArea{padding:13px 14px!important}
 body.ac-wedding-layout #selectArea,body.ac-wedding-layout #selectArea2{padding-top:0!important}
}
@media(max-width:780px){
 html:has(body.ac-renewal),html body.ac-renewal{height:auto!important;min-height:100%!important;overflow-y:auto!important;overscroll-behavior:auto!important}
 body.ac-wedding-layout #container{position:relative!important;height:100dvh!important;max-height:none!important;overflow:hidden!important}
 body.ac-wedding-layout #contents{position:absolute!important;inset:0 0 var(--ac-m-dock) 0!important;display:block!important;height:auto!important;min-height:0!important;margin:0!important}
 body.ac-wedding-layout #contents>#leftArea,body.ac-wedding-layout #contents>#leftArea2{display:flex!important;flex-direction:column!important}
 body.ac-wedding-layout #mixArea{position:relative!important;inset:auto!important;order:0!important;flex:0 0 44%!important;width:100%!important;height:44%!important;min-height:0!important;max-height:none!important;padding:51px 8px 6px!important;justify-content:flex-start!important;gap:4px!important;overflow:hidden!important}
 body.ac-wedding-layout #selectArea,body.ac-wedding-layout #selectArea2{position:relative!important;inset:auto!important;order:1!important;flex:1 1 auto!important;width:100%!important;height:auto!important;min-height:0!important;overflow-y:auto!important;padding:10px 10px 20px!important}
 body.ac-wedding-layout .ct-art-space{flex:0 0 calc(320px * var(--ct-scale,.55))!important;height:calc(320px * var(--ct-scale,.55))!important;min-height:0!important;width:100%!important;}
 body.ac-wedding-layout .ct-art-space #mixBlock,body.ac-wedding-layout .ct-art-space #mixBlock_zoom{margin:0!important;transform:scale(var(--ct-scale,.55))!important}
 body.ac-wedding-layout .ng-position-controls{padding:3px 4px!important;margin:0 auto!important}
 body.ac-wedding-layout .ng-position-pair{padding:1px!important}
 body.ac-wedding-layout .ng-position-pair button{height:20px!important;min-height:20px!important;font-size:13px!important}
 body.ac-wedding-layout .ng-position-name{font-size:10px!important;line-height:13px!important}
 body.ac-wedding-layout:not(.ac-panel-collapsed) .ng-position-controls,body.ac-wedding-layout:not(.ac-panel-collapsed) .ac-person-tabs{display:none!important}
 body.ac-wedding-layout.ac-panel-collapsed #mixArea{flex:1 1 auto!important;height:auto!important;max-height:none!important;min-height:0!important}
 body.ac-wedding-layout.ac-panel-collapsed #selectArea,body.ac-wedding-layout.ac-panel-collapsed #selectArea2{flex:0 0 42px!important;height:42px!important;min-height:42px!important;max-height:42px!important}
 body.ac-wedding-layout .ac-bottom-dock{position:absolute!important;bottom:0!important;left:0!important;right:0!important;z-index:1000!important}
 body.ac-wedding-layout .ac-editor-topbar{height:48px!important;background:#db0!important}
 body.ac-wedding-layout .ac-editor-topbar .ac-brand img{max-height:36px;max-width:145px}
 body.ac-wedding-layout .ct-gender-start{position:absolute!important;inset:48px 0 0 0!important;z-index:700!important;min-height:0!important}
 .ct-page-ad{padding:22px 14px 60px;min-height:140px}
}

/* Face position controls: use the same pictogram assets as LineFace. */
body.ac-wedding-layout .ng-position-pair .ng-position-icon{
  display:block!important;order:0;width:25px;height:25px;min-width:0;max-width:100%;
  margin:0 auto;object-fit:contain;flex:0 0 auto;
}
@media (max-width:780px){
 body.ac-wedding-layout .ng-position-pair .ng-position-icon{width:23px;height:23px;}
}

/* 2026-11-05: Mobile avatar editor is a single locked viewport.
 * Only the parts catalogue scrolls. Ads and search-supporting copy stay on PC.
 * These overrides supersede the earlier temporary page-scroll rules (v mobile ad layout).
 */
@media (max-width:780px) {
  html:has(body.ac-wedding-layout) {
    height:100%!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }
  body.ac-wedding-layout.ac-renewal {
    width:100%!important;
    height:100dvh!important;
    max-height:100dvh!important;
    min-height:0!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }
  body.ac-wedding-layout #container {
    position:fixed!important;
    inset:0!important;
    width:100%!important;
    height:100dvh!important;
    max-height:100dvh!important;
    min-height:0!important;
    margin:0!important;
    overflow:hidden!important;
  }
  body.ac-wedding-layout #contents {
    position:absolute!important;
    inset:0 0 var(--ac-m-dock) 0!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    overflow:hidden!important;
  }
  body.ac-wedding-layout #contents>#leftArea,
  body.ac-wedding-layout #contents>#leftArea2 {
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  body.ac-wedding-layout #selectArea,
  body.ac-wedding-layout #selectArea2 {
    min-height:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain!important;
  }
  body.ac-wedding-layout .ac-bottom-dock {
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    z-index:1000!important;
  }
  body.ac-wedding-layout .ct-page-ad,
  body.ac-wedding-layout .ct-seo-area {
    display:none!important;
  }
}

/* Mobile preview proportions: let the enlarged Canvas use available viewport
   space; keep the fixed bottom dock and the parts list as the only scroller. */
@media (max-width:780px) {
  body.ac-wedding-layout.ac-panel-collapsed #mixArea {
    justify-content:center!important;
  }
  body.ac-wedding-layout.ac-panel-open #mixArea {
    justify-content:flex-start!important;
  }
}
