:root{color:#eef5ff;background:#03050d;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%}body{overscroll-behavior:none;margin:0;overflow:hidden}#showcase-root,#showcase-canvas,.showcase-fallback,.showcase-fallback img{width:100%;height:100dvh}#showcase-root{isolation:isolate;position:relative}#showcase-canvas,.showcase-fallback{position:absolute;inset:0}#showcase-canvas{touch-action:none;display:block}.showcase-fallback{margin:0}.showcase-fallback img{object-fit:cover;display:block}.showcase-status{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03050db8;border-radius:999px;margin:0;padding:.55rem .85rem;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}button{font:inherit}.particle-lab{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#03050dc7;border:1px solid #aedeff33;border-radius:.9rem;width:min(19rem,100vw - 2rem);padding:.85rem;position:absolute;top:1rem;right:1rem;box-shadow:0 1rem 3rem #00000047}.particle-lab__header{grid-template-columns:1fr auto auto;align-items:center;gap:.7rem;display:grid}.particle-lab__fps{color:#80f4ff;font-variant-numeric:tabular-nums}.particle-lab__toggle,.particle-lab__actions button{color:inherit;background:#0e1a30d1;border:1px solid #aedeff47}.particle-lab__toggle{border-radius:.5rem;min-width:2.25rem;min-height:2.25rem}.particle-lab__body{gap:.75rem;margin-top:.9rem;display:grid}.particle-lab__body[hidden]{display:none}.particle-lab__control{grid-template-columns:1fr auto;gap:.3rem .75rem;font-size:.82rem;display:grid}.particle-lab__control output{color:#b9f8ff;font-variant-numeric:tabular-nums}.particle-lab__control input{accent-color:#6debf5;grid-column:1/-1;width:100%}.particle-lab__extras{gap:.75rem;margin-top:.9rem;display:grid}.particle-lab__help{font-size:.78rem}.particle-lab__help summary{cursor:pointer;color:#b9f8ff}.particle-lab__help p{margin:.55rem 0 0;line-height:1.4}.particle-lab__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.particle-lab__actions button{border-radius:.5rem;min-height:2.25rem;padding:.45rem .6rem}.particle-lab button:focus-visible,.particle-lab input:focus-visible,.particle-lab summary:focus-visible{outline-offset:2px;outline:2px solid #8ff7ff}.particle-lab[data-collapsed=true] .particle-lab__extras,html[data-showcase-state=ready] .showcase-fallback,html[data-showcase-state=fallback] #showcase-canvas,html[data-showcase-state=ready] .showcase-status,html[data-showcase-state=recovering] .particle-lab,html[data-showcase-state=fallback] .particle-lab{display:none}@media (width<=700px),(height<=500px) and (orientation:landscape){.particle-lab{top:max(.75rem, env(safe-area-inset-top));right:max(.75rem, env(safe-area-inset-right))}.particle-lab:not([data-collapsed=true]){bottom:max(.75rem, env(safe-area-inset-bottom));overscroll-behavior:contain;left:max(.75rem, env(safe-area-inset-left));width:auto;max-width:19rem;margin-left:auto;overflow-y:auto}.particle-lab[data-collapsed=true]{width:max-content;min-width:12rem;max-width:calc(100vw - 1.5rem);margin-left:0;bottom:auto;left:auto}.particle-lab__toggle,.particle-lab__actions button,.particle-lab__help summary,.particle-lab__control input{min-width:44px;min-height:44px}.particle-lab__help summary{align-items:center;display:flex}.particle-lab__body{max-height:none;overflow:visible}}