*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000;font-family:system-ui,-apple-system,sans-serif}#canvas{display:block;width:100%;height:100%}.shader-gallery{position:fixed;top:0;left:0;right:0;z-index:10;pointer-events:none}.gallery-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:linear-gradient(to bottom,rgba(0,0,0,.7),transparent);pointer-events:auto}.gallery-title{font-size:1.25rem;font-weight:300;color:#fff;letter-spacing:.1em;text-transform:uppercase}.gallery-controls{display:flex;align-items:center;gap:1rem}.bloom-toggle{display:flex;align-items:center;gap:.5rem;color:#aaa;font-size:.875rem;cursor:pointer}.bloom-toggle input{accent-color:#888}.bloom-toggle:hover{color:#fff}#bloom-strength{width:80px;height:4px;accent-color:#888;cursor:pointer}#resolution-select{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#aaa;font-size:.75rem;padding:.25rem .5rem;border-radius:.25rem;cursor:pointer;outline:none}#resolution-select:hover,#resolution-select:focus{border-color:#fff6;color:#fff}#resolution-select option{background:#222;color:#fff}#snapshot-btn{background:none;border:none;font-size:1rem;cursor:pointer;padding:.25rem;filter:grayscale(1) brightness(.7);transition:filter .2s}#snapshot-btn:hover{filter:grayscale(0) brightness(1)}#fullscreen-btn{background:none;border:none;color:#aaa;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s}#fullscreen-btn:hover{color:#fff}.shader-list{position:fixed;bottom:4rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem;padding:.75rem 1rem;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:2rem;pointer-events:auto;max-width:90vw;overflow-x:auto}.shader-item{background:transparent;border:1px solid rgba(255,255,255,.2);color:#aaa;padding:.5rem 1rem;font-size:.75rem;border-radius:1rem;cursor:pointer;white-space:nowrap;transition:all .2s}.shader-item:hover{border-color:#ffffff80;color:#fff}.shader-item.active{background:#ffffff26;border-color:#fff6;color:#fff}.gallery-nav{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:1rem;color:#666;font-size:.875rem;pointer-events:auto}.gallery-nav button{background:none;border:none;color:#666;font-size:1.25rem;cursor:pointer;padding:.25rem .5rem;transition:color .2s}.gallery-nav button:hover{color:#fff}::-webkit-scrollbar{height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.hidden{opacity:0;pointer-events:none;transition:opacity .3s ease}.shader-gallery{transition:opacity .3s ease}.ui-hint,.keyboard-hint{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);color:#fff6;font-size:.75rem;transition:opacity .3s ease}.keyboard-hint{bottom:.25rem}