/* Shop collections share the platform's accessible theme tokens. */
.sx-product{display:flex;flex-direction:column;gap:14px;min-width:0;transition:transform .22s,box-shadow .22s}.sx-product p{flex:1}.sx-product:hover{transform:translateY(-3px);box-shadow:0 12px 32px #141b3626}.sx-preview{position:relative;isolation:isolate;overflow:hidden;min-height:178px;border-radius:20px;padding:20px;display:grid;place-items:center;gap:10px;color:#f7f8ff;background:linear-gradient(125deg,#203a68,#293050)}.sx-preview b{font-size:48px;line-height:1.1;z-index:1}.sx-preview small{font-size:10px;letter-spacing:.12em}.sx-preview span{font-size:13px;z-index:1}.sx-preview i{position:absolute;width:130px;height:130px;border:1px solid #9cbbff55;border-radius:28px;right:-38px;top:-30px;transform:rotate(35deg)}.sx-preview i+i{left:-40px;top:105px}.sx-play{background:radial-gradient(at 15% 90%,#8054a3,#273757 70%)}.sx-skin-paper{background:repeating-linear-gradient(0deg,transparent 0 22px,#77653715 22px 23px),#f4ecdc;color:#453820}.sx-skin-nebula{background:radial-gradient(at 90% 10%,#683d85,transparent 65%),#171b39;color:#eee9ff}.sx-tool-filters{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.sx-tool-filters button,.sx-extra button,.sx-profile-options button{border:1px solid var(--theme-line,#7180a0);border-radius:12px;padding:10px 14px;background:var(--theme-panel2,#243255);color:var(--theme-ink,#edf1ff);cursor:pointer;min-height:42px}.sx-tool-filters [aria-pressed=true]{background:#2859a4;color:#fff}.sx-stat-grid,.sx-friend-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin:20px 0}.sx-stat-grid article,.sx-friend-grid article{padding:24px;border:1px solid var(--theme-line,#59617f);border-radius:20px;background:var(--theme-panel,#20253f);display:flex;flex-direction:column;gap:12px}.sx-stat-grid b{font-size:42px;color:var(--theme-ink,#eef0ff)}.sx-friend-grid article>span{font-size:30px;color:var(--theme-accent,#abb0ff)}.sx-share{display:flex;align-items:center;gap:12px;margin:18px 0}.sx-public{max-width:1100px;margin:40px auto;padding:20px}.sx-confirm{border:1px solid var(--theme-line,#6c7599);border-radius:22px;background:var(--theme-panel,#20253f);color:var(--theme-ink,#eef0ff);max-width:440px;padding:28px}.sx-confirm::backdrop{background:#070a18b0}.sx-confirm div{display:flex;gap:12px;flex-wrap:wrap}.sx-confirm button{padding:12px 20px;cursor:pointer}.sx-extra{margin:18px 0;border:1px solid var(--theme-line,#6b7595);border-radius:16px;padding:16px;color:var(--theme-ink,#edf1ff);background:var(--theme-panel,#20253f)}.sx-extra summary{font-weight:700;cursor:pointer}.sx-extra p{font-size:13px}.sx-extra input,.sx-extra select,.sx-extra textarea{max-width:100%;box-sizing:border-box;display:block;width:100%;padding:10px 12px;margin:10px 0;border:1px solid var(--theme-line,#6b7595);border-radius:10px;color:var(--theme-ink,#edf1ff);background:var(--theme-bg,#171c30)}.sx-extra pre{white-space:pre-wrap;max-height:240px;overflow:auto}.sx-extra ul{padding-left:20px}.sx-extra button{margin:4px}.sx-extra [type=checkbox]{display:inline;width:auto}.sx-extra output{display:block;word-break:break-all;padding:14px 0}.sx-pill{padding:8px 14px;background:var(--theme-panel2,#293155);border-radius:20px}.sx-profile-options{padding:18px;display:flex;flex-wrap:wrap;gap:14px}.sx-profile-options details{width:100%}.sx-profile-options input{padding:10px;max-width:100%;box-sizing:border-box}.sx-profile-options .sx-pins{display:flex;gap:12px;flex-wrap:wrap;width:100%}.sx-profile-options .sx-pins span{border-radius:12px;padding:12px;background:var(--theme-panel2,#293155)}
/* Optional tool skins never style output values with low-contrast accent colors. */
:is(#acw-calc,#acw-python,#paint-workspace).sx-skin-blueprint{--theme-panel:#132c4d;--theme-panel2:#234972;--theme-bg:#102743;--theme-ink:#f2f7ff;--theme-muted:#c6d7ee;--theme-line:#637fa3;background:repeating-linear-gradient(90deg,transparent 0 24px,#7395c412 24px 25px),#132c4d;color:#f2f7ff;border-radius:14px;padding:14px}
:is(#acw-calc,#acw-python,#paint-workspace).sx-skin-paper{--theme-panel:#f7f0e4;--theme-panel2:#e7dcc7;--theme-bg:#fffaf0;--theme-ink:#332b21;--theme-muted:#655946;--theme-line:#a59983;background:#f7f0e4;color:#332b21;border-radius:14px;padding:14px}
:is(#acw-calc,#acw-python,#paint-workspace).sx-skin-nebula{--theme-panel:#22213d;--theme-panel2:#393351;--theme-bg:#17162d;--theme-ink:#f2edff;--theme-muted:#c5bfd9;--theme-line:#7b7097;background:radial-gradient(at 100% 0,#59357277,transparent 45%),#22213d;color:#f2edff;border-radius:14px;padding:14px}
/* Covers: distinct illustrations assembled from the existing three art layers. */
.ap-style-sakura{background:#261f42!important;color:#faf1ff!important}.ap-style-sakura .ap-cover-art span:nth-child(1){width:210px;height:210px;border-radius:50%;background:#e08fa5;right:9%;top:5%;opacity:.7}.ap-style-sakura .ap-cover-art span:nth-child(2){width:420px;height:140px;border-top:18px solid #68405d;transform:rotate(-30deg);right:-40px;top:50%;border-radius:50%}.ap-style-sakura .ap-cover-art span:nth-child(3){width:20px;height:15px;right:35%;top:30%;background:#ffbed5;border-radius:80% 0;box-shadow:40px 60px #ffd1df,110px -10px #f8a3c6,170px 50px #ffe2ea,70px -65px #d779a4;animation:sx-drift 12s ease-in-out infinite alternate}
.ap-style-archipelago{background:linear-gradient(#253e62,#648699)!important;color:#fff!important}.ap-style-archipelago .ap-cover-art span{width:70%;height:220px;right:-7%;bottom:-120px;top:auto;border-radius:50% 70% 0 0;background:#244c62;transform:rotate(-10deg)}.ap-style-archipelago .ap-cover-art span:nth-child(2){right:25%;bottom:-100px;background:#306279;transform:rotate(15deg)}.ap-style-archipelago .ap-cover-art span:nth-child(3){width:60px;height:60px;border-radius:50%;top:15%;right:15%;background:#f6e5ab}
.ap-style-circuit{background:repeating-linear-gradient(90deg,transparent 0 59px,#62bdaf22 59px 61px),repeating-linear-gradient(0deg,#123e4022 0 59px,#62bdaf22 59px 61px),#133639!important;color:#f0fffd!important}.ap-style-circuit .ap-cover-art span{width:90px;height:90px;border:3px solid #94dac2;border-radius:12px;right:15%;top:15%;box-shadow:0 0 0 10px #94dac222}.ap-style-circuit .ap-cover-art span:nth-child(2){width:220px;height:130px;right:3%;top:40%;border-width:1px}.ap-style-circuit .ap-cover-art span:nth-child(3){width:10px;height:10px;border-radius:50%;top:45%;right:28%;background:#d4fbaa;animation:sx-drift 7s ease-in-out infinite alternate}
.ap-style-paperplane{background:repeating-linear-gradient(0deg,transparent 0 32px,#715d4920 32px 33px),#ece1c8!important;color:#352e26!important}.ap-style-paperplane .ap-cover-art span:nth-child(1){width:210px;height:210px;border:3px dashed #577fb2;border-radius:50%;right:3%;top:10%}.ap-style-paperplane .ap-cover-art span:nth-child(2){width:95px;height:70px;background:#527bab;clip-path:polygon(0 0,100% 30%,35% 100%,45% 37%);right:12%;top:25%;animation:sx-drift 12s ease-in-out infinite alternate}
.ap-style-planetarium{background:radial-gradient(at 80% 10%,#595275,#171c38 65%)!important;color:#f7f1ff!important}.ap-style-planetarium .ap-cover-art span:nth-child(1){width:190px;height:190px;background:linear-gradient(130deg,#d7b18d,#68405e);border-radius:50%;right:8%;top:0}.ap-style-planetarium .ap-cover-art span:nth-child(2){width:300px;height:75px;border:20px solid #d6bcab88;right:0;top:55px;border-radius:50%;transform:rotate(-25deg)}.ap-style-planetarium .ap-cover-art span:nth-child(3){width:28px;height:28px;background:#b1c4e5;right:40%;top:25%;border-radius:50%;animation:sx-drift 15s ease-in-out infinite alternate}
.ap-style-jellyfish{background:linear-gradient(#173647,#111c3a)!important;color:#f1faff!important}.ap-style-jellyfish .ap-cover-art span{width:110px;height:85px;border-radius:90% 90% 25% 25%;right:12%;top:18%;background:radial-gradient(at 50% 10%,#c5efffaa,#8c85da22);border-bottom:2px solid #bbc1f8;box-shadow:0 50px 25px -30px #b3a4fe;animation:sx-drift 9s ease-in-out infinite alternate}.ap-style-jellyfish .ap-cover-art span:nth-child(2){right:33%;top:40%;width:65px;height:50px;animation-delay:-4s}.ap-style-jellyfish .ap-cover-art span:nth-child(3){right:0;top:65%;width:55px;height:40px;animation-delay:-7s}
.ap-style-vinyl{background:linear-gradient(120deg,#35213c,#4a3440)!important;color:#fff1ed!important}.ap-style-vinyl .ap-cover-art span:nth-child(1){width:250px;height:250px;right:0;top:-30px;border-radius:50%;background:repeating-radial-gradient(#171726 0 3px,#3e3e4d 4px 5px);animation:sx-spin 35s linear infinite}.ap-style-vinyl .ap-cover-art span:nth-child(2){width:72px;height:72px;background:#d98e79;border:8px solid #f0b896;border-radius:50%;right:89px;top:59px}.ap-style-vinyl .ap-cover-art span:nth-child(3){width:10px;height:100px;right:32%;bottom:0;top:auto;background:#b48bb0;box-shadow:20px 20px #b48bb0,40px -20px #e7b396,60px 10px #e7b396}
.ap-style-arcadecity{background:linear-gradient(#251f4b,#5b3c68)!important;color:#fff0fd!important}.ap-style-arcadecity .ap-cover-art span{right:0;bottom:0;top:auto;width:65%;height:60%;background:repeating-linear-gradient(90deg,transparent 0 16px,#c8a57355 17px 21px,transparent 22px 35px),repeating-linear-gradient(0deg,#141a32 0 15px,transparent 16px 20px);clip-path:polygon(0 100%,0 45%,8% 45%,8% 25%,23% 25%,23% 55%,40% 55%,40% 0,62% 0,62% 20%,82% 20%,82% 45%,100% 45%,100% 100%)}.ap-style-arcadecity .ap-cover-art span:nth-child(2){width:80px;height:80px;border-radius:50%;background:#e2b7e5;right:20%;top:5%;clip-path:none}.ap-style-arcadecity .ap-cover-art span:nth-child(3){display:none}
/* Effects live on the art overlay, away from text and controls. */
.ap-effect-snow .ap-cover-art:after{background:radial-gradient(circle,#fff9 0 2px,transparent 3px) 0 0/60px 65px,radial-gradient(circle,#fff6 0 1px,transparent 2px) 20px 25px/45px 45px;animation:sx-fall 14s linear infinite}
.ap-effect-bubbles .ap-cover-art:after{background:radial-gradient(circle at center,transparent 0 17px,#acdafa77 18px 19px,transparent 20px) 0 0/130px 130px;animation:sx-rise 20s linear infinite}
.ap-effect-confetti .ap-cover-art:after{background:linear-gradient(25deg,transparent 46%,#ddb86899 47% 51%,transparent 52%) 0 0/67px 110px,linear-gradient(-40deg,transparent 48%,#a8b6eb88 49% 52%,transparent 53%) 25px 20px/100px 130px;animation:sx-fall 22s linear infinite}
.ap-effect-radar .ap-cover-art:after{inset:auto 1% -40% auto;width:330px;height:330px;border-radius:50%;background:repeating-radial-gradient(transparent 0 54px,#b9e4d744 55px 56px),conic-gradient(transparent 270deg,#93d8c866);animation:sx-spin 20s linear infinite}
.ap-effect-rain .ap-cover-art:after{background:repeating-linear-gradient(108deg,transparent 0 40px,#b4d8ee55 41px 42px,transparent 43px 80px);animation:sx-rain 6s linear infinite}
.ap-effect-ripple .ap-cover-art:after{background:repeating-radial-gradient(ellipse at 80% 60%,transparent 0 35px,#bbc9ed44 36px 38px,transparent 39px 70px);animation:sx-breathe 8s ease-in-out infinite alternate}
.ap-effect-constellation .ap-cover-art:after{background:radial-gradient(circle,#f6ebcc 1px,transparent 3px) 0 0/95px 83px,linear-gradient(35deg,transparent 49%,#cad7fb33 50%,transparent 51%) 0 0/95px 83px;animation:sx-breathe 11s ease-in-out infinite alternate}
.ap-effect-petals .ap-cover-art:after{background:radial-gradient(ellipse at center,#edabcfaa 0 4px,transparent 5px) 0 0/99px 139px,radial-gradient(ellipse at center,#e8cfde99 0 3px,transparent 4px) 45px 50px/120px 90px;animation:sx-fall 18s linear infinite}
:is(.ap-effect-snow,.ap-effect-bubbles,.ap-effect-confetti,.ap-effect-radar,.ap-effect-rain,.ap-effect-ripple,.ap-effect-constellation,.ap-effect-petals) .ap-cover-art:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.7}.ap-effect-radar .ap-cover-art:after{inset:auto 1% -40% auto}
.ap-frame-hexagon .ap-monogram{border-radius:24%!important;border:5px double #9bbde4!important;clip-path:polygon(24% 0,76% 0,100% 24%,100% 76%,76% 100%,24% 100%,0 76%,0 24%)}.ap-frame-stamp .ap-monogram{border:7px dotted #dbcaaa!important;border-radius:6px!important;outline:2px solid #968068}.ap-frame-brackets .ap-monogram{border:7px solid transparent!important;border-image:linear-gradient(45deg,#9bd4dc 15%,transparent 15% 85%,#9bd4dc 85%) 1;border-radius:4px!important}.ap-frame-portal .ap-monogram{border:5px double #a4afff!important;border-radius:50%!important;box-shadow:0 0 0 6px #757fea44,0 0 25px #9996ff77!important;animation:sx-portal 6s ease-in-out infinite alternate}.ap-frame-sunflower .ap-monogram{border:10px dashed #d4ae59!important;border-radius:50%!important;box-shadow:0 0 0 3px #8b7035!important}.ap-frame-badge .ap-monogram{border:6px ridge #9fbed8!important;border-radius:15% 15% 42% 42%!important}.ap-frame-ribbon .ap-monogram{border:7px double #e0bf74!important;border-radius:30%!important;box-shadow:8px 10px 0 #78549b,-8px 10px 0 #78549b!important}.ap-frame-scan .ap-monogram{border:6px dashed #77cbbf!important;border-radius:12px!important;box-shadow:0 0 0 3px #275963!important}
@keyframes sx-drift{to{transform:translate(16px,14px) rotate(8deg)}}@keyframes sx-spin{to{transform:rotate(360deg)}}@keyframes sx-fall{to{background-position:40px 260px,65px 280px}}@keyframes sx-rise{to{background-position:0 -260px}}@keyframes sx-rain{to{background-position:-80px 240px}}@keyframes sx-breathe{to{opacity:.35;transform:scale(1.1)}}@keyframes sx-portal{to{box-shadow:0 0 0 10px #757fea22,0 0 35px #aaa6ff99}}
[data-ps-motion=paused] *,[data-ps-motion=paused] *:after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.sx-product{transition:none}.sx-product:hover{transform:none}[class*=ap-style-] .ap-cover-art *,[class*=ap-effect-] .ap-cover-art:after,[class*=ap-frame-] .ap-monogram{animation:none!important}}
@media(max-width:600px){.sx-stat-grid{grid-template-columns:1fr}.sx-public{padding:14px;margin:10px auto}.sx-friend-grid{grid-template-columns:1fr}.sx-extra{padding:12px}.sx-tool-filters button{flex:1}.sx-preview{min-height:150px}}
#adultProfile[data-sx-accent=sapphire] .ps-tag{background:#d9e9ff;color:#173d76}#adultProfile[data-sx-accent=amethyst] .ps-tag{background:#ecddff;color:#4d267a}#adultProfile[data-sx-accent=amber] .ps-tag{background:#ffedc7;color:#6b4209}#adultProfile[data-sx-accent=sapphire] .ap-primary{background:#2859a4!important;color:white!important}#adultProfile[data-sx-accent=amethyst] .ap-primary{background:#6946a0!important;color:white!important}#adultProfile[data-sx-accent=amber] .ap-primary{background:#7b4f17!important;color:white!important}
.sx-product[hidden]{display:none!important}.sx-product{padding:18px;border:1px solid var(--theme-line,#505979);border-radius:24px;background:var(--theme-panel,#1b2139)}
:is(#acw-calc,#acw-python,#paint-workspace)[class*=sx-skin-]{--bg-color:var(--theme-bg);--card-bg:var(--theme-panel2);--text-primary:var(--theme-ink);--text-secondary:var(--theme-muted);--text-muted:var(--theme-muted);--border-color:var(--theme-line)}
.acw-dialog .sx-extra{padding:16px;border:1px solid var(--theme-line,#6b7595)}.acw-dialog .sx-extra :is(input,select,textarea,button){background:var(--theme-panel2,#293155);color:var(--theme-ink,#edf1ff);border-color:var(--theme-line,#6b7595)}.acw-dialog .sx-extra small{color:var(--theme-muted,#b5bdd5)}
#paint-workspace[class*=sx-skin-]{--text-secondary:var(--theme-muted)}.pw-below>.sx-extra{margin:0}.pw .sx-extra small{color:var(--pw-muted)}
:is(.ap-style-sakura,.ap-style-archipelago,.ap-style-circuit,.ap-style-planetarium,.ap-style-jellyfish,.ap-style-vinyl,.ap-style-arcadecity){--profile-fg:#f7f4ff;--profile-key:#ddd6ff;--profile-line:#aebde766;--profile-haze:#161d38}
.ap-style-paperplane{--profile-fg:#352e26;--profile-key:#354e72;--profile-line:#7b756b;--profile-haze:#ece1c8}.ap-style-paperplane .ap-sample-caption{color:#352e26!important}.ap-style-paperplane .ap-monogram{color:#352e26!important}
.sx-tab-help{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-8px 0 20px;color:var(--ap-muted,#bac4db)}.sx-tab-help[hidden]{display:none}.sx-tab-help button{border:1px solid var(--ap-line,#68749a);border-radius:10px;padding:8px 12px;background:var(--ap-bg,#273250);color:var(--ap-text,#f0f3ff);font-size:12px;min-height:40px}.sx-tab-help small{font-size:11px;text-align:center}