/* R66 · shared capsule skin; load after studio-landing.css and square-gallery.css. */
:is(.studio-landing,.square-gallery,.creation-history-page) nav.mode-pill {position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:0;box-sizing:border-box;width:min(320px,100%);max-width:100%;min-width:0;padding:3px;border:1px solid #ffffff04;border-radius:999px;background:#252729;overflow:visible;}
:is(.studio-landing,.square-gallery,.creation-history-page) nav.mode-pill::before {content:"";position:absolute;inset:-18px -10px;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath d='M15 10 16.5 13.5 20 15 16.5 16.5 15 20 13.5 16.5 10 15 13.5 13.5Z' fill='%23a5afb5'/%3E%3C/svg%3E");background-position:center;opacity:.09;mask-image:radial-gradient(ellipse at center,#000 25%,transparent 76%);pointer-events:none;}
:is(.studio-landing,.square-gallery,.creation-history-page) nav.mode-pill>.mode-pill-indicator {position:absolute;left:3px;top:3px;bottom:3px;z-index:1;width:calc((100% - 6px)/2);border:0;border-radius:999px;background:radial-gradient(ellipse 34% 86% at 25% 50%,#fee4d3 0%,#fee4d399 38%,transparent 100%),radial-gradient(ellipse 43% 86% at 68% 52%,#a7f0fd 0%,#a7f0fdb3 50%,transparent 100%),#fafcfc;box-shadow:0 1px 3px #00000014;transform:translateX(0);pointer-events:none;}
:is(.studio-landing,.square-gallery,.creation-history-page) nav.mode-pill:is([data-selected=advanced],[data-selected=community],[data-selected=free])>.mode-pill-indicator {transform:translateX(100%);}
:is(.studio-landing,.square-gallery,.creation-history-page) nav.mode-pill>button {position:relative;z-index:2;display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:0;min-height:44px;margin:0;padding:7px 12px;border:0;border-radius:999px;background:transparent;color:#e6e8e9;box-shadow:none;font-size:13px;font-weight:500;line-height:1.5;text-align:center;white-space:normal;overflow-wrap:anywhere;}
:is(.studio-landing,.square-gallery,.creation-history-page) nav.mode-pill>button:is([aria-selected=true],.is-active) {border:0;background:transparent;color:#172528;box-shadow:none;}
:is(.studio-landing,.square-gallery,.creation-history-page) nav.mode-pill>button:focus-visible {outline:2px solid #c2b3e2;outline-offset:2px;}
.square-gallery nav.square-tabs.mode-pill {margin-inline:auto;}
.square-gallery nav.mode-pill>.mode-pill-indicator {transition:transform 360ms cubic-bezier(.22,1,.36,1);}
@media(prefers-reduced-motion:reduce) {
 :is(.studio-landing,.square-gallery,.creation-history-page) nav.mode-pill,.mode-pill>.mode-pill-indicator,.mode-pill>button,.mode-pill::before {animation:none!important;transition:none!important;}
}

.creation-history-page nav.mode-pill>.mode-pill-indicator {transition:transform 360ms cubic-bezier(.22,1,.36,1);}