html,body{margin:0;border:0;padding:0;width:100%;height:100%;overflow:hidden}canvas{display:block;touch-action:none}.lil-gui{--background-color: rgba(31, 31, 31, .5);--focus-color: rgba(255, 255, 255, .25);--folder-indent: .75rem;--hover-color: rgba(255, 255, 255, .125);--number-color: rgba(255, 255, 0, .625);--padding: .375rem;--spacing: .25rem;--widget-border-radius: .25rem;--widget-color: rgba(255, 255, 255, .0625);--widget-height: 1.125rem;backdrop-filter:blur(1rem);-webkit-backdrop-filter:blur(1rem);border-radius:0 0 .375rem .375rem;box-shadow:0 .125rem .75rem #00000020;overflow:hidden}.lil-gui:not(.lil-root){--title-background-color: rgba(255, 255, 255, .125)}.lil-title{border-radius:0 0 .25rem .25rem}.lil-controller{transition:background 125ms ease}.lil-controller:hover{background:#ffffff10}.lil-controller .lil-name{opacity:.75;transition:opacity 125ms ease}.lil-controller:hover .lil-name,.lil-controller.lil-active .lil-name{opacity:1}.lil-slider:hover .lil-fill{background:linear-gradient(75deg,#ffff0010,#ffff0040)}.lil-function .lil-widget{background:#ffffff10;border-radius:var(--widget-border-radius);transition:background .25s ease}.lil-function .lil-widget:hover{background:#00ffff40;transition:background .25s ease}.lil-function .lil-widget:active{background:#ff00ff40;transition:background .25s ease}.lil-gui.lil-root>.lil-children::-webkit-scrollbar{background:transparent}.lil-gui.lil-root>.lil-children::-webkit-scrollbar-thumb{background:#ffffff40}.lil-gui.lil-root>.lil-children::-webkit-scrollbar-thumb:hover{background:#ffffff80}.lil-title:before{opacity:.5}.lil-title:hover:before{opacity:1}@media (pointer: coarse){.lil-gui{--widget-border-radius: .375rem}}@media (prefers-reduced-motion: reduce){.lil-gui *,.lil-gui *:before{transition:none!important}}.axis-label{background:#00000040;border-radius:8px;color:#fff;font-family:monospace;font-size:16px;font-weight:700;padding:2px 6px;user-select:none;white-space:nowrap}.tick-label{background:#00000040;border-radius:4px;color:#fff;font-family:monospace;font-size:10px;padding:1px 4px;user-select:none;white-space:nowrap}#palette-dock{bottom:env(safe-area-inset-bottom,0);display:block;height:2vh;left:0;position:fixed;pointer-events:none;width:100vw;z-index:1}#tooltip{backdrop-filter:blur(12px);background:#00000060;border:1px solid rgba(255,255,255,.25);border-radius:8px;box-shadow:0 2px 8px #00000080;color:#fff;display:none;font-family:"ui-monospace",SFMono-Regular,Menlo,monospace;font-size:12px;padding:8px 12px;pointer-events:none;position:fixed;z-index:999}.tooltip-header{align-items:center;border-bottom:1px solid rgba(255,255,255,.25);display:flex;gap:12px;margin-bottom:4px;padding-bottom:8px}.swatch{border:1px solid rgba(255,255,255,.25);border-radius:4px;flex-shrink:0;height:32px;width:32px}.primary-val{display:flex;flex-direction:column}.label{font-size:10px;font-weight:700;opacity:.5;text-transform:uppercase}.tooltip-grid{display:grid;gap:6px;grid-template-columns:1fr 1fr}.section-title{font-size:10px;font-weight:700;margin-top:4px;opacity:.5}.walkthrough-root{display:none;font-family:"ui-sans-serif","system-ui",sans-serif}.walkthrough-root.open{display:block}.walkthrough-backdrop{background:#00000080;inset:0;position:fixed;z-index:1000}.walkthrough-card{backdrop-filter:blur(.75rem);background:#0f0f0f80;border:1px solid rgba(255,255,255,.125);border-radius:.75rem;box-shadow:0 1rem 3rem #00000080;color:#fff;left:50%;max-width:calc(100vw - 2rem);padding:1.25rem 1.5rem;position:fixed;top:50%;transform:translate(-50%,-50%);width:420px;z-index:1001}.walkthrough-step-num{font-size:.75rem;letter-spacing:.125em;opacity:.5;text-transform:uppercase}.walkthrough-title{font-size:1.125rem;font-weight:700;margin-top:.25rem}.walkthrough-body{font-size:.875rem;line-height:1.625;margin-top:.75rem;min-height:3.5rem;opacity:.875}.walkthrough-dots{display:flex;gap:.5rem;justify-content:center;margin-top:1rem}.walkthrough-dot{background:#ffffff40;border-radius:50%;cursor:pointer;height:.375rem;transition:background .25s,transform .25s;width:.375rem}.walkthrough-dot.active{background:#fff;transform:scale(1.375)}.walkthrough-actions{align-items:center;display:flex;gap:.5rem;margin-top:1rem}.walkthrough-spacer{flex:1}.walkthrough-actions button{background:#ffffff20;border:1px solid rgba(255,255,255,.25);border-radius:.375rem;color:#fff;cursor:pointer;font-family:inherit;font-size:.75rem;padding:.375rem .875rem;transition:background .12s,border-color .12s}.walkthrough-actions button:hover:not(:disabled){background:#ffffff80;border-color:#ffffff40}.walkthrough-actions button:disabled{cursor:default;opacity:.375}.walkthrough-actions .walkthrough-next{background:#fff;border-color:#fff;color:#000}.walkthrough-actions .walkthrough-skip{opacity:.75}@keyframes walkthroughPulse{0%,to{box-shadow:0 0 #ffffffbf}50%{box-shadow:0 0 0 4px #fff0}}.walkthrough-highlight{animation:walkthroughPulse 1.2s ease-out infinite;border-radius:.5rem;outline:.25rem solid white;outline-offset:.125rem;position:relative;z-index:1002}@media (max-width: 480px){.walkthrough-card{padding:16px 18px;width:calc(100vw - 32px)}.walkthrough-title{font-size:16px}.walkthrough-body{font-size:12px}}