@font-face{font-family:"JetBrains Mono";src:url(/assets/leaf-v070/JetBrainsMono-Medium.woff2) format("woff2");font-weight:500}#effects #leaf-art{border-radius:var(--flow-radius-public,8px);border:1px solid var(--flow-rule);background:#101210}#effects #leaf-output{position:absolute;inset:0;width:100%;height:100%;touch-action:none}#effects #leaf-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}#effects [hidden]{display:none!important}#effects .study-controls{margin:12px 0 0;min-height:44px;justify-content:flex-end}#effects #leaf-error,#effects .leaf-no-script{position:absolute;left:16px;right:16px;top:16px;z-index:4;padding:10px 12px;border-radius:var(--flow-radius-control,8px);color:#f2f3f1;background:#101210ed;font:12px/1.5 var(--kin-ui,sans-serif)}#effects :focus-visible{outline:2px solid var(--flow-focus);outline-offset:4px;border-radius:var(--flow-radius-public,8px)}@media(max-width:600px){#effects .study-selectors button{font-size:11px;padding-inline:10px}}

#effects .study-selectors{flex-wrap:wrap;gap:0 12px}#effects .study-selectors button{min-height:44px}@media(max-width:600px){#effects .study-selectors{justify-content:flex-start;gap:0 6px}#effects .study-selectors button{padding-inline:8px}}
#effects #leaf-output:focus-visible{outline:2px solid var(--flow-focus);outline-offset:-4px;border-radius:var(--flow-radius-public,8px)}
#effects #leaf-art:has(#leaf-output:focus-visible)::after{content:"";position:absolute;inset:3px;border:2px solid #fff;box-shadow:0 0 0 2px #000,inset 0 0 0 2px #000;border-radius:var(--flow-radius-public,8px);pointer-events:none;z-index:8}
#effects #leaf-output{transition:none}
#effects #leaf-fallback[data-accepts-touch="true"]{touch-action:none}
#effects #leaf-retry{position:absolute;left:28px;top:58px;z-index:5;min-height:44px;padding:6px 12px;border:1px solid #f2f3f1;border-radius:var(--flow-radius-control,8px);background:#101210;color:#f2f3f1;font:12px/1.5 var(--kin-ui,sans-serif)}
