.fx-backdrop{position:absolute;inset:32px 0 auto;height:var(--fx-height,230px);overflow:hidden;pointer-events:none;z-index:6;mask-image:linear-gradient(#000, #0009 58%, transparent);opacity:.6}
.fx-backdrop canvas{width:100%;height:100%;display:block}
.fx-cursor{position:fixed;left:0;top:0;width:350px;height:350px;pointer-events:none;z-index:12;border-radius:50%;opacity:0;transform:translate(-500px,-500px);background:radial-gradient(circle,color-mix(in srgb,var(--fx-color,#a2cab3) 12%,transparent),transparent 68%);transition:opacity .25s}
html.fx-pointer .fx-cursor{opacity:1}
.fx-control{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;background:transparent;border:1px solid color-mix(in srgb,var(--muted,#909daa) 35%,transparent);border-radius:5px;font:10px/1.4 Inter,'Microsoft YaHei',sans-serif;color:inherit;padding:5px 9px;cursor:pointer}
.fx-control .fx-icon{color:var(--accent,#a2cab3);font-size:13px}
.fx-control[aria-pressed=true]{border-color:color-mix(in srgb,var(--accent,#a2cab3) 55%,transparent)}
.fx-control:disabled{opacity:.55;cursor:default}
.preview-actions .fx-control{padding:1px 5px;font-size:9px;border-radius:3px}
.preview-actions .fx-icon{color:#c6dfad}
.effects-tag{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--card-accent);margin:12px 0 0}
html.fx-muted .fx-backdrop,html.fx-muted .fx-cursor{display:none}
html.fx-paused *,html.fx-paused *::before,html.fx-paused *::after{animation-play-state:paused!important}
@media(hover:hover) and (pointer:fine){
 html.fx-enabled .stat{transition:transform .28s ease,box-shadow .28s ease}
 html.fx-enabled .stat:hover{transform:perspective(800px) rotateX(var(--fx-rx,0deg)) rotateY(var(--fx-ry,0deg)) translateY(-2px);box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 13%,transparent)}
 html.fx-enabled .design-card{transition:transform .3s ease,box-shadow .3s ease}
 html.fx-enabled .design-card:hover{transform:perspective(1100px) rotateX(var(--fx-rx,0deg)) rotateY(var(--fx-ry,0deg)) translateY(-4px);box-shadow:0 18px 45px #0006,0 0 0 1px color-mix(in srgb,var(--card-accent) 55%,transparent)}
 html.fx-enabled .design-screen img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
 html.fx-enabled .design-card:hover .design-screen img{transform:scale(1.035)}
}
@media(max-width:700px){
 .preview-actions .fx-control{width:23px;height:20px;padding:0;justify-content:center;flex:none}
 .preview-actions .fx-control .fx-text{display:none}
 .eden-preview-bar .preview-title{font-size:8px}
 .fx-backdrop{opacity:.35}
 .fx-cursor{display:none}
 .gallery-header .fx-control{font-size:9px;padding:5px 7px}
}
@media(prefers-reduced-motion:reduce){html:not(.fx-forced) .fx-backdrop,html:not(.fx-forced) .fx-cursor{display:none!important}html:not(.fx-forced).fx-enabled .stat:hover,html:not(.fx-forced).fx-enabled .design-card:hover,html:not(.fx-forced).fx-enabled .design-card:hover .design-screen img{transform:none!important;transition:none!important}
}