.spiffy-creator-button{--a:#7845d6;--b:#552ea3;--c:#ba96ed;--d:#e4ccf8;--ink:#fff;--foot:#442276;--r:14px;--px:50%;--py:0%;--play:running;position:relative;isolation:isolate;width:100%;min-height:60px;padding:13px 10px;border-radius:var(--r);border:1px solid transparent;color:var(--ink);font:600 13px/1.4 Inter,system-ui,sans-serif;text-align:center;white-space:normal;touch-action:manipulation;transition:transform .2s,box-shadow .2s,border-color .2s,filter .2s;background:var(--a);transform:translateY(0)}
.spiffy-creator-button > span:not(.spiffy-fx){position:relative;z-index:3;display:block;pointer-events:none}
.spiffy-creator-button::before,.spiffy-creator-button::after{pointer-events:none;box-sizing:border-box}
.spiffy-creator-button:hover{transform:translateY(-3px)}
.spiffy-creator-button:active{transform:translateY(3px) scale(.97)}
.spiffy-creator-button.spiffy-round{--r:32px}.spiffy-creator-button.spiffy-square{--r:6px}.spiffy-creator-button.spiffy-arch{border-radius:22px 22px 6px 6px}.spiffy-creator-button.spiffy-cut{border-radius:6px 22px 6px 22px}
/* SATIN: clear top light, curved reflection and a shaded lower edge. */
.spiffy-creator-button.spiffy-satin{overflow:hidden;background:linear-gradient(175deg,var(--a),var(--b));border:1px solid color-mix(in srgb,var(--b) 70%,white);box-shadow:inset 0 2px 1px #ffffff70,inset 0 -3px 5px #0002,0 3px 0 var(--foot),0 7px 13px #20133724}
.spiffy-creator-button.spiffy-satin::before{content:"";position:absolute;inset:2px 3px 48%;border-radius:calc(var(--r) - 3px) calc(var(--r) - 3px) 45% 45%;background:linear-gradient(#ffffff4d,#ffffff04);z-index:1}
.spiffy-creator-button.spiffy-satin:hover{box-shadow:inset 0 2px 1px #ffffff90,inset 0 -3px 5px #0002,0 5px 0 var(--foot),0 11px 18px #20133730}
.spiffy-creator-button.spiffy-satin:active{box-shadow:inset 0 2px 4px #0002,0 1px 0 var(--foot)}
.spiffy-creator-button.spiffy-satin.spiffy-band::before{inset:2px 3px 51%;border-radius:calc(var(--r) - 3px) calc(var(--r) - 3px) 0 0;background:linear-gradient(#ffffff60,#ffffff15)}
.spiffy-creator-button.spiffy-satin.spiffy-rim::after{content:"";position:absolute;inset:5px;border:1px solid #ffffff38;border-radius:calc(var(--r) - 4px);z-index:1}
/* GLASS: translucent tint, a crisp reflective rim, local light and refraction. */
.spiffy-creator-button.spiffy-glass{--ink:light-dark(#3a3250,#f0eaff);overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--a) 48%,light-dark(#ffffff80,#171225b3)),color-mix(in srgb,var(--a) 20%,light-dark(#ffffff66,#171225b3)));border:1px solid color-mix(in srgb,var(--a) 65%,light-dark(#a5a0b4,#c7c0de));border-top-color:color-mix(in srgb,var(--a) 40%,#ffffff);backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);box-shadow:inset 0 1px 0 #ffffffb0,inset 0 -1px 0 #ffffff45,0 5px 10px #24203620}
.spiffy-creator-button.spiffy-glass::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at var(--px) var(--py),#ffffff58,transparent 65%);opacity:.35;transition:opacity .2s;z-index:1}
.spiffy-creator-button.spiffy-glass:hover::after{opacity:.85}
.spiffy-creator-button.spiffy-glass:hover{box-shadow:inset 0 1px 0 #ffffffd0,inset 0 -1px 0 #ffffff45,0 9px 18px #24203630}
.spiffy-creator-button.spiffy-glass.spiffy-etch::before{content:"";position:absolute;inset:5px;border:1px solid #ffffff66;border-radius:calc(var(--r) - 5px)}
.spiffy-creator-button.spiffy-glass.spiffy-facet{background:linear-gradient(160deg,color-mix(in srgb,var(--a) 42%,#ffffff25) 0%,color-mix(in srgb,var(--a) 18%,light-dark(#fff9,#171225cc)) 46%,color-mix(in srgb,var(--a) 43%,light-dark(#fff7,#17122599)) 47%,color-mix(in srgb,var(--a) 18%,light-dark(#fff9,#171225cc)))}
.spiffy-creator-button.spiffy-glass.spiffy-lens{box-shadow:inset 0 3px 4px #ffffff73,inset 0 -4px 7px #6b648425,0 7px 12px #24203625}
.spiffy-creator-button.spiffy-glass.spiffy-smoke{--ink:#f3f7ff;background:linear-gradient(145deg,#424759cd,#222536d9);border-color:#b8c3d680}
/* NEON: white-hot cores and bounded bloom, never a glow behind the gallery. */
.spiffy-creator-button.spiffy-neon{background:radial-gradient(ellipse at 50% -40%,color-mix(in srgb,var(--a) 15%,#0c1019),#0c1019 80%);color:#f9fcff;border:2px solid color-mix(in srgb,var(--a) 65%,white);text-shadow:0 0 3px var(--a),0 0 8px var(--a);box-shadow:0 0 3px var(--a),0 0 8px color-mix(in srgb,var(--a) 74%,transparent),0 0 15px color-mix(in srgb,var(--a) 33%,transparent),inset 0 0 9px color-mix(in srgb,var(--a) 27%,transparent)}
.spiffy-creator-button.spiffy-neon:hover{box-shadow:0 0 3px var(--a),0 0 11px var(--a),0 0 21px color-mix(in srgb,var(--a) 46%,transparent),inset 0 0 14px color-mix(in srgb,var(--a) 40%,transparent)}
.spiffy-creator-button.spiffy-neon.spiffy-twin::before{content:"";position:absolute;inset:5px;border:1px solid color-mix(in srgb,var(--a) 55%,white);border-radius:calc(var(--r) - 5px);box-shadow:0 0 4px var(--a)}
.spiffy-creator-button.spiffy-neon.spiffy-sign{border:1px solid color-mix(in srgb,var(--a) 50%,#101421);text-shadow:0 0 2px white,0 0 7px var(--a),0 0 14px var(--a);letter-spacing:1px}
.spiffy-creator-button.spiffy-neon.spiffy-rail{border-left-width:4px;border-right-width:4px}
/* HOLOGRAPHIC: diffraction bands and conic iridescence travel independently. */
.spiffy-creator-button.spiffy-holo{overflow:hidden;color:var(--ink,#282033);background:var(--a);border:1px solid var(--foot);border-top-color:#ffffffb5;box-shadow:inset 0 2px 1px #ffffff9c,inset 0 -3px 5px #38234126,0 4px 0 var(--foot),0 9px 17px #291b3f29}
.spiffy-creator-button.spiffy-holo::before{content:"";position:absolute;inset:-180% -60%;z-index:0;background:conic-gradient(from 40deg at 45% 53%,var(--a),var(--b),var(--c),var(--d),var(--b),var(--a));animation:spiffy-foil 32s ease-in-out infinite alternate;animation-play-state:var(--play);opacity:.95}
.spiffy-creator-button.spiffy-holo::after{content:"";position:absolute;inset:0;z-index:1;background:repeating-linear-gradient(112deg,#ffffff00 0px,#ffffff05 2px,#ffffff2b 3px,#ffffff00 5px),linear-gradient(110deg,transparent 12%,#ffffff75 27%,transparent 38%,#ffffff18 55%,#ffffff5a 71%,transparent 82%);background-size:100% 100%,320% 100%;mix-blend-mode:soft-light;animation:spiffy-spectrum 24s ease-in-out infinite alternate;animation-play-state:var(--play)}
.spiffy-creator-button.spiffy-holo:hover{box-shadow:inset 0 2px 1px white,0 6px 0 var(--foot),0 12px 21px #291b3f37}
.spiffy-creator-button.spiffy-holo:active{box-shadow:inset 0 2px 2px #38234120,0 1px 0 var(--foot)}
.spiffy-creator-button.spiffy-holo.spiffy-polar::before{background:repeating-conic-gradient(from 10deg at 48% 50%,var(--a) 0deg,var(--b) 35deg,var(--c) 65deg,var(--d) 90deg,var(--a) 120deg)}
.spiffy-creator-button.spiffy-holo.spiffy-dark::after{opacity:.45}
/* METAL: hard reflection bands, fine brushing and machined edge details. */
.spiffy-creator-button.spiffy-metal{overflow:hidden;color:var(--ink);border:1px solid var(--foot);border-top-color:var(--c);background:linear-gradient(175deg,var(--c),var(--a) 28%,var(--b) 47%,var(--c) 50%,var(--a) 73%,var(--b));background-size:170% 120%;box-shadow:inset 0 1px 0 #ffffffb3,inset 0 -2px 0 #00000022,0 3px 0 var(--foot),0 7px 12px #24263326;transition:background-position .6s,transform .2s,box-shadow .2s}
.spiffy-creator-button.spiffy-metal:hover{background-position:100% 100%;box-shadow:inset 0 1px 0 #ffffffd0,0 5px 0 var(--foot),0 11px 17px #24263330}
.spiffy-creator-button.spiffy-metal:active{box-shadow:inset 0 1px 2px #00000015,0 1px 0 var(--foot)}
.spiffy-creator-button.spiffy-metal.spiffy-brush::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,#ffffff12 0 1px,#00000006 1px 2px);z-index:1}
.spiffy-creator-button.spiffy-metal.spiffy-frame::after{content:"";position:absolute;inset:5px;border:1px solid color-mix(in srgb,var(--foot) 35%,transparent);box-shadow:0 1px 0 #ffffff70;border-radius:calc(var(--r) - 5px);z-index:1}
.spiffy-creator-button.spiffy-metal.spiffy-cutline{border-left-width:3px;border-right-width:3px}
/* SOFT 3D: elastic press, rounded volume and material-specific top light. */
.spiffy-creator-button.spiffy-soft{color:var(--ink);background:linear-gradient(145deg,var(--a),var(--b));border:1px solid color-mix(in srgb,var(--a) 80%,var(--foot));box-shadow:inset 3px 4px 7px #ffffff7d,inset -3px -5px 8px color-mix(in srgb,var(--foot) 35%,transparent),0 5px 0 var(--foot),0 10px 15px #34273f20;transition:transform .24s cubic-bezier(.3,1.7,.4,1),box-shadow .2s}
.spiffy-creator-button.spiffy-soft:hover{transform:translateY(-3px) scale(1.015);box-shadow:inset 3px 4px 7px #ffffff8a,inset -3px -5px 8px color-mix(in srgb,var(--foot) 35%,transparent),0 7px 0 var(--foot),0 13px 20px #34273f27}
.spiffy-creator-button.spiffy-soft:active{transform:translateY(5px) scale(1.025,.94);box-shadow:inset 1px 2px 5px color-mix(in srgb,var(--foot) 30%,transparent),0 1px 0 var(--foot),0 3px 5px #34273f20}
.spiffy-creator-button.spiffy-soft.spiffy-jelly{overflow:hidden}.spiffy-creator-button.spiffy-soft.spiffy-jelly::before{content:"";position:absolute;inset:3px 7px 55%;border-radius:30px;background:linear-gradient(#ffffff87,#ffffff04)}
.spiffy-creator-button.spiffy-soft.spiffy-cushion{box-shadow:inset 4px 4px 10px #ffffff77,inset -4px -4px 9px color-mix(in srgb,var(--foot) 37%,transparent),0 6px 12px #34273f24}
.spiffy-creator-button.spiffy-soft.spiffy-seam::before{content:"";position:absolute;inset:6px;border:1px dashed color-mix(in srgb,var(--foot) 44%,transparent);border-radius:calc(var(--r) - 5px)}
/* GRAPHIC: ink, edge construction and typography, with physical press feedback. */
.spiffy-creator-button.spiffy-graphic{background:var(--a);color:var(--ink);border:2px solid var(--foot);box-shadow:4px 4px 0 var(--foot)}
.spiffy-creator-button.spiffy-graphic:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--foot)}
.spiffy-creator-button.spiffy-graphic:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--foot)}
.spiffy-creator-button.spiffy-graphic.spiffy-mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.3px}
.spiffy-creator-button.spiffy-graphic.spiffy-serif{font-family:Georgia,serif;font-size:15px;letter-spacing:.2px}
.spiffy-creator-button.spiffy-graphic.spiffy-double{border:4px double var(--foot)}
.spiffy-creator-button.spiffy-graphic.spiffy-ticket{border-radius:2px;border-left-style:dashed;border-right-style:dashed}
.spiffy-creator-button.spiffy-graphic.spiffy-corner::after{content:"";position:absolute;right:0;top:0;width:15px;height:15px;background:linear-gradient(45deg,var(--foot) 50%,var(--c) 51%);border-radius:0 var(--r) 0 0}
.spiffy-creator-button.spiffy-graphic.spiffy-stripe{border-left-width:8px}
.spiffy-creator-button.spiffy-graphic.spiffy-label span{letter-spacing:1.2px;text-transform:uppercase;font-size:12px}
/* MOTION: distinct interactions; text stays stable and legible. */
.spiffy-creator-button.spiffy-motion{overflow:hidden;background:linear-gradient(130deg,var(--a),var(--b));border:1px solid color-mix(in srgb,var(--a) 55%,white);box-shadow:inset 0 1px 0 #ffffff70,0 4px 0 var(--foot),0 9px 15px #21163126}
.spiffy-creator-button.spiffy-motion:active{box-shadow:inset 0 1px 3px #0002,0 1px 0 var(--foot)}
.spiffy-creator-button.spiffy-motion.spiffy-flow{background:linear-gradient(115deg,var(--a),var(--b),var(--c),var(--a));background-size:300% 100%;animation:spiffy-spectrum 20s ease-in-out infinite alternate;animation-play-state:var(--play)}
.spiffy-creator-button.spiffy-motion.spiffy-shine::after{content:"";position:absolute;inset:-50%;background:linear-gradient(115deg,transparent 35%,#ffffff50 48%,transparent 60%);transform:translateX(-65%);transition:transform .85s;z-index:1}
.spiffy-creator-button.spiffy-motion.spiffy-shine:hover::after,.spiffy-creator-button.spiffy-motion.spiffy-shine:focus-visible::after{transform:translateX(65%)}
.spiffy-creator-button.spiffy-motion.spiffy-spot::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at var(--px) var(--py),#ffffff2b,transparent 65%);z-index:1}
.spiffy-creator-button.spiffy-motion.spiffy-wipe::before{content:"";position:absolute;inset:0;background:var(--c);transform:translateX(-103%);transition:transform .45s;border-radius:inherit}
.spiffy-creator-button.spiffy-motion.spiffy-wipe:hover::before,.spiffy-creator-button.spiffy-motion.spiffy-wipe:focus-visible::before{transform:translateX(0)}
.spiffy-creator-button.spiffy-motion.spiffy-ripple::after{content:"";position:absolute;left:var(--px);top:var(--py);width:24px;height:24px;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%) scale(0);opacity:0}
.spiffy-creator-button.spiffy-motion.spiffy-ripple.spiffy-playing::after{animation:spiffy-ripple .65s ease-out}
.spiffy-creator-button.spiffy-motion.spiffy-arrow span{padding-right:16px}.spiffy-creator-button.spiffy-motion.spiffy-arrow::after{content:"→";position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:transform .25s;color:var(--ink);font-size:19px}
.spiffy-creator-button.spiffy-motion.spiffy-arrow:hover::after{transform:translate(4px,-50%)}
.spiffy-creator-button.spiffy-motion.spiffy-liquid{border-radius:30px;transition:border-radius .4s,transform .2s,box-shadow .2s}
.spiffy-creator-button.spiffy-motion.spiffy-liquid:hover{border-radius:9px 25px 9px 25px}
.spiffy-creator-button.spiffy-motion.spiffy-halo:hover{box-shadow:inset 0 1px 0 #ffffff90,0 4px 0 var(--foot),0 0 0 4px color-mix(in srgb,var(--a) 18%,transparent),0 0 23px color-mix(in srgb,var(--a) 36%,transparent)}
.spiffy-creator-button.spiffy-motion.spiffy-line::after{content:"";position:absolute;left:20%;right:20%;bottom:10px;height:2px;background:var(--ink);transform:scaleX(0);transition:transform .35s;opacity:.8}
.spiffy-creator-button.spiffy-motion.spiffy-line:hover::after,.spiffy-creator-button.spiffy-motion.spiffy-line:focus-visible::after{transform:scaleX(1)}
.spiffy-creator-button.spiffy-motion.spiffy-tilt:hover{transform:perspective(450px) rotateX(8deg) rotateY(-5deg) translateY(-3px)}
@keyframes spiffy-foil{0%{transform:rotate(-14deg) scale(1.02)}100%{transform:rotate(30deg) scale(1.06)}}
@keyframes spiffy-spectrum{0%{background-position:0% 50%}100%{background-position:100% 50%}}
@keyframes spiffy-ripple{0%{transform:translate(-50%,-50%) scale(0);opacity:.7}100%{transform:translate(-50%,-50%) scale(16);opacity:0}}
@media(prefers-reduced-motion:reduce){.spiffy-creator-button,.spiffy-creator-button::before,.spiffy-creator-button::after{animation:none!important;transition:none!important}.spiffy-creator-button:hover,.spiffy-creator-button:active{transform:none!important}}
/* Explicit demonstration states also work on touchscreens. */
.spiffy-creator-button .spiffy-fx{position:absolute;inset:-40%;z-index:2;pointer-events:none;display:block;background:linear-gradient(112deg,transparent 33%,#ffffff00 40%,#ffffff72 50%,#ffffff00 60%,transparent 67%);transform:translateX(-100%);opacity:0}
@keyframes spiffy-sweep{0%,12%{transform:translateX(-85%);opacity:0}25%{opacity:.9}70%{opacity:.9}88%,100%{transform:translateX(85%);opacity:0}}
@keyframes spiffy-neon-bloom{0%,100%{box-shadow:0 0 3px var(--a),0 0 8px color-mix(in srgb,var(--a) 55%,transparent),inset 0 0 8px color-mix(in srgb,var(--a) 22%,transparent)}50%{box-shadow:0 0 4px #fff,0 0 12px var(--a),0 0 25px color-mix(in srgb,var(--a) 70%,transparent),inset 0 0 22px color-mix(in srgb,var(--a) 48%,transparent);border-color:#faffff}}
@keyframes spiffy-prism-demo{0%,100%{transform:rotate(-25deg) scale(1.02)}50%{transform:rotate(125deg) scale(1.1)}}
@keyframes spiffy-reflection-demo{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes spiffy-metal-demo{0%,100%{background-position:50% 0%}50%{background-position:50% 100%}}
@keyframes spiffy-squish-demo{0%,100%{transform:translateY(0) scale(1)}25%{transform:translateY(-3px) scale(1.025)}48%{transform:translateY(5px) scale(1.045,.9);box-shadow:inset 1px 3px 7px color-mix(in srgb,var(--foot) 35%,transparent),0 1px 0 var(--foot),0 2px 4px #34273f25}66%{transform:translateY(-3px) scale(.985,1.025)}}
@keyframes spiffy-print-demo{0%,100%{transform:translate(0,0);box-shadow:4px 4px 0 var(--foot)}30%{transform:translate(-3px,-3px);box-shadow:7px 7px 0 var(--foot)}58%,72%{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--foot)}}
@keyframes spiffy-spot-demo{0%,100%{transform:translateX(-40%)}50%{transform:translateX(40%)}}
@keyframes spiffy-wipe-demo{0%,100%{transform:translateX(-103%)}40%,70%{transform:translateX(0)}}
@keyframes spiffy-water-demo{0%,15%{transform:translate(-50%,-50%) scale(0);opacity:0}18%{opacity:.75}78%,100%{transform:translate(-50%,-50%) scale(18);opacity:0}}
@keyframes spiffy-arrow-demo{0%,100%{transform:translate(0,-50%)}40%,60%{transform:translate(9px,-50%)}}
@keyframes spiffy-liquid-demo{0%,100%{border-radius:32px;transform:scale(1)}45%,60%{border-radius:6px 30px 6px 30px;transform:scale(1.015,.96)}}
@keyframes spiffy-halo-demo{0%,100%{box-shadow:inset 0 1px 0 #ffffff70,0 4px 0 var(--foot),0 9px 15px #21163126}50%{box-shadow:inset 0 1px 0 #ffffff90,0 4px 0 var(--foot),0 0 0 6px color-mix(in srgb,var(--a) 25%,transparent),0 0 28px color-mix(in srgb,var(--a) 60%,transparent)}}
@keyframes spiffy-line-demo{0%,100%{transform:scaleX(0)}35%,70%{transform:scaleX(1)}}
@keyframes spiffy-tilt-demo{0%,100%{transform:perspective(450px) rotateX(0) rotateY(0)}30%{transform:perspective(450px) rotateX(14deg) rotateY(-10deg) translateY(-4px)}65%{transform:perspective(450px) rotateX(-10deg) rotateY(10deg) translateY(-4px)}}

/* More saturated glass tints and neon interiors; existing effects retained. */
.spiffy-creator-button.spiffy-glass{--ink:light-dark(#24152f,#fff7ff);background:linear-gradient(145deg,color-mix(in srgb,var(--a) 70%,light-dark(#ffffffb8,#171225e6)),color-mix(in srgb,var(--a) 38%,light-dark(#ffffff99,#171225e6)));border-color:color-mix(in srgb,var(--a) 80%,light-dark(#b9a5c6,#d4bce8));border-top-color:color-mix(in srgb,var(--a) 38%,#fff)}
.spiffy-creator-button.spiffy-glass.spiffy-facet{background:linear-gradient(160deg,color-mix(in srgb,var(--a) 72%,light-dark(#ffffffb8,#171225e6)) 0%,color-mix(in srgb,var(--a) 38%,light-dark(#ffffff99,#171225e6)) 46%,color-mix(in srgb,var(--a) 72%,light-dark(#ffffffb8,#171225e6)) 47%,color-mix(in srgb,var(--a) 38%,light-dark(#ffffff99,#171225e6)))}
.spiffy-creator-button.spiffy-glass.spiffy-smoke{--ink:#fff7ff;background:linear-gradient(145deg,color-mix(in srgb,var(--a) 70%,#201438),color-mix(in srgb,var(--a) 42%,#160c2a));border-color:color-mix(in srgb,var(--a) 65%,#e6caff)}
.spiffy-creator-button.spiffy-neon{background:radial-gradient(ellipse at 50% -40%,color-mix(in srgb,var(--a) 27%,#090c19),#090c19 90%)}

/* Neon breathes without flashing or dimming the label. */
.spiffy-creator-button.spiffy-neon{border-color:color-mix(in srgb,var(--a) 65%,#17202a);box-shadow:0 0 3px color-mix(in srgb,var(--a) 45%,transparent),0 0 9px color-mix(in srgb,var(--a) 18%,transparent),inset 0 0 8px color-mix(in srgb,var(--a) 12%,transparent);text-shadow:0 0 6px color-mix(in srgb,var(--a) 40%,transparent)}
@keyframes spiffy-neon-breathe{0%,100%{border-color:color-mix(in srgb,var(--a) 58%,#17202a);box-shadow:0 0 3px color-mix(in srgb,var(--a) 40%,transparent),0 0 9px color-mix(in srgb,var(--a) 15%,transparent),inset 0 0 7px color-mix(in srgb,var(--a) 10%,transparent)}50%{border-color:color-mix(in srgb,var(--a) 65%,white);box-shadow:0 0 4px var(--a),0 0 12px color-mix(in srgb,var(--a) 75%,transparent),0 0 24px color-mix(in srgb,var(--a) 38%,transparent),inset 0 0 15px color-mix(in srgb,var(--a) 30%,transparent)}}
@keyframes spiffy-neon-inner{0%,100%{opacity:.3}50%{opacity:.85}}
/* Glass: transparent centre, thick polished rim, curved specular light. */
.spiffy-creator-button.spiffy-glass{--ink:light-dark(#1f2638,#f6f8ff);--glass-shadow:light-dark(#14253822,#00000055);--glass-rim:light-dark(#8193b14d,#c2d5ff55);background:radial-gradient(ellipse at 18% 0%,#ffffff66,transparent 56%),linear-gradient(145deg,color-mix(in srgb,var(--a) 14%,transparent),light-dark(#ffffff0a,#18203622) 48%,color-mix(in srgb,var(--a) 22%,transparent));border:1px solid var(--glass-rim);border-top-color:#ffffffa6;border-bottom-color:color-mix(in srgb,var(--a) 40%,var(--glass-rim));backdrop-filter:blur(18px) saturate(170%);-webkit-backdrop-filter:blur(18px) saturate(170%);box-shadow:inset 0 2px 1px #ffffffb0,inset 2px 0 3px #ffffff70,inset -2px 0 3px color-mix(in srgb,var(--a) 30%,#ffffff44),inset 0 -4px 5px color-mix(in srgb,var(--a) 18%,#35507820),0 2px 2px var(--glass-shadow),0 9px 18px var(--glass-shadow);text-shadow:0 1px 0 light-dark(#ffffffa0,#0003)}
.spiffy-creator-button.spiffy-glass::before{content:"";position:absolute;inset:3px;border:1px solid #ffffff65;border-bottom-color:#ffffff15;border-radius:inherit;background:radial-gradient(ellipse at 50% 125%,color-mix(in srgb,var(--a) 22%,transparent),transparent 53%);z-index:1}
.spiffy-creator-button.spiffy-glass::after{content:"";position:absolute;inset:1px;opacity:.85;border-radius:inherit;background:linear-gradient(112deg,transparent 10%,#ffffff70 10.5%,#ffffff16 16%,transparent 22%,transparent 73%,#ffffff45 74%,transparent 80%),linear-gradient(180deg,#ffffff4a,transparent 33%,transparent 78%,#ffffff40);transform:none;mix-blend-mode:normal;z-index:2}
.spiffy-creator-button.spiffy-glass .spiffy-fx{inset:auto 14% -6px;height:12px;border-radius:50%;background:var(--a);opacity:.4;filter:blur(7px);transform:none;z-index:0}
.spiffy-creator-button.spiffy-glass:hover{box-shadow:inset 0 2px 1px #ffffffd0,inset 2px 0 4px #ffffff70,inset -2px 0 3px color-mix(in srgb,var(--a) 30%,#ffffff44),inset 0 -4px 5px color-mix(in srgb,var(--a) 24%,#35507820),0 2px 3px var(--glass-shadow),0 12px 24px var(--glass-shadow)}
.spiffy-creator-button.spiffy-glass.spiffy-lg-lens::before{inset:4px 5px;border-radius:inherit;box-shadow:inset 0 3px 5px #ffffff70,inset 0 -3px 6px color-mix(in srgb,var(--a) 22%,transparent)}
.spiffy-creator-button.spiffy-glass.spiffy-lg-rib::before{background:repeating-linear-gradient(90deg,#ffffff13 0px,#ffffff13 3px,#73809e12 4px,#ffffff05 6px);border-width:1px}
.spiffy-creator-button.spiffy-glass.spiffy-lg-facet::before{background:linear-gradient(157deg,#ffffff4d 0%,#ffffff06 45%,color-mix(in srgb,var(--a) 20%,transparent) 46%,transparent 48%)}
.spiffy-creator-button.spiffy-glass.spiffy-lg-smoke{--ink:#f8faff;background:radial-gradient(ellipse at 15% 0%,#ffffff26,transparent 70%),linear-gradient(135deg,#343d52ad,#11182cc2);border-color:#c3d3ec7a;text-shadow:0 1px 2px #0004}
.spiffy-creator-button.spiffy-glass.spiffy-lg-frost{backdrop-filter:blur(26px) saturate(140%);-webkit-backdrop-filter:blur(26px) saturate(140%);background:linear-gradient(150deg,light-dark(#ffffff66,#34415755),color-mix(in srgb,var(--a) 22%,transparent))}
@keyframes spiffy-glass-light{0%,100%{background-position:100% 50%}50%{background-position:0% 50%}}
@keyframes spiffy-glass-rim{0%,100%{opacity:.6}50%{opacity:1}}
/* Apple-inspired: quiet type, rounded precision, soft material depth. */
.spiffy-creator-button.spiffy-apple{--ap-top:#fff;--ap-bottom:#e9edf2;--ap-edge:#c6ccd5;--ap-ink:#242932;--ap-depth:#c6ccd5;overflow:hidden;color:var(--ap-ink);background:linear-gradient(180deg,var(--ap-top),var(--ap-bottom));border:1px solid var(--ap-edge);border-top-color:color-mix(in srgb,var(--ap-top) 65%,#fff);font:500 14px/1.4 -apple-system,BlinkMacSystemFont,"Helvetica Neue",system-ui,sans-serif;letter-spacing:-.2px;box-shadow:inset 0 1px 1px #ffffff90,inset 0 -1px 1px #1720350c,0 2px 0 var(--ap-depth),0 6px 11px #1720351f;transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s}
.spiffy-creator-button.spiffy-apple::before{content:"";position:absolute;inset:1px 2px 50%;border-radius:inherit;background:linear-gradient(#ffffff38,transparent);z-index:1}
.spiffy-creator-button.spiffy-apple:hover{transform:translateY(-2px);box-shadow:inset 0 1px 1px #ffffff90,0 3px 0 var(--ap-depth),0 10px 18px #17203526}
.spiffy-creator-button.spiffy-apple:active{transform:translateY(1px) scale(.98);box-shadow:inset 0 1px 2px #17203515,0 1px 0 var(--ap-depth),0 3px 5px #1720351f}
.spiffy-creator-button.spiffy-apple.spiffy-ap-blue{--ap-top:#0071df;--ap-bottom:#0064d2;--ap-edge:#005abf;--ap-depth:#004b9f;--ap-ink:#fff}
.spiffy-creator-button.spiffy-apple.spiffy-ap-dark{--ap-top:#383a3e;--ap-bottom:#1d1e22;--ap-edge:#484b51;--ap-depth:#101114;--ap-ink:#fff}
.spiffy-creator-button.spiffy-apple.spiffy-ap-silver{--ap-top:#f5f6f8;--ap-bottom:#d9dee5;--ap-edge:#abb4bf;--ap-depth:#aab3bf;--ap-ink:#252a33}
.spiffy-creator-button.spiffy-apple.spiffy-ap-starlight{--ap-top:#fcf8f1;--ap-bottom:#e8dfd0;--ap-edge:#cfc1ac;--ap-depth:#beb09c;--ap-ink:#493d2e}
.spiffy-creator-button.spiffy-apple.spiffy-ap-ice{--ap-top:#eff8ff;--ap-bottom:#d0e7fa;--ap-edge:#a7c8e3;--ap-depth:#95b9d7;--ap-ink:#194363}
.spiffy-creator-button.spiffy-apple.spiffy-ap-orchid{--ap-top:#f7f2ff;--ap-bottom:#e1d5f3;--ap-edge:#c4b3dd;--ap-depth:#b4a0d1;--ap-ink:#50346f}
.spiffy-creator-button.spiffy-apple.spiffy-ap-frost{--ap-ink:light-dark(#273240,#f4f7fb);--ap-depth:light-dark(#bdc9d3,#3d4b60);border-color:light-dark(#b5c3d4,#8997ad);background:linear-gradient(165deg,light-dark(#ffffffb0,#4b5a71c0),light-dark(#e6eef788,#253249c9));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.spiffy-creator-button.spiffy-apple.spiffy-ap-outline{--ap-ink:light-dark(#0962bd,#bcdfff);--ap-depth:light-dark(#c3d6ec,#345171);border:1px solid light-dark(#8bb5e2,#618bbb);background:light-dark(#ffffffd9,#17273ae8);box-shadow:inset 0 1px 0 #ffffff40,0 2px 0 var(--ap-depth),0 5px 10px #17203512}
.spiffy-creator-button.spiffy-apple.spiffy-ap-ceramic{--ap-top:#fff;--ap-bottom:#f3f4f7;--ap-edge:#d7dbe1;--ap-depth:#c6ccd4;box-shadow:inset 0 2px 3px #fff,inset 0 -3px 5px #c5ccd344,0 3px 0 var(--ap-depth),0 8px 14px #17203521}
@keyframes spiffy-apple-press{0%,100%{transform:translateY(0) scale(1)}28%{transform:translateY(-2px) scale(1.01)}50%,60%{transform:translateY(1px) scale(.975)}78%{transform:translateY(-1px) scale(1)}}


.spiffy-creator-button.spiffy-apple-porcelain-pill{}
.spiffy-creator-button.spiffy-apple-graphite{}
.spiffy-creator-button.spiffy-apple-signature-blue{}
.spiffy-creator-button.spiffy-apple-silver-precision{}
.spiffy-creator-button.spiffy-apple-frosted-capsule{}
.spiffy-creator-button.spiffy-apple-starlight{--r:20px}
.spiffy-creator-button.spiffy-apple-white-ceramic{--r:21px}
.spiffy-creator-button.spiffy-apple-sky-tint{}
.spiffy-creator-button.spiffy-apple-precision-outline{}
.spiffy-creator-button.spiffy-apple-soft-orchid{--r:18px}
.spiffy-creator-button.spiffy-satin-violet-silk{--a:#8a29ed;--b:#6012c5;--foot:#42108f;--ink:#ffffff}
.spiffy-creator-button.spiffy-satin-ultramarine-capsule{--a:#2864f5;--b:#1743c2;--foot:#153186;--ink:#ffffff}
.spiffy-creator-button.spiffy-satin-fuchsia-lacquer{--a:#c7198b;--b:#9f096e;--foot:#690b4b;--ink:#ffffff}
.spiffy-creator-button.spiffy-satin-cyan-polish{--a:#28ddff;--b:#0abfe7;--foot:#087e9e;--ink:#121b2c}
.spiffy-creator-button.spiffy-satin-emerald-crest{--a:#25e99c;--b:#03bd77;--foot:#078554;--ink:#09231c}
.spiffy-creator-button.spiffy-satin-tangerine-satin{--a:#ffb037;--b:#ff7b22;--foot:#ba4812;--ink:#301506}
.spiffy-creator-button.spiffy-satin-lemon-pearl{--a:#fff376;--b:#ffce29;--foot:#bc8b09;--ink:#342402}
.spiffy-creator-button.spiffy-satin-rose-ribbon{--a:#ff8bd2;--b:#ff57b7;--foot:#b82479;--ink:#350c28}
.spiffy-creator-button.spiffy-satin-sunset-enamel{--a:#ff7061;--b:#fa4058;--foot:#b3243f;--ink:#2c0b18}
.spiffy-creator-button.spiffy-satin-lagoon-glaze{--a:#26e7d4;--b:#0ac9b8;--foot:#058678;--ink:#092923}
.spiffy-creator-button.spiffy-glass-clear-lens{--a:#86c4ed}
.spiffy-creator-button.spiffy-glass-rose-lens{--a:#fa65b1}
.spiffy-creator-button.spiffy-glass-fluted-blue{--a:#5fa3f2}
.spiffy-creator-button.spiffy-glass-amethyst-prism{--a:#b385f7}
.spiffy-creator-button.spiffy-glass-sea-glass{--a:#3ed8ac}
.spiffy-creator-button.spiffy-glass-amber-crystal{--a:#eeac35}
.spiffy-creator-button.spiffy-glass-smoked-lens{--a:#8eace4}
.spiffy-creator-button.spiffy-glass-frosted-quartz{--a:#b4bddf}
.spiffy-creator-button.spiffy-glass-peach-prism{--a:#f58f7d}
.spiffy-creator-button.spiffy-glass-cut-aqua{--a:#54cfcf}
.spiffy-creator-button.spiffy-neon-electric-cyan{--a:#00f0ff}
.spiffy-creator-button.spiffy-neon-hot-pink{--a:#ff08b8}
.spiffy-creator-button.spiffy-neon-acid-rail{--a:#99ff00}
.spiffy-creator-button.spiffy-neon-violet-voltage{--a:#c52eff}
.spiffy-creator-button.spiffy-neon-orange-sign{--a:#ff7214}
.spiffy-creator-button.spiffy-neon-mint-tubes{--a:#00ffc8}
.spiffy-creator-button.spiffy-neon-cherry-laser{--a:#ff174f}
.spiffy-creator-button.spiffy-neon-arcade-blue{--a:#287aff}
.spiffy-creator-button.spiffy-neon-golden-hour{--a:#ffe000}
.spiffy-creator-button.spiffy-neon-orchid-halo{--a:#fa5cff}
.spiffy-creator-button.spiffy-holographic-prism-foil{--a:#c6e1ed;--b:#e6c6ee;--c:#eedeb2;--d:#afe0d0;--foot:#9096ad;--ink:#2c2b42}
.spiffy-creator-button.spiffy-holographic-opal-lens{--a:#f2d0e5;--b:#c8e9df;--c:#f1e3c2;--d:#d7cff1;--foot:#a497b0;--ink:#352e44}
.spiffy-creator-button.spiffy-holographic-obsidian-oil{--a:#193b4f;--b:#44305c;--c:#225449;--d:#282b5f;--foot:#192338;--ink:#ffffff}
.spiffy-creator-button.spiffy-holographic-rose-titanium{--a:#ebbeae;--b:#e9d3ac;--c:#dbb8dc;--d:#edc9c1;--foot:#aa818f;--ink:#4f2d3d}
.spiffy-creator-button.spiffy-holographic-emerald-opal{--a:#b1dfb8;--b:#d6e39e;--c:#aed4d9;--d:#e3d9b2;--foot:#7fa396;--ink:#253e35}
.spiffy-creator-button.spiffy-holographic-arctic-spectrum{--a:#c8d8eb;--b:#e5dcf2;--c:#c1dee4;--d:#eee3d8;--foot:#8c9bb2;--ink:#2f3a50}
.spiffy-creator-button.spiffy-holographic-nebula-alloy{--a:#51406f;--b:#773c60;--c:#334774;--d:#623570;--foot:#37284f;--ink:#ffffff}
.spiffy-creator-button.spiffy-holographic-solar-foil{--a:#f0ca8d;--b:#e9dba2;--c:#d7bfdc;--d:#cfdda6;--foot:#ad9265;--ink:#49371f}
.spiffy-creator-button.spiffy-holographic-peacock-shift{--a:#9fd9d8;--b:#b8c1e8;--c:#d4b8e4;--d:#a8dfc2;--foot:#809bad;--ink:#23384f}
.spiffy-creator-button.spiffy-holographic-candy-diffraction{--a:#eac1cf;--b:#c4d1ed;--c:#eddbc4;--d:#d8bfe8;--foot:#a489ad;--ink:#442f50}
.spiffy-creator-button.spiffy-metal-mirror-chrome{--a:#c2cbd5;--b:#a9b4c2;--c:#f6f8fa;--foot:#808b9b;--ink:#263242}
.spiffy-creator-button.spiffy-metal-champagne-gold{--a:#e5c98d;--b:#c9ab6c;--c:#fff0c1;--foot:#9f8245;--ink:#493715}
.spiffy-creator-button.spiffy-metal-brushed-copper{--a:#d7ad95;--b:#c5977e;--c:#f3d0ba;--foot:#936b52;--ink:#492e24}
.spiffy-creator-button.spiffy-metal-titanium-rail{--a:#b8bdc8;--b:#989fac;--c:#e7eaf0;--foot:#737b88;--ink:#252d3d}
.spiffy-creator-button.spiffy-metal-gunmetal-frame{--a:#464c59;--b:#303743;--c:#636b77;--foot:#252b34;--ink:#ffffff}
.spiffy-creator-button.spiffy-metal-rose-gold{--a:#e3b9b7;--b:#caa0a4;--c:#f5d9d0;--foot:#a17d82;--ink:#4c2c37}
.spiffy-creator-button.spiffy-metal-blue-steel{--a:#b6c3dc;--b:#9eacc9;--c:#e3ebfa;--foot:#7382a3;--ink:#273650}
.spiffy-creator-button.spiffy-metal-antique-brass{--a:#ceb48d;--b:#b49b77;--c:#eddbb7;--foot:#8d7654;--ink:#3c2b19}
.spiffy-creator-button.spiffy-metal-platinum-ring{--a:#d5d4db;--b:#b8b7c4;--c:#fcf8ff;--foot:#9690a2;--ink:#393242}
.spiffy-creator-button.spiffy-metal-sage-aluminium{--a:#bdc5b9;--b:#a7b3a4;--c:#e4ebdd;--foot:#7f907c;--ink:#303f31}
.spiffy-creator-button.spiffy-soft-bubblegum-bounce{--a:#ff8bcf;--b:#ff55ae;--foot:#c22c7d;--ink:#340c26}
.spiffy-creator-button.spiffy-soft-pistachio-pop{--a:#b9fb65;--b:#89df30;--foot:#549218;--ink:#1c2c08;--r:20px}
.spiffy-creator-button.spiffy-soft-grape-jelly{--a:#c397ff;--b:#ac79f7;--foot:#7945bd;--ink:#24103e}
.spiffy-creator-button.spiffy-soft-mango-cushion{--a:#ffd565;--b:#ffad37;--foot:#c77919;--ink:#362102;--r:17px}
.spiffy-creator-button.spiffy-soft-aqua-gel{--a:#43efef;--b:#21cee8;--foot:#078da7;--ink:#0c2b34}
.spiffy-creator-button.spiffy-soft-lemon-foam{--a:#fcf67c;--b:#f8dd38;--foot:#b39b14;--ink:#302702}
.spiffy-creator-button.spiffy-soft-coral-candy{--a:#ff9275;--b:#ff665b;--foot:#be3b36;--ink:#3b100c}
.spiffy-creator-button.spiffy-soft-blue-marshmallow{--a:#91c4ff;--b:#62a2ff;--foot:#3666bd;--ink:#0f2446}
.spiffy-creator-button.spiffy-soft-honey-drop{--a:#ffdb52;--b:#ffb52b;--foot:#c3860c;--ink:#362600}
.spiffy-creator-button.spiffy-soft-dragonfruit-glaze{--a:#ff93f4;--b:#f767e1;--foot:#b832a7;--ink:#350d35;--r:22px}
.spiffy-creator-button.spiffy-graphic-lemon-ink{--a:#ffdf28;--foot:#292007;--ink:#292007}
.spiffy-creator-button.spiffy-graphic-acid-studio{--a:#adff22;--foot:#203407;--ink:#203407}
.spiffy-creator-button.spiffy-graphic-electric-maison{--a:#f786da;--foot:#401138;--ink:#401138}
.spiffy-creator-button.spiffy-graphic-backstage-pass{--a:#ff6c88;--foot:#400f1f;--ink:#400f1f}
.spiffy-creator-button.spiffy-graphic-blue-blueprint{--a:#4799ff;--foot:#09254b;--ink:#09254b}
.spiffy-creator-button.spiffy-graphic-violet-note{--a:#c28aff;--c:#8c43d7;--foot:#301446;--ink:#301446}
.spiffy-creator-button.spiffy-graphic-cyan-editorial{--a:#25ddf5;--foot:#093642;--ink:#093642}
.spiffy-creator-button.spiffy-graphic-after-hours{--a:#ff973e;--foot:#402104;--ink:#402104}
.spiffy-creator-button.spiffy-graphic-orchid-double{--a:#f57aff;--foot:#390c42;--ink:#390c42}
.spiffy-creator-button.spiffy-graphic-mint-stamp{--a:#33edaa;--foot:#093c2b;--ink:#093c2b}
.spiffy-creator-button.spiffy-motion-aurora-current{--a:#6021d8;--b:#bc147a;--c:#006b93;--foot:#42178e;--ink:#ffffff}
.spiffy-creator-button.spiffy-motion-sapphire-sweep{--a:#2861eb;--b:#1945b9;--foot:#113184;--ink:#ffffff}
.spiffy-creator-button.spiffy-motion-follow-the-light{--a:#9418bd;--b:#601187;--foot:#3e0e59;--ink:#ffffff}
.spiffy-creator-button.spiffy-motion-candy-reveal{--a:#ff98d4;--b:#ff70ba;--c:#bd8eff;--foot:#b23f83;--ink:#340d28}
.spiffy-creator-button.spiffy-motion-tropical-ripple{--a:#3cebd1;--b:#08c8be;--foot:#078c84;--ink:#082e2c}
.spiffy-creator-button.spiffy-motion-lime-forward{--a:#d7fb57;--b:#afe62d;--foot:#759d13;--ink:#263906}
.spiffy-creator-button.spiffy-motion-cherry-liquid{--a:#ff767b;--b:#ff4c74;--foot:#b62652;--ink:#2c0a18}
.spiffy-creator-button.spiffy-motion-violet-halo{--a:#8426dd;--b:#5c17b1;--foot:#41147e;--ink:#ffffff}
.spiffy-creator-button.spiffy-motion-mango-signature{--a:#ffe364;--b:#ffba35;--foot:#b87c13;--ink:#362301}
.spiffy-creator-button.spiffy-motion-sky-float{--a:#6ae3ff;--b:#3ebffd;--foot:#167faf;--ink:#082c46}
.spiffy-creator-button{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;--py:50%;color:var(--ink)!important;cursor:pointer}
.spiffy-creator-button.spiffy-apple{--ink:var(--ap-ink)}
.spiffy-creator-button :is(span,svg){color:inherit!important}
.spiffy-creator-button > span:not(.spiffy-fx){min-width:0;white-space:normal;overflow-wrap:anywhere;text-shadow:none}
.spiffy-creator-button.spiffy-neon{animation:spiffy-neon-breathe 20s ease-in-out infinite}
.spiffy-creator-button.spiffy-neon.spiffy-twin::before{animation:spiffy-neon-inner 20s ease-in-out infinite}
.spiffy-creator-button.spiffy-holo::before{animation:spiffy-prism-demo 32s ease-in-out infinite}
.spiffy-creator-button.spiffy-glass::after{background-size:240% 100%;animation:spiffy-glass-light 18s ease-in-out infinite}
.spiffy-creator-button.spiffy-ripple.spiffy-playing::after{animation:spiffy-ripple .8s ease-out}
.spiffy-creator-button.spiffy-satin:hover .spiffy-fx,.spiffy-creator-button.spiffy-apple:hover .spiffy-fx{animation:spiffy-sweep 1.5s ease-in-out 1}
.spiffy-creator-button.spiffy-metal:focus-visible{background-position:100% 100%}
.spiffy-creator-button:disabled{cursor:not-allowed}
.spiffy-button-selector .spiffy-button-categories{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:12px;background:#f8f9fc;border:1px solid #e1e3eb;border-radius:14px}
.spiffy-button-selector .spiffy-button-category{min-height:42px;padding:9px 14px;border:1px solid #dce0e8;border-radius:10px;background:linear-gradient(#fff,#f8f9fc);color:#404657;box-shadow:0 2px 4px #23304b0b;font-size:13px;font-weight:600}
.spiffy-button-selector .spiffy-button-category[aria-pressed="true"]{border-color:#ab8bdd;background:#faf8ff;color:#513580;box-shadow:0 0 0 2px #a88bd822}
.spiffy-button-selector .spiffy-style-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 16px;padding:14px 7px 20px}
.spiffy-button-selector .spiffy-style-choice{position:relative;min-width:0;border-radius:14px}
.spiffy-button-selector .spiffy-style-choice[data-selected="true"]{outline:2px solid #a88bd8;outline-offset:5px}
.spiffy-button-selector .spiffy-style-choice > button{width:100%;min-height:58px;white-space:normal}
.spiffy-button-selector .spiffy-style-choice > button:focus-visible{outline:3px solid #9472c7;outline-offset:5px}
.spiffy-button-selector .spiffy-choice-mark{position:absolute;z-index:5;top:-8px;right:-7px;width:20px;height:20px;border-radius:50%;background:#76539f;color:white;display:grid;place-items:center;box-shadow:0 0 0 2px #fff;pointer-events:none}
/* Override the broad branding fill only inside the icon/emoji chooser. */
.spiffy-refresh [aria-label="Icon picker"] button[aria-pressed][aria-label^="Select "], [aria-label="Icon picker"] .spiffy-icon-choice{background:#fff!important;background-image:none!important;color:#3b4352!important;border:1px solid #d9dce5!important;box-shadow:0 2px 5px #2530520d!important;transform:none!important;filter:none!important}
.spiffy-refresh [aria-label="Icon picker"] button[aria-pressed="true"][aria-label^="Select "], [aria-label="Icon picker"] .spiffy-icon-choice[aria-pressed="true"]{background:#fff!important;border-color:#b596df!important;box-shadow:0 0 0 2px #b596df29,0 2px 5px #2530520d!important}
[aria-label="Icon picker"] button[aria-pressed][aria-label^="Select "] :is(span,svg){color:#3b4352!important}
[aria-label="Icon picker"] .glass-icon-tabs{display:flex;gap:6px;padding:6px;max-width:440px;width:100%;border:1px solid #e0e3eb;border-radius:14px;background:#f8f9fc;box-shadow:0 2px 7px #25305212}
[aria-label="Icon picker"] .glass-icon-glider{display:none!important}
[aria-label="Icon picker"] .glass-icon-tabs .icon-tab-label{border:1px solid transparent;border-radius:10px;min-height:44px;box-shadow:none;transform:none}
[aria-label="Icon picker"] .glass-icon-tabs .icon-tab-trigger{color:#404657!important;background:transparent!important;border:0!important;box-shadow:none!important;text-shadow:none!important;transform:none!important}
[aria-label="Icon picker"] .glass-icon-tabs input:checked + .icon-tab-label{border-color:#b596df;background:#fff;box-shadow:0 0 0 2px #b596df1a}
[aria-label="Icon picker"] .glass-icon-tabs input:checked + .icon-tab-label .icon-tab-trigger{color:#513580!important;font-weight:600}
@media(max-width:640px){.spiffy-button-selector .spiffy-style-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.spiffy-button-selector .spiffy-button-category{padding:8px 11px}}
@media(prefers-reduced-motion:reduce){.spiffy-creator-button,.spiffy-creator-button::before,.spiffy-creator-button::after,.spiffy-creator-button .spiffy-fx{animation:none!important;transition:none!important}.spiffy-creator-button:hover,.spiffy-creator-button:active{transform:none!important}}