:root{--bg:#1a1a1a;--panel-bg:#1e1e1ef2;--text:#e0e0e0;--accent:#50ff9e;--muted:#999;--border:#ffffff1a}*{box-sizing:border-box}body{background-color:var(--bg);color:var(--text);min-height:100vh;margin:0;padding:0;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}#top-bar{z-index:200;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 0;display:flex;position:fixed;top:16px;left:16px;right:16px}#top-bar a{color:var(--accent);background:#1e1e1ecc;border:1px solid #50ff9e4d;border-radius:6px;padding:8px 14px;font-size:.8rem;text-decoration:none;transition:all .25s}#top-bar a:hover{border-color:var(--accent);background:#50ff9e1f}main{max-width:1800px;margin:0 auto;padding:84px 16px 24px}#intro{margin-bottom:20px}#intro h1{text-transform:uppercase;letter-spacing:2px;color:#fff;margin:0 0 8px;font-size:22px;font-weight:300}#intro p{color:var(--muted);max-width:720px;margin:0;font-size:.9rem;line-height:1.5}#global-controls{background:var(--panel-bg);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:20px;padding:14px;display:flex}#global-controls .control-group{flex-direction:column;gap:6px;min-width:120px;display:flex}#global-controls .control-group.search{flex:240px}#global-controls label{text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-size:.7rem}#global-controls select,#global-controls input[type=number],#global-controls input[type=text]{color:var(--text);background:#2a2a2a;border:1px solid #ffffff26;border-radius:4px;outline:none;width:100%;padding:6px 8px;font-size:.85rem}#global-controls select:focus,#global-controls input:focus{border-color:var(--accent)}#gallery-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (width>=1200px){#gallery-grid{grid-template-columns:repeat(8,1fr)}}.card{background:var(--panel-bg);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:8px;padding:10px;transition:border-color .2s;display:flex}.card:hover{border-color:#50ff9e4d}.card canvas{aspect-ratio:1;width:100%;image-rendering:pixelated;background:#000;border:1px solid #ffffff14;border-radius:4px}.card h3{color:#fff;letter-spacing:.3px;margin:0;font-size:.85rem;font-weight:500}.card .meta{flex-wrap:wrap;gap:6px;font-size:.65rem;display:flex}.card .meta .noise-type{color:#fff;background:#ffffff1a;border-radius:4px;padding:2px 6px}.card .meta .family{text-transform:capitalize;border-radius:4px;padding:2px 6px}.card .meta .family.gradient{color:#adf;background:#50aaff33}.card .meta .family.cellular{color:#faa;background:#ff787833}.card .meta .family.value{color:#ffe6aa;background:#ffc85033}.card .meta .family.fractal{color:#d8bfff;background:#b478ff33}.card .meta .family.custom{color:var(--accent);background:#50ff9e26}.card .meta .family.wave{color:#ffaad8;background:#ff64c833}.card .description{color:var(--muted);flex:auto;margin:0;font-size:.75rem;line-height:1.4}.card .tags{flex-wrap:wrap;gap:4px;display:flex}.card .tags span{color:var(--accent);border:1px solid #50ff9e40;border-radius:4px;padding:2px 6px;font-size:.6rem}.card .controls{flex-direction:column;gap:8px;margin-top:4px;display:flex}.card .controls label{color:var(--muted);justify-content:space-between;margin-bottom:2px;font-size:.65rem;display:flex}.card .controls label .val{color:var(--accent);font-family:monospace}.card .controls input[type=range]{appearance:none;background:0 0;width:100%;height:12px;margin:0}.card .controls input[type=range]::-webkit-slider-runnable-track{background:#3a3a3a;border-radius:1.5px;width:100%;height:3px}.card .controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border-radius:3px;width:10px;height:12px;margin-top:-4px}@media (width<=599px){main{padding-top:100px}#global-controls .control-group.search{width:100%}}