.gal-sub{font-family:var(--mono);font-size:0.85rem;color:#808080;letter-spacing:0.3px;margin:-10px 0 18px}.gal-sub b{color:#cfcfcf;font-weight:700}.gal-sub a,.gal-sub .viewall{color:#0fd0d6;text-decoration:none}.gal-sub a:hover{text-decoration:underline}h1 .accent{color:#0fd0d6}.gal-controls{position:sticky;top:0;z-index:5;background:#0e0e0e;padding:10px 0 12px;margin-bottom:4px;border-bottom:1px solid #1c1c1c;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.gal-search,.gal-sel,.gal-clear,.gal-surprise{height:38px}.gal-search{flex:1 1 220px;min-width:160px;background:#141414;border:1px solid #242424;border-radius:5px;color:#e0e0e0;font-family:var(--mono);font-size:0.85rem;padding:9px 12px;outline:none}.gal-search:focus{border-color:#17494c}.gal-search::placeholder{color:#585858}.gal-sel{background:#141414;border:1px solid #242424;border-radius:5px;color:#bdbdbd;font-family:var(--mono);font-size:0.8rem;padding:8px 9px;outline:none;cursor:pointer;max-width:240px;text-transform:uppercase;letter-spacing:0.5px}.gal-sel:hover{border-color:#333}.gal-clear{background:none;border:1px solid #242424;border-radius:5px;color:#6a6a6a;font-family:var(--mono);font-size:0.78rem;padding:8px 11px;cursor:pointer;text-transform:uppercase;letter-spacing:0.5px}.gal-clear:hover{color:#0fd0d6;border-color:#17494c}.gal-surprise{background:#08211f;border:1px solid #17494c;border-radius:5px;color:#0fd0d6;font-family:var(--mono);font-size:0.78rem;font-weight:700;padding:8px 12px;cursor:pointer;text-transform:uppercase;letter-spacing:0.6px;transition:background 0.12s,box-shadow 0.12s}.gal-surprise:hover{background:#0c2e2c;box-shadow:0 0 0 1px #1d6266}.gal-surprise:active{transform:translateY(1px)}.gal-dice{display:inline-block;transition:transform 0.4s ease}.gal-surprise:hover .gal-dice{transform:rotate(-22deg) scale(1.12)}.gal-count{font-family:var(--mono);font-size:0.78rem;color:#6a6a6a;margin:12px 0 10px;letter-spacing:0.4px}.gal-count b{color:#0fd0d6}.gal-count .rnd{color:#0fd0d6}.gal-empty{font-family:var(--mono);font-size:0.85rem;color:#707070;padding:40px 0;text-align:center}.gal-loading{font-family:var(--mono);font-size:0.78rem;color:#5a5a5a;text-align:center;padding:16px 0;letter-spacing:1px}.gal-sentinel{height:40px}.xbx-nav a.nav-snd{color:#cfcfcf}#sndGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:6px}.snd-row{display:flex;align-items:center;gap:10px;background:#131313;border:1px solid #1d1d1d;border-radius:5px;padding:7px 9px;min-width:0;transition:border-color 0.12s,background 0.12s}.snd-row:hover{border-color:#2c2c2c;background:#161616}.snd-row.playing{border-color:#17494c;background:#0c1c1d}.snd-play{flex-shrink:0;width:30px;height:30px;border-radius:50%;background:#08211f;border:1px solid #17494c;color:#0fd0d6;font-family:var(--mono);font-size:0.72rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 0 0 2px;transition:background 0.12s,transform 0.1s}.snd-play:hover{background:#0f3a38}.snd-play:active{transform:scale(0.92)}.snd-row.playing .snd-play{background:#0fd0d6;color:#06201f;padding:0}.snd-play.busy{color:#6a6a6a;border-color:#262626;background:#141414}.snd-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.snd-name{font-family:var(--mono);font-size:0.85rem;color:#c6c6c6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.snd-row.playing .snd-name{color:#eaeaea}.snd-sub{font-family:var(--mono);font-size:0.72rem;color:#5e5e5e;display:flex;gap:7px;flex-wrap:wrap}.snd-coll{color:#6f6f6f}.snd-kind{text-transform:uppercase;letter-spacing:0.5px;font-weight:700;color:#0fd0d6}.snd-kind.wav{color:#c2a23a}.snd-gated{text-transform:uppercase;letter-spacing:0.5px;color:#c9a6ff;background:#241733;border:1px solid #3b2358;border-radius:2px;padding:0 4px}.snd-acts{display:flex;gap:3px;flex-shrink:0}.snd-act{background:none;border:1px solid #242424;border-radius:4px;color:#6a6a6a;font-family:var(--mono);font-size:0.68rem;padding:4px 6px;cursor:pointer;text-decoration:none;text-transform:uppercase;letter-spacing:0.4px;line-height:1.2}.snd-act:hover{color:#0fd0d6;border-color:#17494c}.snd-bar{height:2px;background:#1c1c1c;border-radius:2px;overflow:hidden;margin-top:3px;display:none}.snd-row.playing .snd-bar{display:block}.snd-bar i{display:block;height:100%;width:0;background:#0fd0d6}.snd-dock{position:fixed;left:0;right:0;bottom:0;z-index:60;background:#101010;border-top:1px solid #17494c;padding:8px 20px;display:none;align-items:center;gap:12px;box-shadow:0 -6px 22px -14px #000}.snd-dock.on{display:flex}.snd-dock-name{font-family:var(--mono);font-size:0.8rem;color:#d8d8d8;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.snd-dock-time{font-family:var(--mono);font-size:0.72rem;color:#6a6a6a;flex-shrink:0}.snd-dock-btn{background:none;border:1px solid #242424;border-radius:4px;color:#8a8a8a;font-family:var(--mono);font-size:0.7rem;padding:5px 9px;cursor:pointer;text-transform:uppercase;letter-spacing:0.5px}.snd-dock-btn:hover{color:#0fd0d6;border-color:#17494c}.snd-dock-btn.on{color:#0fd0d6;border-color:#17494c;background:#08211f}.snd-howto{background:#111;border:1px solid #1d1d1d;border-left:2px solid #17494c;border-radius:5px;padding:12px 14px;margin:0 0 16px;font-family:var(--mono);font-size:0.85rem;color:#909090;line-height:1.7}.snd-howto b{color:#0fd0d6;font-weight:700}.snd-howto code{background:#0a0a0a;border:1px solid #202020;border-radius:3px;padding:1px 5px;color:#b9b9b9;font-size:0.8rem}.snd-howto a{color:#0fd0d6;text-decoration:none}.snd-howto a:hover{text-decoration:underline}@media (max-width:560px){#sndGrid{grid-template-columns:1fr}.snd-dock{padding:8px 12px;gap:8px}}