@import "https://api.fontshare.com/v2/css?f[]=satoshi@900,700,500,400,300&display=swap";@import "https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg-primary:#f4f3ef;--bg-surface:#efece6;--bg-surface-hover:#e7e3db;--bg-panel:#faf9f5;--border-subtle:#d8d5cc;--border-strong:#18181b;--border-active:#000;--text-main:#18181b;--text-muted:#616166;--text-faint:#919196;--accent-black:#18181b;--accent-white:#fff;--font-satoshi:"Satoshi", system-ui, -apple-system, sans-serif;--font-inter:"Inter", system-ui, sans-serif;--font-space:"Space Grotesk", sans-serif;--font-instrument:"Instrument Sans", sans-serif;--font-mono:"JetBrains Mono", monospace;--current-font:var(--font-satoshi)}body.theme-dark{--bg-primary:#0a0a0c;--bg-surface:#121215;--bg-surface-hover:#1a1a1e;--bg-panel:#141417;--border-subtle:#242428;--border-strong:#e4e4e7;--border-active:#fff;--text-main:#f4f4f5;--text-muted:#a1a1aa;--text-faint:#52525b;--accent-black:#fff;--accent-white:#0a0a0c}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-main);font-family:var(--current-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background-color .3s,color .3s;overflow-x:hidden}.font-satoshi{font-family:var(--font-satoshi)!important}.font-inter{font-family:var(--font-inter)!important}.font-space{font-family:var(--font-space)!important}.font-instrument{font-family:var(--font-instrument)!important}.font-mono{font-family:var(--font-mono)!important}button{cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;outline:none;font-family:inherit}input,select{outline:none;font-family:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-container{flex-direction:column;min-height:100vh;display:flex}.specimen-btn{letter-spacing:-.01em;white-space:nowrap;cursor:pointer;color:var(--btn-color,#18181b);border:1.5px solid var(--btn-color,#18181b);background-color:#0000;justify-content:center;align-items:center;gap:10px;font-weight:500;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-size-sm{padding:8px 20px;font-size:.8125rem}.btn-size-md{padding:12px 28px;font-size:.9375rem}.btn-size-lg{padding:16px 36px;font-size:1.0625rem}.specimen-btn.btn-icon-only{aspect-ratio:1;justify-content:center;align-items:center;display:inline-flex;padding:0!important}.specimen-btn.btn-icon-only.btn-size-sm{width:36px;height:36px}.specimen-btn.btn-icon-only.btn-size-md{width:44px;height:44px}.specimen-btn.btn-icon-only.btn-size-lg{width:54px;height:54px}.canvas-dark{color:#f4f4f5;--btn-color:#fff;--btn-bg:#0e0e10;background-color:#0e0e10;border-bottom:1px solid #1f1f23}.canvas-light{color:#18181b;--btn-color:#18181b;--btn-bg:#efece6;background-color:#efece6;border-bottom:1px solid #e2dfd6}.btn-hover-fill-sweep{z-index:1;position:relative;overflow:hidden}.btn-hover-fill-sweep:before{content:"";background-color:var(--btn-color,#18181b);transform-origin:100%;transition:transform var(--anim-speed,.38s) cubic-bezier(.16, 1, .3, 1);z-index:-1;position:absolute;inset:-1px;transform:scaleX(0)}.btn-hover-fill-sweep:hover:before,.btn-hover-fill-sweep.is-auto-hovered:before{transform-origin:0;transform:scaleX(1)}.btn-hover-fill-sweep:hover,.btn-hover-fill-sweep.is-auto-hovered{color:var(--btn-bg,#fff)!important;border-color:var(--btn-color,#18181b)!important}.btn-hover-icon-push{transition:transform var(--anim-speed,.25s) cubic-bezier(.16, 1, .3, 1), box-shadow var(--anim-speed,.25s) ease, background-color var(--anim-speed,.25s) ease}.btn-hover-icon-push .btn-icon{transition:transform var(--anim-speed,.3s) cubic-bezier(.34, 1.56, .64, 1)}.btn-hover-icon-push:hover,.btn-hover-icon-push.is-auto-hovered{background-color:#18181b0f;transform:translateY(-3px);box-shadow:0 8px 24px -4px #18181b2e}.btn-hover-icon-push:hover .btn-icon,.btn-hover-icon-push.is-auto-hovered .btn-icon,.btn-hover-icon-push:hover .btn-icon-right,.btn-hover-icon-push.is-auto-hovered .btn-icon-right{transform:translate(6px)}.btn-hover-icon-push:hover .btn-icon-left,.btn-hover-icon-push.is-auto-hovered .btn-icon-left{transform:translate(-6px)}.btn-hover-icon-push.btn-icon-only:hover .btn-icon,.btn-hover-icon-push.btn-icon-only.is-auto-hovered .btn-icon{transform:translate(4px)}.btn-hover-shimmer{transition:transform .25s cubic-bezier(.16,1,.3,1),background-color .25s,box-shadow .25s;position:relative;overflow:hidden}.btn-hover-shimmer:before{content:"";pointer-events:none;z-index:3;background:linear-gradient(115deg,#0000 30%,#fff0 40%,#ffffff4d 48%,#fff 50%,#ffffff4d 52%,#fff0 60%,#0000 70%);width:200%;height:200%;transition:transform;position:absolute;top:-50%;left:-50%;transform:translate(-100%)rotate(25deg)}.btn-hover-shimmer:hover:before,.btn-hover-shimmer.is-auto-hovered:before{transition:transform var(--anim-speed,1.5s) cubic-bezier(.16, 1, .3, 1);transform:translate(100%)rotate(25deg)}.btn-hover-shimmer:hover,.btn-hover-shimmer.is-auto-hovered{transform:translateY(-2px);box-shadow:0 6px 20px #00000014}.btn-hover-shimmer:active{transform:translateY(0)}.btn-hover-shimmer .btn-icon{transition:transform .25s cubic-bezier(.16,1,.3,1)}.btn-hover-shimmer:hover .btn-icon,.btn-hover-shimmer.is-auto-hovered .btn-icon{transform:translate(3px)}.btn-hover-3d-press{box-shadow:4px 4px 0px var(--btn-color,#18181b);transition:transform .15s,box-shadow .15s,background-color .15s;position:relative}.btn-hover-3d-press:hover,.btn-hover-3d-press.is-auto-hovered{box-shadow:2px 2px 0px var(--btn-color,#18181b);background-color:#18181b08;transform:translate(2px,2px)}.btn-hover-3d-press:active{box-shadow:0px 0px 0px var(--btn-color,#18181b);transform:translate(4px,4px)}.btn-hover-corner-brackets{transition:border-radius var(--anim-speed,.4s) cubic-bezier(.34, 1.56, .64, 1), transform var(--anim-speed,.3s) cubic-bezier(.16, 1, .3, 1), background-color var(--anim-speed,.3s) ease, color var(--anim-speed,.3s) ease, box-shadow var(--anim-speed,.3s) ease;position:relative}.btn-hover-corner-brackets:hover,.btn-hover-corner-brackets.is-auto-hovered{background-color:var(--btn-color,#18181b);transform:translateY(-2px)scale(1.02);box-shadow:0 8px 24px -4px #0000002e;color:var(--btn-bg,#fff)!important;border-radius:0!important}.btn-hover-corner-brackets[style*="border-radius: 0px"]{transition:border-radius var(--anim-speed,.45s) cubic-bezier(.16, 1, .3, 1), transform var(--anim-speed,.3s) cubic-bezier(.16, 1, .3, 1), background-color var(--anim-speed,.3s) ease, color var(--anim-speed,.3s) ease, box-shadow var(--anim-speed,.3s) ease}.btn-hover-corner-brackets[style*="border-radius: 0px"]:hover,.btn-hover-corner-brackets[style*="border-radius: 0px"].is-auto-hovered{border-radius:30px!important}.btn-hover-corner-brackets:active{transform:translateY(0)scale(.98)}.btn-hover-corner-brackets .btn-icon{transition:transform var(--anim-speed,.3s) cubic-bezier(.34, 1.56, .64, 1)}.btn-hover-corner-brackets:hover .btn-icon,.btn-hover-corner-brackets.is-auto-hovered .btn-icon{transform:translate(4px)}@keyframes ambientAuraBreathing{0%,to{box-shadow:0 0 16px var(--btn-color,#18181b), 0 0 32px var(--btn-color,#18181b);transform:scale(1)}50%{box-shadow:0 0 28px var(--btn-color,#18181b), 0 0 52px var(--btn-color,#18181b);transform:scale(1.02)}}.btn-hover-glow-pulse{transition:transform var(--anim-speed,.4s) cubic-bezier(.16, 1, .3, 1), background-color var(--anim-speed,.4s) ease;position:relative}.btn-hover-glow-pulse:before{content:"";border-radius:inherit;pointer-events:none;opacity:0;transition:opacity var(--anim-speed,.45s) ease;z-index:-1;position:absolute;inset:0}.btn-hover-glow-pulse:hover:before,.btn-hover-glow-pulse.is-auto-hovered:before{opacity:1;animation:2.2s ease-in-out infinite ambientAuraBreathing}.btn-hover-glow-pulse:hover,.btn-hover-glow-pulse.is-auto-hovered{background-color:#18181b0a;transform:translateY(-2px)}.btn-hover-glow-pulse:active{transform:translateY(0)scale(.99)}.btn-hover-glow-pulse .btn-icon{transition:transform var(--anim-speed,.4s) cubic-bezier(.34, 1.56, .64, 1)}.btn-hover-glow-pulse:hover .btn-icon,.btn-hover-glow-pulse.is-auto-hovered .btn-icon{transform:scale(1.15)}.btn-hover-ripple{z-index:1;position:relative;overflow:hidden}.btn-hover-ripple:before{content:"";background-color:var(--btn-color,#18181b);z-index:-1;border-radius:50%;width:0;height:0;transition:width .45s ease-out,height .45s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-hover-ripple:hover:before,.btn-hover-ripple.is-auto-hovered:before{width:340px;height:340px}.btn-hover-ripple:hover,.btn-hover-ripple.is-auto-hovered{color:var(--btn-bg,#fff)!important}.btn-hover-card-flip{perspective:1000px;background:0 0;border:none;padding:0;transition:none;position:relative;overflow:visible}.btn-hover-card-flip .card-inner{border-radius:inherit;transition:transform var(--anim-speed,.6s) cubic-bezier(.16, 1, .3, 1);transform-style:preserve-3d;display:inline-flex;position:relative}.btn-hover-card-flip:hover .card-inner,.btn-hover-card-flip.is-auto-hovered .card-inner{transform:rotateY(180deg)}.btn-hover-card-flip .card-front,.btn-hover-card-flip .card-back{backface-visibility:hidden;white-space:nowrap;letter-spacing:-.01em;border:1.5px solid var(--btn-color,#18181b);border-radius:inherit;justify-content:center;align-items:center;gap:10px;font-weight:500;display:inline-flex}.btn-hover-card-flip .card-front{background-color:var(--btn-bg,transparent);color:var(--btn-color,#18181b)}.btn-hover-card-flip .card-back{background-color:var(--btn-color,#18181b);color:var(--btn-bg,#fff);position:absolute;inset:0;transform:rotateY(180deg)}.btn-hover-card-flip.btn-size-sm .card-front,.btn-hover-card-flip.btn-size-sm .card-back{padding:8px 20px;font-size:.8125rem}.btn-hover-card-flip.btn-size-md .card-front,.btn-hover-card-flip.btn-size-md .card-back{padding:12px 28px;font-size:.9375rem}.btn-hover-card-flip.btn-size-lg .card-front,.btn-hover-card-flip.btn-size-lg .card-back{padding:16px 36px;font-size:1.0625rem}.btn-hover-card-flip.btn-icon-only .card-front,.btn-hover-card-flip.btn-icon-only .card-back{aspect-ratio:1;padding:0!important}.btn-hover-card-flip.btn-icon-only.btn-size-sm .card-front,.btn-hover-card-flip.btn-icon-only.btn-size-sm .card-back{width:36px;height:36px}.btn-hover-card-flip.btn-icon-only.btn-size-md .card-front,.btn-hover-card-flip.btn-icon-only.btn-size-md .card-back{width:44px;height:44px}.btn-hover-card-flip.btn-icon-only.btn-size-lg .card-front,.btn-hover-card-flip.btn-icon-only.btn-size-lg .card-back{width:54px;height:54px}.btn-hover-magnetic{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,background-color .3s}.btn-hover-magnetic .btn-icon{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.btn-hover-magnetic:hover,.btn-hover-magnetic.is-auto-hovered{background-color:#18181b0a;transform:translateY(-4px)scale(1.02);box-shadow:0 12px 24px -6px #0000001f}.btn-hover-magnetic:hover .btn-icon,.btn-hover-magnetic.is-auto-hovered .btn-icon{transform:rotate(45deg)scale(1.15)}.btn-hover-lens{z-index:1;transition:transform var(--anim-speed,.3s) cubic-bezier(.16, 1, .3, 1), box-shadow var(--anim-speed,.3s) ease;position:relative;overflow:hidden}.btn-hover-lens:before{content:"";background-color:var(--btn-color,#18181b);height:58%;transition:transform var(--anim-speed,.35s) cubic-bezier(.16, 1, .3, 1);z-index:-1;position:absolute;top:-2px;left:-2px;right:-2px;transform:translateY(-105%)}.btn-hover-lens:after{content:"";background-color:var(--btn-color,#18181b);height:58%;transition:transform var(--anim-speed,.35s) cubic-bezier(.16, 1, .3, 1);z-index:-1;position:absolute;bottom:-2px;left:-2px;right:-2px;transform:translateY(105%)}.btn-hover-lens:hover:before,.btn-hover-lens.is-auto-hovered:before,.btn-hover-lens:hover:after,.btn-hover-lens.is-auto-hovered:after{transform:translateY(0)}.btn-hover-lens:hover,.btn-hover-lens.is-auto-hovered{transform:translateY(-2px);box-shadow:0 8px 24px -4px #00000029;color:var(--btn-bg,#fff)!important}.btn-hover-lens:active{transform:translateY(0)}.btn-hover-lens .btn-icon{transition:transform var(--anim-speed,.3s) cubic-bezier(.34, 1.56, .64, 1)}.btn-hover-lens:hover .btn-icon,.btn-hover-lens.is-auto-hovered .btn-icon{transform:translate(4px)scale(1.1)}.btn-hover-text-elevator{transition:background-color var(--anim-speed,.3s) ease, border-color var(--anim-speed,.3s) ease;position:relative;overflow:hidden!important}.btn-hover-text-elevator .btn-content-wrap{transition:transform var(--anim-speed,.35s) cubic-bezier(.16, 1, .3, 1);justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:inline-flex}.btn-hover-text-elevator:hover .btn-content-wrap,.btn-hover-text-elevator.is-auto-hovered .btn-content-wrap{transform:translateY(-160%)}.btn-hover-text-elevator .btn-content-duplicate{transition:transform var(--anim-speed,.35s) cubic-bezier(.16, 1, .3, 1);justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex;position:absolute;inset:0;transform:translateY(160%)}.btn-hover-text-elevator:hover .btn-content-duplicate,.btn-hover-text-elevator.is-auto-hovered .btn-content-duplicate{transform:translateY(0)}.btn-hover-text-elevator:hover,.btn-hover-text-elevator.is-auto-hovered{background-color:#18181b0a;transform:translateY(-2px)}@keyframes neonFlickerIgnition{0%{opacity:.8;box-shadow:0 0 4px var(--btn-color,#cf0)}15%{opacity:.4;box-shadow:none}30%{opacity:1;box-shadow:0 0 15px var(--btn-color,#cf0), 0 0 35px var(--btn-color,#cf0)}45%{opacity:.7;box-shadow:0 0 6px var(--btn-color,#cf0)}60%{opacity:1;box-shadow:0 0 20px var(--btn-color,#cf0), 0 0 45px var(--btn-color,#cf0), inset 0 0 12px var(--btn-color,#cf0)}to{opacity:1;box-shadow:0 0 20px var(--btn-color,#cf0), 0 0 45px var(--btn-color,#cf0), inset 0 0 12px var(--btn-color,#cf0)}}.btn-hover-color-acid{transition:color var(--anim-speed,.2s) ease, border-color var(--anim-speed,.2s) ease, transform var(--anim-speed,.25s) ease, box-shadow var(--anim-speed,.25s) ease, text-shadow var(--anim-speed,.25s) ease;position:relative}.btn-hover-color-acid:hover,.btn-hover-color-acid.is-auto-hovered{text-shadow:0 0 8px var(--btn-color,#cf0), 0 0 18px var(--btn-color,#cf0);background-color:#0003;animation:.4s ease-out forwards neonFlickerIgnition;transform:translateY(-2px)scale(1.02);color:var(--btn-color,#cf0)!important;border-color:var(--btn-color,#cf0)!important}.btn-hover-color-acid:active{transform:translateY(0)scale(.99)}.btn-hover-color-acid .btn-icon{transition:transform var(--anim-speed,.25s) cubic-bezier(.34, 1.56, .64, 1)}.btn-hover-color-acid:hover .btn-icon,.btn-hover-color-acid.is-auto-hovered .btn-icon{transform:scale(1.2)}.btn-hover-outline-weight{transition:border-width .25s,box-shadow .25s,transform .25s}.btn-hover-outline-weight:hover,.btn-hover-outline-weight.is-auto-hovered{border-width:2.5px;transform:scale(1.02)}.btn-hover-outline-dashed{transition:border-style .3s,border-color .3s,transform .25s}.btn-hover-outline-dashed:hover,.btn-hover-outline-dashed.is-auto-hovered{background-color:#18181b0a;border-style:dashed;border-width:1.5px;transform:scale(1.02)}.btn-hover-outline-double-ring{z-index:1;transition:transform .25s;position:relative}.btn-hover-outline-double-ring:before{content:"";border:1px solid var(--btn-color,#18181b);border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s cubic-bezier(.16,1,.3,1);position:absolute;inset:4px;transform:scale(1.12)}.btn-hover-outline-double-ring:hover:before,.btn-hover-outline-double-ring.is-auto-hovered:before{opacity:1;transform:scale(1)}.btn-hover-outline-double-ring:hover,.btn-hover-outline-double-ring.is-auto-hovered{transform:scale(1.02)}.btn-hover-outline-notches{transition:transform var(--anim-speed,.3s) cubic-bezier(.16, 1, .3, 1), box-shadow var(--anim-speed,.3s) ease, background-color var(--anim-speed,.3s) ease;position:relative}.btn-hover-outline-notches:before{content:"";background: linear-gradient(to right, var(--btn-color,#18181b) 2px, transparent 2px) top left / 10px 10px no-repeat, linear-gradient(to bottom, var(--btn-color,#18181b) 2px, transparent 2px) top left / 10px 10px no-repeat,  linear-gradient(to left, var(--btn-color,#18181b) 2px, transparent 2px) top right / 10px 10px no-repeat, linear-gradient(to bottom, var(--btn-color,#18181b) 2px, transparent 2px) top right / 10px 10px no-repeat,  linear-gradient(to right, var(--btn-color,#18181b) 2px, transparent 2px) bottom left / 10px 10px no-repeat, linear-gradient(to top, var(--btn-color,#18181b) 2px, transparent 2px) bottom left / 10px 10px no-repeat,  linear-gradient(to left, var(--btn-color,#18181b) 2px, transparent 2px) bottom right / 10px 10px no-repeat, linear-gradient(to top, var(--btn-color,#18181b) 2px, transparent 2px) bottom right / 10px 10px no-repeat;opacity:0;transition:transform var(--anim-speed,.35s) cubic-bezier(.16, 1, .3, 1), opacity var(--anim-speed,.35s) cubic-bezier(.16, 1, .3, 1);pointer-events:none;position:absolute;inset:-6px;transform:scale(1.22)}.btn-hover-outline-notches:after{content:"";border-radius:inherit;background-color:var(--btn-color,#18181b);opacity:0;transition:transform var(--anim-speed,.3s) cubic-bezier(.16, 1, .3, 1), opacity var(--anim-speed,.3s) ease;pointer-events:none;z-index:-1;position:absolute;inset:0;transform:scale(.96)}.btn-hover-outline-notches:hover:before,.btn-hover-outline-notches.is-auto-hovered:before{opacity:1;transform:scale(1)}.btn-hover-outline-notches:hover:after,.btn-hover-outline-notches.is-auto-hovered:after{opacity:.08;transform:scale(1)}.btn-hover-outline-notches:hover,.btn-hover-outline-notches.is-auto-hovered{transform:translateY(-2px);box-shadow:0 8px 24px -4px #0000001f}.btn-hover-outline-notches:active{transform:translateY(0)}.btn-hover-outline-notches .btn-icon{transition:transform var(--anim-speed,.3s) cubic-bezier(.16, 1, .3, 1)}.btn-hover-outline-notches:hover .btn-icon,.btn-hover-outline-notches.is-auto-hovered .btn-icon{transform:translate(4px)}.btn-hover-outline-revolving{transition:transform .25s;position:relative;background-color:#0000!important;border:none!important}.btn-hover-outline-revolving .btn-svg-border{pointer-events:none;border-radius:inherit;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.btn-hover-outline-revolving .btn-svg-rect{fill:#0000;stroke:var(--btn-color,#18181b);stroke-width:1.5px;pathLength:100;stroke-dasharray:0 0 100 0;stroke-dashoffset:0;transition:fill .3s,stroke-dasharray .35s,stroke-dashoffset .35s}@keyframes svgBorderCircuitComplete{0%{stroke-dasharray:0 0 100 0;stroke-dashoffset:0}18%{stroke-dasharray:0 20 80 0;stroke-dashoffset:0}82%{stroke-dasharray:0 20 80 0;stroke-dashoffset:-80px}to{stroke-dasharray:0 0 100 0;stroke-dashoffset:-100px}}.btn-hover-outline-revolving:hover .btn-svg-rect,.btn-hover-outline-revolving.is-auto-hovered .btn-svg-rect{fill:#18181b0d;animation:svgBorderCircuitComplete var(--anim-speed,.95s) cubic-bezier(.4, 0, .2, 1) forwards}.btn-hover-outline-revolving:hover,.btn-hover-outline-revolving.is-auto-hovered{transform:translateY(-2px)}.canvas-dark .btn-hover-outline-revolving:hover .btn-svg-rect,.canvas-dark .btn-hover-outline-revolving.is-auto-hovered .btn-svg-rect{fill:#ffffff14}.btn-hover-confetti-burst{z-index:1;transition:transform .2s,background-color .2s,border-color .2s;position:relative}.btn-hover-confetti-burst:active{transform:scale(.96)}.btn-hover-confetti-burst:before,.btn-hover-confetti-burst:after{content:"";z-index:-1;pointer-events:none;opacity:0;background-repeat:no-repeat;width:170%;height:110%;position:absolute;left:50%;transform:translate(-50%)}.btn-hover-confetti-burst:hover:before,.btn-hover-confetti-burst.is-auto-hovered:before{opacity:1;background-image:radial-gradient(circle,#ff007f 22%,#0000 22%),radial-gradient(circle,#0000 15%,#0f6 22%,#0000 28%),radial-gradient(circle,#b026ff 22%,#0000 22%),radial-gradient(circle,#cf0 22%,#0000 22%),radial-gradient(circle,#0000 10%,#00f0ff 18%,#0000 24%),radial-gradient(circle,#ffe600 22%,#0000 22%),radial-gradient(circle,#f50 22%,#0000 22%),radial-gradient(circle,#ff007f 22%,#0000 22%),radial-gradient(circle,#00f0ff 22%,#0000 22%);background-position:50% 120%;background-size:12% 12%,22% 22%,16% 16%,22% 22%,20% 20%,12% 12%,16% 16%,12% 12%,20% 20%;animation:.65s cubic-bezier(.16,1,.3,1) forwards animate_top_confetti;top:-75%}@keyframes animate_top_confetti{0%{background-position:5% 90%,10% 90%,10% 90%,15% 90%,25% 90%,25% 90%,40% 90%,55% 90%,70% 90%}50%{background-position:0 80%,0 20%,10% 40%,20% 0,30% 30%,22%,50%,65% 20%,90% 30%}to{background-position:0 70%,0 10%,10% 30%,20% -10%,30% 20%,22% 40%,50% 40%,65% 10%,90% 20%;background-size:0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%}}.btn-hover-confetti-burst:hover:after,.btn-hover-confetti-burst.is-auto-hovered:after{opacity:1;background-image:radial-gradient(circle,#ffe600 22%,#0000 22%),radial-gradient(circle,#0f6 22%,#0000 22%),radial-gradient(circle,#0000 10%,#00f0ff 18%,#0000 24%),radial-gradient(circle,#ff007f 22%,#0000 22%),radial-gradient(circle,#b026ff 22%,#0000 22%),radial-gradient(circle,#cf0 22%,#0000 22%),radial-gradient(circle,#f50 22%,#0000 22%);background-position:50% 0;background-size:16% 16%,22% 22%,20% 20%,22% 22%,16% 16%,22% 22%,20% 20%;animation:.65s cubic-bezier(.16,1,.3,1) forwards animate_bottom_confetti;bottom:-75%}@keyframes animate_bottom_confetti{0%{background-position:10% -10%,30% 10%,55% -10%,70% -10%,85% -10%,70% -10%,70% 0}50%{background-position:0 80%,20% 80%,45% 60%,60% 100%,75% 70%,95% 60%,105% 0}to{background-position:0 90%,20% 90%,45% 70%,60% 110%,75% 80%,95% 70%,110% 10%;background-size:0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%}}.btn-hover-confetti-burst:hover,.btn-hover-confetti-burst.is-auto-hovered{background-color:#18181b0a;transform:translateY(-2px)}.btn-hover-icon-swap-morph{z-index:1;--swap-text-x:-26px;--swap-icon-x:76px;--swap-text-right-x:26px;--swap-icon-right-x:-76px;transition:transform var(--anim-speed,.3s) cubic-bezier(.16, 1, .3, 1), background-color var(--anim-speed,.3s) ease, border-color var(--anim-speed,.3s) ease, color var(--anim-speed,.3s) ease, box-shadow var(--anim-speed,.3s) ease;justify-content:center;align-items:center;gap:8px;display:inline-flex;position:relative;overflow:hidden}.btn-size-sm.btn-hover-icon-swap-morph{--swap-text-x:-22px;--swap-icon-x:66px;--swap-text-right-x:22px;--swap-icon-right-x:-66px}.btn-size-lg.btn-hover-icon-swap-morph{--swap-text-x:-29px;--swap-icon-x:87px;--swap-text-right-x:29px;--swap-icon-right-x:-87px}.btn-hover-icon-swap-morph:before{content:"";background-color:var(--btn-color,#18181b);border-radius:inherit;transition:transform var(--anim-speed,.4s) cubic-bezier(.16, 1, .3, 1);z-index:-1;position:absolute;inset:-1px;transform:scale(0)}.btn-hover-icon-swap-morph:hover:before,.btn-hover-icon-swap-morph.is-auto-hovered:before{transform:scale(1)}.btn-hover-icon-swap-morph .btn-content-wrap,.btn-hover-icon-swap-morph .btn-icon-swap-left,.btn-hover-icon-swap-morph .btn-icon-swap-right{z-index:1;transition:transform var(--anim-speed,.45s) cubic-bezier(.34, 1.56, .64, 1);position:relative}.btn-hover-icon-swap-morph:hover .btn-icon-swap-left~.btn-content-wrap,.btn-hover-icon-swap-morph.is-auto-hovered .btn-icon-swap-left~.btn-content-wrap{transform:translateX(var(--swap-text-x))}.btn-hover-icon-swap-morph:hover .btn-icon-swap-left,.btn-hover-icon-swap-morph.is-auto-hovered .btn-icon-swap-left{transform:translateX(var(--swap-icon-x))}.btn-hover-icon-swap-morph.swap-from-right:hover .btn-content-wrap,.btn-hover-icon-swap-morph.swap-from-right.is-auto-hovered .btn-content-wrap{transform:translateX(var(--swap-text-right-x))}.btn-hover-icon-swap-morph.swap-from-right:hover .btn-icon-swap-right,.btn-hover-icon-swap-morph.swap-from-right.is-auto-hovered .btn-icon-swap-right{transform:translateX(var(--swap-icon-right-x))}.btn-hover-icon-swap-morph:hover,.btn-hover-icon-swap-morph.is-auto-hovered{transform:translateY(-2px);box-shadow:0 8px 24px -4px #00000029;color:var(--btn-bg,#fff)!important;border-color:var(--btn-color,#18181b)!important}.btn-hover-icon-swap-morph:active{transform:translateY(0)scale(.98)}.btn-hover-stagger-liquid{z-index:1;transition:color .5s,border-color .5s;position:relative;overflow:hidden}.btn-hover-stagger-liquid .btn-stagger-drop{background-color:var(--btn-color,#18181b);width:25.5%;height:100%;top:0;left:calc((var(--delay) - 1) * 25%);transition:transform .5s cubic-bezier(.16,1,.3,1),background-color .5s;transition-delay:calc((var(--delay) - 1) * 80ms);z-index:-1;pointer-events:none;border-radius:50%;position:absolute;transform:translateY(150%)}.btn-hover-stagger-liquid:hover .btn-stagger-drop,.btn-hover-stagger-liquid.is-auto-hovered .btn-stagger-drop{transform:translateY(0)scale(2.2)}.btn-hover-stagger-liquid:hover,.btn-hover-stagger-liquid.is-auto-hovered{color:var(--btn-bg,#fff)!important}.btn-hover-rolling-magic{transition:transform var(--anim-speed,.25s) ease, background-color var(--anim-speed,.3s) ease, border-color var(--anim-speed,.3s) ease, box-shadow var(--anim-speed,.35s) ease;position:relative;overflow:hidden}.btn-hover-rolling-magic:hover,.btn-hover-rolling-magic.is-auto-hovered{background-color:#18181b0d;transform:translateY(-2px);box-shadow:0 4px 20px #18181b14}.canvas-dark .btn-hover-rolling-magic:hover,.canvas-dark .btn-hover-rolling-magic.is-auto-hovered{background-color:#ffffff14;box-shadow:0 4px 25px #ffffff1f}.btn-hover-rolling-magic .btn-icon{z-index:2;transition:transform var(--anim-speed,.6s) cubic-bezier(.34, 1.56, .64, 1), filter var(--anim-speed,.4s) ease;position:relative}.btn-hover-rolling-magic:hover .btn-icon,.btn-hover-rolling-magic.is-auto-hovered .btn-icon{filter:drop-shadow(0 0 8px var(--btn-color,#18181b));transform:translate(4px)rotate(360deg)scale(1.25)}.btn-rolling-text{vertical-align:middle;line-height:1.2;display:inline-block;position:relative;overflow:hidden}.btn-rolling-line{white-space:pre;display:inline-flex}.btn-rolling-line.duplicate{width:100%;position:absolute;top:0;left:0}.btn-rolling-char{transition:transform var(--anim-speed,.45s) cubic-bezier(.34, 1.56, .64, 1), opacity var(--anim-speed,.3s) ease;transition-delay:calc(var(--char-i) * (var(--anim-speed,.35s) * .1));transform-origin:50% 100%;backface-visibility:hidden;display:inline-block}.btn-rolling-line.original .btn-rolling-char{opacity:1;transform:translateY(0)rotateX(0)}.btn-rolling-line.duplicate .btn-rolling-char{opacity:0;transform:translateY(120%)rotateX(-90deg)}.btn-hover-rolling-magic:hover .btn-rolling-line.original .btn-rolling-char,.btn-hover-rolling-magic.is-auto-hovered .btn-rolling-line.original .btn-rolling-char{opacity:0;transform:translateY(-120%)rotateX(90deg)}.btn-hover-rolling-magic:hover .btn-rolling-line.duplicate .btn-rolling-char,.btn-hover-rolling-magic.is-auto-hovered .btn-rolling-line.duplicate .btn-rolling-char{opacity:1;transform:translateY(0)rotateX(0)}@keyframes concentricWavePulse1{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.35,1.6)}}@keyframes concentricWavePulse2{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.6,2.1)}}.btn-hover-outline-dual-pulse{transition:transform var(--anim-speed,.3s) cubic-bezier(.16, 1, .3, 1), box-shadow var(--anim-speed,.3s) ease, background-color var(--anim-speed,.3s) ease;position:relative}.btn-hover-outline-dual-pulse:before,.btn-hover-outline-dual-pulse:after{content:"";border-radius:inherit;border:1.5px solid var(--btn-color,#18181b);pointer-events:none;opacity:0;z-index:-1;position:absolute;inset:-1px}.btn-hover-outline-dual-pulse:hover:before,.btn-hover-outline-dual-pulse.is-auto-hovered:before{animation:concentricWavePulse1 var(--anim-speed,.8s) cubic-bezier(.16, 1, .3, 1) infinite}.btn-hover-outline-dual-pulse:hover:after,.btn-hover-outline-dual-pulse.is-auto-hovered:after{animation:concentricWavePulse2 var(--anim-speed,.8s) cubic-bezier(.16, 1, .3, 1) infinite;animation-delay:.18s}.btn-hover-outline-dual-pulse:hover,.btn-hover-outline-dual-pulse.is-auto-hovered{box-shadow:0 0 20px var(--btn-color,#18181b);background-color:#18181b0f;transform:translateY(-2px)scale(1.02)}.btn-hover-outline-dual-pulse:active{transform:translateY(0)scale(.98)}.btn-hover-outline-dual-pulse .btn-icon{transition:transform var(--anim-speed,.3s) cubic-bezier(.34, 1.56, .64, 1)}.btn-hover-outline-dual-pulse:hover .btn-icon,.btn-hover-outline-dual-pulse.is-auto-hovered .btn-icon{transform:scale(1.2)}@keyframes cyberLaserScan{0%{opacity:0;top:-20%}15%{opacity:1}85%{opacity:1}to{opacity:0;top:120%}}.btn-hover-outline-draw-glow{z-index:1;transition:transform var(--anim-speed,.3s) cubic-bezier(.16, 1, .3, 1), box-shadow var(--anim-speed,.3s) ease, border-color var(--anim-speed,.3s) ease, color var(--anim-speed,.3s) ease;position:relative;overflow:hidden}.btn-hover-outline-draw-glow:before{content:"";background:linear-gradient(180deg, transparent 0%, var(--btn-color,#18181b) 50%, transparent 100%);opacity:0;transition:transform var(--anim-speed,.6s) ease, opacity var(--anim-speed,.3s) ease;z-index:-1;position:absolute;inset:-1px;transform:translateY(-100%)}.btn-hover-outline-draw-glow:after{content:"";background-color:var(--btn-color,#18181b);height:2px;box-shadow:0 0 12px var(--btn-color,#18181b), 0 0 24px var(--btn-color,#18181b);opacity:0;z-index:2;pointer-events:none;position:absolute;left:0;right:0}.btn-hover-outline-draw-glow:hover:before,.btn-hover-outline-draw-glow.is-auto-hovered:before{opacity:.12;transform:translateY(0)}.btn-hover-outline-draw-glow:hover:after,.btn-hover-outline-draw-glow.is-auto-hovered:after{animation:cyberLaserScan var(--anim-speed,1s) cubic-bezier(.4, 0, .2, 1) infinite}.btn-hover-outline-draw-glow:hover,.btn-hover-outline-draw-glow.is-auto-hovered{box-shadow:0 8px 24px -4px #00000029, 0 0 15px var(--btn-color,#18181b);transform:translateY(-2px)}.btn-hover-outline-draw-glow:active{transform:translateY(0)}.btn-hover-outline-draw-glow .btn-icon{transition:transform var(--anim-speed,.3s) cubic-bezier(.34, 1.56, .64, 1)}.btn-hover-outline-draw-glow:hover .btn-icon,.btn-hover-outline-draw-glow.is-auto-hovered .btn-icon{transform:translate(4px)}.btn-hover-diagonal-shutter{z-index:1;transition:transform var(--anim-speed,.3s) cubic-bezier(.16, 1, .3, 1), box-shadow var(--anim-speed,.3s) ease;position:relative;overflow:hidden}.btn-hover-diagonal-shutter:before{content:"";background-color:var(--btn-color,#18181b);width:80%;transition:transform var(--anim-speed,.38s) cubic-bezier(.16, 1, .3, 1);z-index:-1;position:absolute;top:-4px;bottom:-4px;left:-25%;transform:skew(-30deg)translate(-150%)}.btn-hover-diagonal-shutter:after{content:"";background-color:var(--btn-color,#18181b);width:80%;transition:transform var(--anim-speed,.38s) cubic-bezier(.16, 1, .3, 1);z-index:-1;position:absolute;top:-4px;bottom:-4px;right:-25%;transform:skew(-30deg)translate(150%)}.btn-hover-diagonal-shutter:hover:before,.btn-hover-diagonal-shutter.is-auto-hovered:before,.btn-hover-diagonal-shutter:hover:after,.btn-hover-diagonal-shutter.is-auto-hovered:after{transform:skew(-30deg)translate(0)}.btn-hover-diagonal-shutter:hover,.btn-hover-diagonal-shutter.is-auto-hovered{transform:translateY(-2px);box-shadow:0 8px 24px -4px #00000029;color:var(--btn-bg,#fff)!important;border-color:var(--btn-color,#18181b)!important}.btn-hover-diagonal-shutter:active{transform:translateY(0)}.btn-hover-diagonal-shutter .btn-icon{transition:transform var(--anim-speed,.3s) cubic-bezier(.34, 1.56, .64, 1)}.btn-hover-diagonal-shutter:hover .btn-icon,.btn-hover-diagonal-shutter.is-auto-hovered .btn-icon{transform:translate(4px)scale(1.1)}@keyframes cyberChromaticJitter{0%{text-shadow:-2px 0 #0ff,2px 0 #f05;transform:translate(0)}15%{text-shadow:3px -1px #0ff,-3px 1px #f05;transform:translate(-2px)skew(-2deg)}30%{text-shadow:-3px 1px #0ff,3px -1px #f05;transform:translate(2px)skew(2deg)}45%{text-shadow:2px 0 #0ff,-2px 0 #f05;transform:translate(-1px)}60%{text-shadow:-1.5px 0 #0ff,1.5px 0 #f05;transform:translate(1px)}75%{text-shadow:1px 0 #0ff,-1px 0 #f05;transform:translate(0)}to{text-shadow:-1px 0 #0ff,1px 0 #f05;transform:translate(0)}}.btn-hover-holographic-glitch{z-index:1;transition:transform var(--anim-speed,.3s) cubic-bezier(.16, 1, .3, 1), box-shadow var(--anim-speed,.3s) ease, border-color var(--anim-speed,.3s) ease, color var(--anim-speed,.3s) ease, background-color var(--anim-speed,.3s) ease;position:relative;overflow:hidden}.btn-hover-holographic-glitch:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(90deg,#0000 0%,#00ffff59 40%,#ff008066 50%,#00ffff59 60%,#0000 100%);width:60%;height:200%;transition:transform;position:absolute;top:-50%;left:-100%;transform:rotate(25deg)}.btn-hover-holographic-glitch:after{content:"";opacity:0;transition:opacity var(--anim-speed,.3s) ease;pointer-events:none;z-index:-1;background:repeating-linear-gradient(0deg,#00ffff0d 0 1px,#0000 1px 3px);position:absolute;inset:0}.btn-hover-holographic-glitch:hover:before,.btn-hover-holographic-glitch.is-auto-hovered:before{transition:transform var(--anim-speed,.7s) cubic-bezier(.16, 1, .3, 1);transform:translate(450%)rotate(25deg)}.btn-hover-holographic-glitch:hover:after,.btn-hover-holographic-glitch.is-auto-hovered:after{opacity:1}.btn-hover-holographic-glitch:hover,.btn-hover-holographic-glitch.is-auto-hovered{background-color:#00ffff14;transform:translateY(-2px);box-shadow:0 0 20px #0ff6,0 0 45px #ff008040;color:#0ff!important;border-color:#0ff!important}.btn-hover-holographic-glitch:active{transform:translateY(0)}.btn-hover-holographic-glitch span,.btn-hover-holographic-glitch .btn-icon{z-index:2;transition:transform var(--anim-speed,.3s) ease, text-shadow var(--anim-speed,.3s) ease;align-items:center;display:inline-flex;position:relative}.btn-hover-holographic-glitch:hover span,.btn-hover-holographic-glitch.is-auto-hovered span,.btn-hover-holographic-glitch:hover .btn-icon,.btn-hover-holographic-glitch.is-auto-hovered .btn-icon{animation:.45s ease-out cyberChromaticJitter}.btn-hover-seismic-pulse{transition:transform .25s cubic-bezier(.16,1,.3,1);position:relative}.btn-hover-seismic-pulse:before{content:"";border:1.5px solid var(--btn-color,#18181b);border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .35s,transform .5s cubic-bezier(.16,1,.3,1);position:absolute;inset:-4px;transform:scale(.95)}.btn-hover-seismic-pulse:hover,.btn-hover-seismic-pulse.is-auto-hovered{animation:.4s cubic-bezier(.36,.07,.19,.97) both seismicShake}.btn-hover-seismic-pulse:hover:before,.btn-hover-seismic-pulse.is-auto-hovered:before{opacity:.6;animation:.7s cubic-bezier(.16,1,.3,1) forwards seismicRingExpand;transform:scale(1.12)}@keyframes seismicShake{0%,to{transform:translate(0)}15%{transform:translate(-3px)rotate(-.5deg)}30%{transform:translate(2px)rotate(.3deg)}45%{transform:translate(-2px)rotate(-.2deg)}60%{transform:translate(1.5px)rotate(.1deg)}75%{transform:translate(-1px)}}@keyframes seismicRingExpand{0%{opacity:0;transform:scale(.95)}40%{opacity:.6;transform:scale(1.08)}to{opacity:0;transform:scale(1.2)}}.btn-hover-vertical-curtain{z-index:1;transition:transform var(--anim-speed,.3s) cubic-bezier(.16, 1, .3, 1), box-shadow var(--anim-speed,.3s) ease;position:relative;overflow:hidden}.btn-hover-vertical-curtain:before{content:"";background-color:var(--btn-color,#18181b);width:56%;transition:transform var(--anim-speed,.35s) cubic-bezier(.16, 1, .3, 1);z-index:-1;position:absolute;top:-2px;bottom:-2px;left:-2px;transform:translate(-105%)}.btn-hover-vertical-curtain:after{content:"";background-color:var(--btn-color,#18181b);width:56%;transition:transform var(--anim-speed,.35s) cubic-bezier(.16, 1, .3, 1);z-index:-1;position:absolute;top:-2px;bottom:-2px;right:-2px;transform:translate(105%)}.btn-hover-vertical-curtain:hover:before,.btn-hover-vertical-curtain.is-auto-hovered:before,.btn-hover-vertical-curtain:hover:after,.btn-hover-vertical-curtain.is-auto-hovered:after{transform:translate(0)}.btn-hover-vertical-curtain:hover,.btn-hover-vertical-curtain.is-auto-hovered{transform:translateY(-2px);box-shadow:0 8px 24px -4px #00000029;color:var(--btn-bg,#fff)!important;border-color:var(--btn-color,#18181b)!important}.btn-hover-vertical-curtain:active{transform:translateY(0)}.btn-hover-vertical-curtain .btn-icon{transition:transform var(--anim-speed,.3s) cubic-bezier(.34, 1.56, .64, 1)}.btn-hover-vertical-curtain:hover .btn-icon,.btn-hover-vertical-curtain.is-auto-hovered .btn-icon{transform:translate(4px)scale(1.1)}.btn-hover-elastic-bounce{transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s}.btn-hover-elastic-bounce .btn-icon{transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.btn-hover-elastic-bounce:hover,.btn-hover-elastic-bounce.is-auto-hovered{animation:elasticBounce var(--anim-speed,.6s) cubic-bezier(.34, 1.56, .64, 1) both;box-shadow:0 10px 28px -6px #00000026}.btn-hover-elastic-bounce:hover .btn-icon,.btn-hover-elastic-bounce.is-auto-hovered .btn-icon{transform:translateY(-2px)scale(1.2)}@keyframes elasticBounce{0%{transform:scale(1)translateY(0)}20%{transform:scale(1.06,.92)translateY(2px)}45%{transform:scale(.96,1.08)translateY(-8px)}65%{transform:scale(1.02,.97)translateY(-3px)}80%{transform:scale(.99,1.01)translateY(-5px)}to{transform:scale(1)translateY(-4px)}}@keyframes smoothGradientDrift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.btn-hover-mist-fade{z-index:1;transition:transform var(--anim-speed,.4s) cubic-bezier(.16, 1, .3, 1), box-shadow var(--anim-speed,.4s) ease, color var(--anim-speed,.35s) ease, border-color var(--anim-speed,.35s) ease;position:relative;overflow:hidden}.btn-hover-mist-fade:before{content:"";background:linear-gradient(135deg, var(--btn-color,#18181b) 0%, #6366f1d9 35%, #ec4899d9 65%, var(--btn-color,#18181b) 100%);border-radius:inherit;opacity:0;transition:opacity var(--anim-speed,.4s) ease, transform var(--anim-speed,.4s) cubic-bezier(.16, 1, .3, 1);z-index:-1;pointer-events:none;background-position:0%;background-size:250% 250%;position:absolute;inset:-2px;transform:scale(.96)}.btn-hover-mist-fade:hover:before,.btn-hover-mist-fade.is-auto-hovered:before{opacity:1;animation:3.5s infinite alternate smoothGradientDrift;transform:scale(1)}.btn-hover-mist-fade:hover,.btn-hover-mist-fade.is-auto-hovered{transform:translateY(-2px);box-shadow:0 10px 28px -4px #6366f159,0 0 20px #ec489940;color:#fff!important;border-color:#0000!important}.btn-hover-mist-fade:active{transform:translateY(0)scale(.98)}.btn-hover-mist-fade .btn-icon{transition:transform var(--anim-speed,.35s) cubic-bezier(.34, 1.56, .64, 1)}.btn-hover-mist-fade:hover .btn-icon,.btn-hover-mist-fade.is-auto-hovered .btn-icon{transform:translate(4px)scale(1.12)}.btn-hover-conic-radar{z-index:1;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;position:relative;overflow:hidden}.btn-hover-conic-radar:before{content:"";background:conic-gradient(from 0deg at 50% 50%, transparent 0deg, transparent 270deg, var(--btn-color,#18181b) 360deg);opacity:0;z-index:-1;pointer-events:none;width:300%;height:300%;transition:opacity .35s;position:absolute;top:-100%;left:-100%;transform:rotate(0)}.btn-hover-conic-radar .btn-icon{transition:transform .45s cubic-bezier(.34,1.56,.64,1)}.btn-hover-conic-radar:hover:before,.btn-hover-conic-radar.is-auto-hovered:before{opacity:.18;animation:1.2s linear infinite conicRadarSpin}.btn-hover-conic-radar:hover,.btn-hover-conic-radar.is-auto-hovered{box-shadow:0 10px 24px -4px #0000001f, 0 0 16px -4px var(--btn-color,#18181b);transform:translateY(-2.5px)scale(1.02)}.btn-hover-conic-radar:hover .btn-icon,.btn-hover-conic-radar.is-auto-hovered .btn-icon{transform:rotate(360deg)scale(1.2)}@keyframes conicRadarSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header{background-color:var(--bg-primary);border-bottom:1px solid var(--border-subtle);z-index:50;justify-content:space-between;align-items:center;padding:18px 32px;transition:background-color .3s;display:flex;position:sticky;top:0}.header-brand{align-items:center;gap:14px;display:flex}.brand-logo-wrap{justify-content:center;align-items:center;height:36px;display:flex}.brand-logo-svg{filter:drop-shadow(0 2px 4px #0000001f);width:auto;height:34px;display:block}.brand-title{letter-spacing:-.02em;color:var(--text-main);font-size:1.25rem;font-weight:700}.brand-sub{color:var(--text-muted);font-size:.85rem;font-weight:400}.brand-tagline{color:var(--text-muted);margin-top:1px;font-size:.78rem}.header-actions{align-items:center;gap:12px;display:flex}.autoplay-control-container{background-color:var(--bg-surface);border:1px solid var(--border-subtle);box-sizing:border-box;border-radius:10px;align-items:center;gap:2px;height:38px;padding:3px;display:flex}.autoplay-btn{height:100%;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:7px;align-items:center;gap:5px;padding:0 10px;font-size:.76rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.autoplay-btn:hover{color:var(--text-main);background-color:#0000000a}.theme-dark .autoplay-btn:hover{background-color:#ffffff0f}.autoplay-btn.is-active{background-color:var(--bg-primary);color:var(--text-main);box-shadow:0 1px 4px #0000001a}.header-search-bar{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:10px;align-items:center;gap:10px;width:280px;height:38px;padding:0 14px;transition:border-color .2s,box-shadow .2s,width .2s,background-color .2s;display:flex}.header-search-bar:focus-within{border-color:var(--text-main);background-color:var(--bg-primary);width:320px;box-shadow:0 2px 8px #0000000f}.search-icon{color:var(--text-muted);flex-shrink:0}.search-input{width:100%;color:var(--text-main);background:0 0;border:none;outline:none;font-family:inherit;font-size:.85rem}.search-input::placeholder{color:var(--text-muted)}.clear-search-btn{width:20px;height:20px;color:var(--text-muted);cursor:pointer;background-color:#0000;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.clear-search-btn:hover{background-color:var(--border-subtle);color:var(--text-main)}.empty-search-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-search-title{color:var(--text-main);margin-bottom:6px;font-size:1.1rem;font-weight:700}.empty-search-desc{color:var(--text-muted);margin-bottom:20px;font-size:.875rem}.reset-search-btn{background-color:var(--text-main);color:var(--bg-primary);border:none;border-radius:8px;padding:8px 18px;font-size:.8125rem;font-weight:500;transition:opacity .2s}.reset-search-btn:hover{opacity:.9}.controls-bar-anchor{width:100%;position:relative}.controls-bar{background-color:var(--bg-panel);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:20px;padding:16px 32px;transition:background-color .3s;display:flex}.controls-bar.is-floating{z-index:45;background-color:var(--bg-panel);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);opacity:0;pointer-events:none;visibility:hidden;width:100%;padding:12px 32px;transition:none;position:fixed;top:75px;left:0;right:0;transform:translateY(-120%);box-shadow:0 16px 32px -4px #00000024,0 2px 6px #0000000a}.controls-bar.is-floating.is-floating-animating{transition:transform .32s cubic-bezier(.16,1,.3,1),opacity .25s,visibility .32s,box-shadow .3s}.controls-bar.is-floating.is-floating-visible{opacity:1;pointer-events:auto;visibility:visible;transition:transform .32s cubic-bezier(.16,1,.3,1),opacity .25s,visibility .32s,box-shadow .3s;transform:translateY(0)}.theme-dark .controls-bar.is-floating{background-color:#141417eb;box-shadow:0 16px 32px -4px #00000080,0 2px 6px #0000004d}.theme-light .controls-bar.is-floating{background-color:#faf9f5eb}.controls-group{flex-direction:column;gap:6px;display:flex}.main-input-group{flex:1.2;min-width:200px}.icon-picker-group{flex:1;min-width:190px}.control-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;font-size:.72rem;font-weight:700;display:flex}.text-input{background-color:var(--bg-primary);width:100%;color:var(--text-main);border:1px solid var(--border-subtle);border-radius:8px;padding:8px 14px;font-size:.875rem;transition:border-color .2s}.text-input:focus{border-color:var(--text-main)}.icon-selector{align-items:center;gap:8px;display:flex}.select-input,.select-input-sm{appearance:none;background-color:var(--bg-primary);color:var(--text-main);border:1px solid var(--border-subtle);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23616166' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;border-radius:8px;width:100%;padding:8px 38px 8px 14px;font-size:.85rem;transition:border-color .2s}body.theme-dark .select-input,body.theme-dark .select-input-sm{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.select-input:focus,.select-input-sm:focus{border-color:var(--text-main)}.icon-preview-mini{background-color:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.button-segmented{background-color:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:8px;padding:3px;display:flex}.button-segmented button{color:var(--text-muted);border-radius:6px;padding:6px 12px;font-size:.78rem;font-weight:500;transition:all .2s}.button-segmented button.active{background-color:var(--text-main);color:var(--bg-primary)}.radius-group{min-width:260px}.radius-control-wrap{align-items:center;gap:12px;display:flex}.radius-input-wrap{background-color:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:8px;justify-content:center;align-items:center;min-width:64px;height:34px;padding:0 10px;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 1px 2px #0000000a}.radius-input-wrap:focus-within{border-color:var(--text-main)}.radius-manual-input{width:38px;color:var(--text-main);text-align:center;background:0 0;border:none;outline:none;padding:0;font-family:inherit;font-size:.8125rem;font-weight:600}.radius-input-unit{color:var(--text-muted);-webkit-user-select:none;user-select:none;margin-left:2px;font-size:.75rem;font-weight:500}.color-control-wrap{align-items:center;gap:12px;display:flex}.color-swatches{background-color:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:8px;align-items:center;gap:12px;height:36px;padding:4px 12px;display:flex}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;flex-shrink:0;width:22px;height:22px;transition:transform .2s,border-color .2s,box-shadow .2s;box-shadow:0 1px 3px #0000001f}.color-swatch:hover{transform:scale(1.18)}.color-swatch.active{border-color:var(--text-main);box-shadow:0 0 0 2px var(--bg-primary), 0 0 0 3.5px var(--text-main);transform:scale(1.15)}.custom-color-picker-container{position:relative}.custom-color-trigger{background-color:var(--bg-primary);border:1px solid var(--border-subtle);cursor:pointer;border-radius:8px;align-items:center;gap:8px;height:36px;padding:0 12px;transition:all .2s;display:flex}.custom-color-trigger:hover,.custom-color-trigger.is-open{border-color:var(--text-main);box-shadow:0 2px 8px #00000014}.color-trigger-swatch{border:1px solid #00000026;border-radius:50%;flex-shrink:0;width:18px;height:18px;box-shadow:0 1px 3px #0003}.color-trigger-hex{font-family:var(--font-mono);color:var(--text-main);text-transform:uppercase;font-size:.8rem;font-weight:600}.color-trigger-caret{color:var(--text-muted);transition:transform .2s}.custom-color-trigger.is-open .color-trigger-caret{transform:rotate(180deg)}.color-popover-card{background-color:var(--bg-primary);border:1px solid var(--border-strong);z-index:1000;border-radius:14px;flex-direction:column;gap:12px;width:250px;padding:14px;animation:.2s cubic-bezier(.16,1,.3,1) colorPopoverFade;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 36px #00000038}.color-popover-card.pos-bottom{top:calc(100% + 8px);left:auto;right:0}.color-popover-card.pos-top{left:auto;right:0;top:auto!important;bottom:calc(100% + 8px)!important}.color-popover-card.pos-right{z-index:9999;animation:.2s cubic-bezier(.16,1,.3,1) colorPopoverFadeRight;right:auto;box-shadow:0 20px 50px #00000059}.color-popover-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99999;background-color:#00000080;position:fixed;inset:0}.color-popover-card.is-mobile-modal{border-radius:16px!important;width:calc(100vw - 32px)!important;max-width:320px!important;max-height:calc(100vh - 40px)!important;padding:16px!important;overflow-y:auto!important;box-shadow:0 24px 60px #0000008c!important}@keyframes colorPopoverFadeRight{0%{opacity:0;transform:translateY(-50%)translate(-8px)scale(.96)}to{opacity:1;transform:translateY(-50%)translate(0)scale(1)}}@keyframes colorPopoverFade{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.color-popover-header{justify-content:space-between;align-items:center;display:flex}.color-popover-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:700}.color-popover-close{width:22px;height:22px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background-color .15s;display:flex}.color-popover-close:hover{background-color:var(--bg-surface);color:var(--text-main)}.sat-val-picker{cursor:crosshair;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:8px;width:100%;height:140px;position:relative;overflow:hidden}.sat-val-white-overlay{background:linear-gradient(90deg,#fff,#0000);position:absolute;inset:0}.sat-val-black-overlay{background:linear-gradient(#0000,#000);position:absolute;inset:0}.sat-val-handle{pointer-events:none;border:2px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0006,0 2px 4px #0000004d}.hue-slider-wrap{width:100%}.hue-slider-range{appearance:none;cursor:pointer;background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);border-radius:6px;outline:none;width:100%;height:12px}.hue-slider-range::-webkit-slider-thumb{appearance:none;border:2px solid var(--text-main);cursor:pointer;background:#fff;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #00000040}.hue-slider-range::-moz-range-thumb{border:2px solid var(--text-main);cursor:pointer;background:#fff;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #00000040}.color-actions-bar{align-items:center;gap:6px;display:flex}.hex-input-wrap{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:6px;flex:1;align-items:center;height:32px;padding:0 8px;display:flex}.hex-prefix{font-family:var(--font-mono);color:var(--text-muted);font-size:.75rem;font-weight:600}.hex-text-field{width:100%;font-family:var(--font-mono);color:var(--text-main);text-transform:uppercase;background:0 0;border:none;outline:none;padding-left:4px;font-size:.78rem;font-weight:600}.color-action-btn{border:1px solid var(--border-subtle);background-color:var(--bg-surface);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.color-action-btn:hover{border-color:var(--border-strong);color:var(--text-main);background-color:var(--bg-primary)}.copied-icon{color:#10b981}.quick-palette-grid{border-top:1px solid var(--border-subtle);grid-template-columns:repeat(6,1fr);gap:6px;padding-top:4px;display:grid}.quick-swatch{aspect-ratio:1;cursor:pointer;border:1px solid #0000001a;border-radius:50%;width:100%;transition:transform .15s,box-shadow .15s}.quick-swatch:hover{z-index:2;transform:scale(1.2)}.quick-swatch.active{box-shadow:0 0 0 2px var(--bg-primary), 0 0 0 3px var(--text-main)}.canvas-theme-toggle{background-color:var(--bg-primary);color:var(--text-main);border:1px solid var(--border-subtle);border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.8125rem;font-weight:500;transition:all .2s;display:flex}.main-content{flex:1;padding:32px}.specimen-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,310px),1fr));gap:28px;display:grid}.hover-specimen-card{background-color:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:14px;flex-direction:column;height:100%;scroll-margin-top:130px;scroll-margin-bottom:50px;transition:border-color .2s,transform .2s;display:flex;overflow:hidden}.hover-specimen-card:hover{border-color:var(--border-strong)}.specimen-header{justify-content:space-between;align-items:center;gap:12px;padding:18px 22px 10px;display:flex}.specimen-title-wrap{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.specimen-id{font-family:var(--font-mono);color:var(--text-faint);flex-shrink:0;font-size:.75rem}.specimen-title{color:var(--text-main);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:.98rem;font-weight:700;overflow:hidden}.specimen-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.9rem;padding:0 22px 16px;font-size:.825rem;line-height:1.45;display:-webkit-box;overflow:hidden}.specimen-header-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.share-btn{color:var(--text-muted);border:1px solid var(--border-subtle);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;flex-shrink:0;align-items:center;gap:5px;padding:6px 10px;font-size:.75rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.share-btn:hover{color:var(--text-main);border-color:var(--border-strong);background-color:var(--bg-surface)}.share-btn.is-copied{color:#10b981;background-color:#10b98114;border-color:#10b98166}.hover-specimen-card.is-targeted-highlight{z-index:10;animation:2.8s cubic-bezier(.16,1,.3,1) forwards cardTargetPulse}@keyframes cardTargetPulse{0%{box-shadow:0 0 0 0px var(--btn-color,#e6332a), 0 0 0 0px #0000;transform:scale(1)}15%{box-shadow:0 0 0 4px var(--btn-color,#e6332a), 0 16px 40px #00000038;transform:scale(1.025)}70%{box-shadow:0 0 0 3px var(--btn-color,#e6332a), 0 12px 30px #00000029;transform:scale(1.01)}to{box-shadow:0 0 0 0px var(--btn-color,#e6332a), 0 0 0 0px #0000;transform:scale(1)}}.code-btn{color:var(--text-muted);border:1px solid var(--border-subtle);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;flex-shrink:0;align-items:center;gap:5px;padding:6px 11px;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.code-btn:hover{color:var(--text-main);border-color:var(--border-strong);background-color:var(--bg-surface)}.code-btn.primary{background-color:var(--text-main);color:var(--bg-primary);border-color:var(--text-main);padding:8px 16px;font-size:.8125rem}.specimen-canvas{flex:1;justify-content:center;align-items:center;min-height:160px;padding:36px 24px;transition:background-color .3s;display:flex}.swap-unavailable-badge{text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;background:#8c8c8c14;border:1px dashed #8c8c8c4d;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:14px 22px;animation:.3s fadeIn;display:flex}.swap-unavailable-tag{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary,#a1a1aa);background:#8c8c8c2e;border-radius:9999px;padding:3px 10px;font-size:.75rem;font-weight:700}.swap-unavailable-reason{color:var(--text-tertiary,#71717a);font-size:.775rem;font-weight:500}.hover-specimen-card.is-card-unavailable{opacity:.42;filter:grayscale(.9);cursor:not-allowed;transition:opacity .3s,filter .3s}.hover-specimen-card.is-card-unavailable:hover{box-shadow:none!important;border-color:var(--border-subtle)!important;transform:none!important}.hover-specimen-card.is-card-unavailable .specimen-header-actions button{opacity:.35;cursor:not-allowed;pointer-events:none}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;background-color:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-primary);border:1px solid var(--border-strong);border-radius:16px;flex-direction:column;width:100%;max-width:660px;max-height:88vh;display:flex;overflow:hidden;box-shadow:0 20px 40px #0000004d}.modal-header{border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{color:var(--text-main);font-size:1.15rem;font-weight:700}.modal-subtitle{color:var(--text-muted);font-size:.8rem}.close-btn{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.close-btn:hover{background-color:var(--bg-surface);color:var(--text-main)}.modal-body{flex-direction:column;flex:1;min-height:0;padding:20px 24px 24px;display:flex;overflow:hidden}.code-block{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:10px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.code-block-header{border-bottom:1px solid var(--border-subtle);background-color:#00000008;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.code-lang{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;font-size:.72rem;font-weight:600}.copy-snippet-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;font-size:.75rem;transition:color .2s;display:flex}.copy-snippet-btn:hover{color:var(--text-main)}.code-content{font-family:var(--font-mono);color:var(--text-main);white-space:pre;flex:1;min-height:0;max-height:52vh;padding:16px 18px;font-size:.8125rem;line-height:1.6;overflow:auto}.focus-sandbox-container{grid-template-columns:290px 1fr;gap:28px;min-height:calc(100vh - 180px);display:grid}@media (width<=860px){.focus-sandbox-container{grid-template-columns:1fr}}.sandbox-sidebar{background-color:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:16px;flex-direction:column;gap:16px;padding:22px;display:flex}.sidebar-heading{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;font-weight:700}.effect-select-list{flex-direction:column;gap:6px;display:flex;overflow-y:auto}.effect-select-item{text-align:left;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;transition:all .2s;display:flex}.effect-select-item:hover{background-color:var(--bg-surface)}.effect-select-item.active{background-color:var(--bg-surface);border-color:var(--border-strong)}.eff-num{font-family:var(--font-mono);color:var(--text-faint);font-size:.72rem}.eff-info{flex-direction:column;display:flex}.eff-name{color:var(--text-main);font-size:.875rem;font-weight:600}.eff-cat{color:var(--text-muted);font-size:.72rem}.sandbox-main{background-color:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:16px;flex-direction:column;gap:28px;padding:32px;display:flex}.sandbox-stage-header{justify-content:space-between;align-items:flex-start;display:flex}.stage-category-tag{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:700}.stage-title{margin-top:4px;font-size:1.5rem;font-weight:700}.stage-desc{color:var(--text-muted);margin-top:4px;font-size:.9rem}.sandbox-stage{border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:300px;padding:40px;transition:background-color .3s;display:flex;position:relative}.sandbox-target-wrapper{margin:auto}.stage-metrics{justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:16px;left:20px;right:20px}.metric-pill{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#52525b;background-color:#ffffffb3;border:1px solid #00000014;border-radius:9999px;align-items:center;gap:6px;padding:4px 12px;font-size:.78rem;display:flex}.canvas-dark .metric-pill{color:var(--text-muted);background-color:#00000080;border-color:#ffffff1a}.metric-value{color:var(--text-main);font-weight:600}.metric-value.mono{font-family:var(--font-mono)}.custom-icon-picker-container{width:100%;min-width:180px;position:relative}.custom-icon-trigger{background-color:var(--bg-primary);border:1px solid var(--border-subtle);cursor:pointer;border-radius:8px;align-items:center;gap:10px;width:100%;height:36px;padding:0 12px;transition:border-color .2s,box-shadow .2s;display:flex}.custom-icon-trigger:hover,.custom-icon-trigger.is-open{border-color:var(--text-main);box-shadow:0 2px 8px #0000000f}.trigger-icon-preview{width:22px;height:22px;color:var(--text-main);flex-shrink:0;justify-content:center;align-items:center;display:flex}.trigger-icon-label{text-align:left;color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.85rem;font-weight:500;overflow:hidden}.trigger-caret{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.custom-icon-trigger.is-open .trigger-caret{transform:rotate(180deg)}.icon-dropdown-menu{background-color:var(--bg-primary);border:1px solid var(--border-strong);z-index:1000;border-radius:12px;width:100%;min-width:220px;max-height:280px;padding:6px;animation:.18s cubic-bezier(.16,1,.3,1) iconDropdownFade;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto;box-shadow:0 14px 32px #00000038}@keyframes iconDropdownFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.icon-dropdown-list{flex-direction:column;gap:2px;display:flex}.icon-dropdown-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 10px;transition:background-color .15s,color .15s;display:flex}.icon-dropdown-item:hover{background-color:var(--bg-surface)}.icon-dropdown-item.is-selected{background-color:var(--bg-surface);font-weight:600}.item-icon-box{width:26px;height:26px;color:var(--text-main);background-color:#0000000d;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}body.theme-dark .item-icon-box{background-color:#ffffff1a}.item-icon-label{color:var(--text-main);flex:1;font-size:.825rem}.item-check-mark{color:var(--text-main);flex-shrink:0}.language-selector-container{position:relative}.language-trigger-btn{background-color:var(--bg-surface);border:1px solid var(--border-subtle);cursor:pointer;height:38px;color:var(--text-main);border-radius:10px;align-items:center;gap:6px;padding:0 12px;font-size:.825rem;font-weight:600;transition:all .2s;display:flex}.language-trigger-btn:hover,.language-trigger-btn.is-open{border-color:var(--text-main);background-color:var(--bg-primary);box-shadow:0 2px 8px #0000000f}.lang-globe-icon{color:var(--text-muted);flex-shrink:0}.lang-flag{font-size:1rem;line-height:1}.lang-code-text{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-main);font-size:.78rem;font-weight:700}.lang-caret{color:var(--text-muted);margin-left:2px;transition:transform .2s}.language-trigger-btn.is-open .lang-caret{transform:rotate(180deg)}.language-dropdown-menu{background-color:var(--bg-primary);border:1px solid var(--border-strong);z-index:1000;border-radius:12px;width:170px;padding:6px;animation:.18s cubic-bezier(.16,1,.3,1) langDropdownFade;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 14px 32px #00000038}@keyframes langDropdownFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.language-dropdown-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-subtle);margin-bottom:4px;padding:6px 10px 4px;font-size:.72rem;font-weight:700}.language-dropdown-list{flex-direction:column;gap:2px;display:flex}.language-dropdown-item{cursor:pointer;text-align:left;width:100%;color:var(--text-main);background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:.85rem;transition:background-color .15s;display:flex}.language-dropdown-item:hover{background-color:var(--bg-surface)}.language-dropdown-item.is-selected{font-weight:700}.lang-check{color:var(--text-main);margin-left:auto}.studio-merge-btn{color:var(--text-muted);border:1px solid var(--border-subtle);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;flex-shrink:0;align-items:center;gap:5px;padding:6px 11px;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.studio-merge-btn:hover{color:var(--text-main);border-color:var(--border-strong);background-color:var(--bg-surface)}.modal-format-tabs{border-bottom:1px solid var(--border-subtle);align-items:center;gap:4px;padding:8px 24px 0;display:flex;overflow-x:auto}.modal-tab-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 14px;font-size:.8rem;font-weight:600;transition:all .2s}.modal-tab-btn:hover{color:var(--text-main)}.modal-tab-btn.is-active{color:var(--text-main);border-bottom-color:var(--text-main)}.sandbox-modal-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2000;background-color:#000000bf;justify-content:center;align-items:center;padding:24px;animation:.25s cubic-bezier(.16,1,.3,1) studioFadeIn;display:flex;position:fixed;inset:0}@keyframes studioFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.sandbox-modal-container{background-color:var(--bg-primary);border:1px solid var(--border-strong);border-radius:20px;flex-direction:column;width:100%;max-width:1200px;height:90vh;display:flex;overflow:hidden;box-shadow:0 24px 60px #0006}.sandbox-modal-header{border-bottom:1px solid var(--border-subtle);background-color:var(--bg-primary);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex}.sandbox-header-brand{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.sandbox-badge-wrap{flex-shrink:0;align-items:center;gap:8px;display:flex}.sandbox-badge{letter-spacing:.08em;color:var(--text-main);background:var(--bg-surface);border:1px solid var(--border-strong);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:.68rem;font-weight:800}.sandbox-category-tag{color:var(--text-muted);background:var(--bg-surface);white-space:nowrap;border-radius:6px;padding:3px 8px;font-size:.7rem;font-weight:600}.sandbox-effect-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;min-width:0;margin:0;font-size:1.15rem;font-weight:700;display:flex;overflow:hidden}.sandbox-title-num{color:var(--text-muted);font-weight:600}.sandbox-title-text{text-overflow:ellipsis;overflow:hidden}.sandbox-header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.sandbox-export-btn{background-color:var(--text-main);border:1px solid var(--text-main);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;color:var(--bg-primary)!important}.sandbox-export-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.sandbox-close-btn{width:34px;height:34px;color:var(--text-muted);border:1px solid var(--border-subtle);background:var(--bg-surface);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.sandbox-close-btn:hover{background-color:var(--bg-surface-hover);color:var(--text-main);border-color:var(--border-strong)}.sandbox-modal-body{flex:1;display:flex;overflow:hidden}.sandbox-controls-sidebar{border-right:1px solid var(--border-subtle);background-color:var(--bg-surface);flex-direction:column;gap:16px;width:360px;padding:20px;display:flex;overflow-y:auto}.control-card{background-color:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.control-card.flex-1{flex:1;min-height:180px}.control-card-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:8px;font-size:.8rem;font-weight:700;display:flex}.speed-input-container{background-color:var(--bg-surface);border:1px solid var(--border-subtle);cursor:text;border-radius:6px;align-items:center;gap:1px;margin-left:auto;padding:1px 6px;transition:border-color .15s,background-color .15s,box-shadow .15s;display:inline-flex}.speed-input-container:hover{border-color:var(--border-strong);background-color:var(--bg-surface-hover)}.speed-input-container:focus-within{border-color:var(--text-main);background-color:var(--bg-primary);box-shadow:0 0 0 2px #00000014}.theme-dark .speed-input-container:focus-within{box-shadow:0 0 0 2px #ffffff26}.speed-val-input{width:36px;font-family:var(--font-mono);color:var(--text-main);text-align:right;background:0 0;border:none;outline:none;padding:0;font-size:.825rem;font-weight:700}.speed-val-unit{font-family:var(--font-mono);color:var(--text-muted);-webkit-user-select:none;user-select:none;font-size:.825rem;font-weight:700}.speed-range-slider{width:100%;accent-color:var(--text-main);cursor:pointer}.slider-labels{color:var(--text-muted);justify-content:space-between;font-size:.7rem;display:flex}.backdrop-grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.backdrop-option-btn{border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.backdrop-option-btn:hover{border-color:var(--border-strong);color:var(--text-main)}.backdrop-option-btn.is-active{border-color:var(--border-strong);background:var(--bg-surface);color:var(--text-main);box-shadow:0 0 0 1px var(--border-strong);font-weight:700}.bd-swatch{border:1px solid #0003;border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.theme-dark .bd-swatch{border-color:#ffffff4d}.custom-backdrop-picker-row{margin-top:8px}.sandbox-input-text{border:1px solid var(--border-subtle);background:var(--bg-surface);width:100%;color:var(--text-main);box-sizing:border-box;border-radius:8px;outline:none;padding:8px 12px;font-size:.85rem}.sandbox-input-text:focus{border-color:var(--border-strong)}.sandbox-sidebar-tabs{background-color:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:10px;flex-shrink:0;gap:3px;margin-bottom:2px;padding:3px;display:flex}.sandbox-tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 10px;font-size:.78rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative}.sandbox-tab-btn:hover{color:var(--text-main);background-color:#0000000a}.theme-dark .sandbox-tab-btn:hover{background-color:#ffffff0f}.sandbox-tab-btn.is-active{background-color:var(--bg-surface);color:var(--text-main);font-weight:700;box-shadow:0 1px 4px #00000014}.tab-modified-dot{background-color:var(--btn-color,#e6332a);border-radius:50%;width:6px;height:6px;margin-left:2px;display:inline-block}.sandbox-tab-content-controls{flex-direction:column;gap:14px;display:flex}.sandbox-tab-content-css{flex-direction:column;flex:1;height:100%;min-height:0;display:flex}.full-css-card{flex-direction:column;flex:1;height:100%;min-height:480px;display:flex}.css-header-actions{align-items:center;gap:4px;margin-left:auto;display:flex}.css-action-btn{border:1px solid var(--border-subtle);background-color:var(--bg-surface);width:26px;height:26px;color:var(--text-muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.css-action-btn:hover{color:var(--text-main);border-color:var(--border-strong);background-color:var(--bg-primary)}.css-action-btn.is-copied,.css-action-btn.is-saved{color:#10b981;background-color:#10b98114;border-color:#10b98166}.css-feedback-banner{border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:.72rem;font-weight:600;animation:.2s fadeInDown;display:flex}.css-feedback-banner.success{color:#10b981;background-color:#10b9811a;border:1px solid #10b9814d}.css-feedback-banner.info{color:#3b82f6;background-color:#3b82f61a;border:1px solid #3b82f64d}.css-search-bar{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;margin-top:6px;padding:6px 10px;animation:.15s ease-out fadeInSearch;display:flex}@keyframes fadeInSearch{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.css-search-input-wrap{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.css-search-icon{color:var(--text-muted);flex-shrink:0}.css-search-input{width:100%;color:var(--text-main);font-family:var(--font-mono);background:0 0;border:none;outline:none;font-size:.78rem}.css-search-input::placeholder{color:var(--text-faint);font-family:var(--font-inter,sans-serif)}.css-search-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.css-search-counter{font-family:var(--font-mono);color:var(--text-muted);-webkit-user-select:none;user-select:none;font-size:.72rem;font-weight:500}.css-search-nav{align-items:center;gap:2px;display:flex}.css-search-btn{width:22px;height:22px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.css-search-btn:hover:not(:disabled){color:var(--text-main);background-color:#00000014}body.theme-dark .css-search-btn:hover:not(:disabled){color:#fff;background-color:#ffffff1a}.css-search-btn:disabled{opacity:.35;cursor:default}.css-search-btn.close-search:hover{color:#ef4444}.css-action-btn.is-active{color:var(--text-main);background-color:#00000014}body.theme-dark .css-action-btn.is-active{color:#fff;background-color:#ffffff26}.css-editor-wrapper{flex:1;min-height:0;margin-top:6px;display:flex}.live-css-editor{border:1px solid var(--border-subtle);background:var(--bg-surface);width:100%;height:100%;color:var(--text-main);font-family:var(--font-mono);resize:none;box-sizing:border-box;border-radius:8px;outline:none;padding:12px;font-size:.8rem;line-height:1.55}.live-css-editor.full-height{min-height:430px}.live-css-editor:focus{border-color:var(--border-strong);background:var(--bg-primary)}.sandbox-stage-panel{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.sandbox-preview-stage{flex:1;justify-content:center;align-items:center;transition:background .3s;display:flex;position:relative}.stage-backdrop-light{background-color:#eee}.stage-backdrop-dark{background-color:#111}.stage-backdrop-mesh{background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 50%,#311042 100%)}.stage-backdrop-wallpaper{background-position:50%;background-size:cover}.sandbox-stage-center{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:20px;padding:60px;box-shadow:0 20px 50px #0000004d}.sandbox-metrics-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap;background:#000000a6;border:1px solid #ffffff1f;border-radius:999px;flex-wrap:nowrap;align-items:center;gap:16px;width:max-content;max-width:90%;padding:8px 22px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.metric-tag{color:#ffffffb3;white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;font-size:.78rem;display:flex}.metric-tag .m-label{white-space:nowrap}.metric-tag .m-val{color:#fff;white-space:nowrap;font-weight:700}.metric-tag .m-val.mono{font-family:var(--font-mono);color:#fff;white-space:nowrap}.item-flag{font-size:1.05rem}.item-label{flex:1}.item-check{color:var(--text-main)}.load-more-section{flex-direction:column;justify-content:center;align-items:center;gap:12px;margin-top:10px;padding:40px 0 20px;display:flex}.load-more-info{color:var(--text-muted);letter-spacing:-.01em;font-size:.84rem;font-weight:500}.load-more-btn{background:var(--bg-card);color:var(--text-main);border:1px solid var(--border-subtle);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:.9rem;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 16px #0000000a}.load-more-btn:hover{background:var(--bg-card-hover);border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.load-more-btn:active{transform:translateY(0);box-shadow:0 2px 8px #0000000a}@media (width<=1024px){.header{padding:16px 24px}.header-search-bar{width:220px}.header-search-bar:focus-within{width:260px}.main-content{padding:24px 20px}.controls-bar{gap:14px;padding:16px 20px}.specimen-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:20px}.sandbox-modal-container{width:95vw;height:92vh;max-height:92vh}}@media (width<=768px){.header{flex-direction:column;align-items:stretch;gap:12px;padding:12px 16px}.header-brand{justify-content:flex-start;width:100%}.brand-text-wrap{flex-direction:column;display:flex}.brand-title{font-size:1.15rem}.brand-tagline{font-size:.72rem;line-height:1.2}.header-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.autoplay-control-container{order:1;height:34px}.lang-selector-container{order:2}.header-search-bar{order:3;height:36px;margin-top:2px;width:100%!important}.header-search-bar:focus-within{width:100%!important}.main-content{padding:14px 12px}.controls-bar{border-radius:14px;flex-direction:column;gap:10px;margin-bottom:20px;padding:12px 14px;display:flex}.controls-group{gap:4px;width:100%}.control-label{letter-spacing:.04em;gap:4px;font-size:.65rem;font-weight:700}.text-input,.select-input,.custom-icon-trigger,.custom-color-trigger{border-radius:8px;width:100%;height:35px;padding:6px 10px;font-size:.82rem}.select-input{background-position:right 10px center;padding-right:28px}.trigger-icon-preview{width:22px;height:22px}.trigger-icon-label{font-size:.8rem}.segmented-control{border-radius:8px;width:100%;height:35px;padding:2px}.segmented-btn{padding:0 6px;font-size:.74rem}.radius-number-input{width:44px;height:35px;padding:0 4px;font-size:.78rem}.swatches-row{justify-content:space-between;gap:6px;width:100%;height:35px;padding:2px 8px}.swatch-btn{width:22px;height:22px}.color-trigger-swatch{width:15px;height:15px}.color-trigger-hex{font-size:.78rem}.controls-bar.is-floating{display:none!important}.specimen-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:16px}.hover-specimen-card{border-radius:12px}.specimen-header{padding:14px 16px 8px}.specimen-stage{min-height:120px;padding:24px 14px}.specimen-footer{padding:8px 16px 14px}.icon-dropdown-menu{z-index:10000!important;max-width:calc(100vw - 32px)!important}.sandbox-modal-backdrop{z-index:2000!important;background-color:var(--bg-primary)!important;justify-content:stretch!important;align-items:stretch!important;width:100vw!important;height:100vh!important;padding:0!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden!important}.sandbox-modal-container{background-color:var(--bg-primary)!important;border:none!important;border-radius:0!important;flex-direction:column!important;width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;margin:0!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden!important}.sandbox-modal-header{border-bottom:1px solid var(--border-subtle)!important;background-color:var(--bg-primary)!important;z-index:20!important;flex-shrink:0!important;height:56px!important;padding:10px 16px!important}.sandbox-header-brand{gap:8px}.sandbox-effect-title{font-size:1.15rem;font-weight:800}.sandbox-export-btn{padding:7px 14px;font-size:.8rem}.sandbox-close-btn{width:32px;height:32px}.sandbox-modal-body{-webkit-overflow-scrolling:touch!important;flex-direction:column!important;flex:auto!important;height:calc(100vh - 56px)!important;max-height:calc(100vh - 56px)!important;padding:0!important;display:flex!important;overflow-y:auto!important}.sandbox-canvas-area{border-bottom:1px solid var(--border-subtle)!important;flex-shrink:0!important;order:-1!important;justify-content:center!important;align-items:center!important;width:100%!important;height:200px!important;min-height:200px!important;padding:24px 16px!important;display:flex!important;position:relative!important;overflow:visible!important}.sandbox-controls-sidebar{border-top:none!important;border-right:none!important;flex-shrink:0!important;order:2!important;width:100%!important;padding:16px 16px 60px!important;overflow:visible!important}.modal-backdrop{padding:12px}.modal-content{border-radius:14px;width:100%;max-width:calc(100vw - 24px);max-height:90vh}.modal-header{padding:16px 18px}.modal-body{padding:16px 18px 20px}.code-tabs-nav{white-space:nowrap;scrollbar-width:none;overflow-x:auto}.code-tabs-nav::-webkit-scrollbar{display:none}}@media (width<=480px){.header{gap:8px;padding:10px 12px}.brand-logo-svg{height:26px}.brand-title{font-size:1.05rem}.brand-tagline{display:none}.controls-bar{border-radius:12px;flex-direction:column;gap:8px;margin-bottom:16px;padding:10px 12px;display:flex}.text-input,.select-input,.custom-icon-trigger,.custom-color-trigger,.segmented-control{height:33px;font-size:.78rem}.specimen-grid{grid-template-columns:1fr;gap:14px}.hover-specimen-card{border-radius:12px}.specimen-header{padding:12px 14px 6px}.specimen-id{font-size:.72rem}.specimen-name{font-size:.88rem}.specimen-desc{font-size:.76rem;line-height:1.35}.specimen-stage{min-height:110px;padding:22px 10px}.specimen-footer{flex-direction:column;align-items:flex-start;gap:8px;padding:6px 14px 12px}.specimen-actions{justify-content:flex-end;width:100%}.action-btn-code,.action-btn-sandbox,.action-btn-share{padding:5px 10px;font-size:.72rem}.sandbox-modal-header{gap:8px;padding:10px 12px}.sandbox-badge{padding:3px 7px;font-size:.62rem}.sandbox-category-tag{display:none}.sandbox-effect-title{font-size:1.05rem;font-weight:800}.sandbox-header-actions{gap:6px}.sandbox-export-btn{gap:4px;padding:6px 12px;font-size:.76rem}.sandbox-close-btn{width:28px;height:28px}.load-more-section{padding:20px 0 14px}.load-more-btn{width:100%;padding:10px 18px;font-size:.82rem}}@media (width<=360px){.header-brand{gap:8px}.brand-logo-wrap{height:26px}.brand-title{font-size:.98rem}.autoplay-btn{padding:0 6px;font-size:.68rem}.specimen-btn{max-width:100%}}