:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body{color:#fff;background:#05060c;width:100%;height:100%;margin:0;padding:0;overflow:hidden}#app{outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}.shader-ui{pointer-events:none;z-index:10;position:fixed;bottom:1rem;left:1rem;right:1rem}.shader-ui__row{pointer-events:auto;justify-content:flex-end;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.shader-ui>*{pointer-events:auto}.shader-strip{-webkit-backdrop-filter:blur(12px);scrollbar-width:thin;scrollbar-color:#ffffff47 transparent;background:#080a14b8;border-radius:.85rem;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;display:flex;overflow-x:auto}.shader-strip::-webkit-scrollbar{height:6px}.shader-strip::-webkit-scrollbar-track{background:0 0}.shader-strip::-webkit-scrollbar-thumb{background:#ffffff59;border-radius:999px}.shader-strip__item{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #0000;border-radius:.6rem;flex-direction:column;align-items:center;gap:.4rem;min-width:5.5rem;padding:.5rem .75rem;transition:border-color .2s,background-color .2s,transform .2s;display:inline-flex}.shader-strip__item:hover{border-color:#ffffff80;transform:translateY(-2px)}.shader-strip__item[data-active=true]{background:#61dafb40;border-color:#61dafb}.shader-strip__item:focus-visible{outline-offset:2px;outline:2px solid #61dafb}.shader-strip__thumbnail{object-fit:cover;pointer-events:none;border-radius:.4rem;width:80px;height:52px;box-shadow:0 8px 12px #00000040}.shader-strip__label{letter-spacing:.04em;text-transform:uppercase;pointer-events:none;font-size:.75rem}.shader-fullscreen-toggle{color:#fff;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#0a0c18a6;border:1px solid #fff3;border-radius:999px;align-items:center;padding:.45rem .65rem;font-size:.75rem;transition:border-color .2s,background-color .2s,transform .2s;display:inline-flex}.shader-fullscreen-toggle:hover{background:#61dafb4d;border-color:#ffffffa6;transform:translateY(-1px)}.shader-fullscreen-toggle[data-active=true]{background:#61dafb73;border-color:#61dafb}.shader-fullscreen-toggle__icon{pointer-events:none;width:1.4rem;height:1.4rem;transition:transform .2s;display:block}.shader-fullscreen-toggle[data-active=true] .shader-fullscreen-toggle__icon{transform:scale(1.05)}.shader-fullscreen-toggle:focus-visible{outline-offset:2px;outline:2px solid #61dafb}.shader-ui__controls{pointer-events:auto;gap:.5rem;display:inline-flex}.shader-strip-toggle{color:#fff;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#0a0c18a6;border:1px solid #fff3;border-radius:999px;padding:.45rem .9rem;font-size:.72rem;transition:border-color .2s,background-color .2s,transform .2s}.shader-strip-toggle:hover{background:#61dafb4d;border-color:#ffffffa6;transform:translateY(-1px)}.shader-strip-toggle[data-active=false]{opacity:.75;background:#0f12208c;border-color:#ffffff59}.shader-strip-toggle:focus-visible{outline-offset:2px;outline:2px solid #61dafb}.shader-strip[data-hidden=true]{display:none}