/* Library section scenes (search, AI generate, Cull). The SFX tiles here are also used by Edit > Auto SFX. */

/* 02 Auto SFX */
.sfx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.sfx-tile{background:var(--bg-input);border:1px solid var(--bd);border-radius:6px;padding:6px 7px;
          transition:border-color .25s,background .25s,transform .25s var(--ease)}
.sfx-tile.hi{border-color:var(--acc-bd);background:var(--acc-sub);transform:translateY(-2px)}
.sfx-wv{position:relative;height:22px;margin-bottom:4px}
.sfx-wv .wave path{fill:#8c7df0}
.sfx-tile b{display:block;font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sfx-tile span{font-size:9px;color:var(--warn);letter-spacing:1px}
.sfx-tile span i{font-style:normal;color:var(--bd2)}
.sfx-tl{border-radius:6px;border:1px solid var(--bd);padding:4px 0 6px}
.sfx-tl .tl-track{height:17px;margin-top:3px}

.lib-bar{gap:6px}
.lib-search{flex:1;display:flex;align-items:center;gap:7px;height:28px;padding:0 10px;border-radius:7px;background:var(--bg-input);
            border:1px solid var(--bd);font-size:11.5px;color:var(--t3);min-width:0}
.lib-search i{width:9px;height:9px;border:1.5px solid var(--t3);border-radius:50%;flex:0 0 auto}
.lib-q{white-space:nowrap;overflow:hidden}
.lib-q.typed{color:var(--t1)}
.lib-split{display:grid;grid-template-columns:128px 1fr;gap:8px}
.lib-folders{display:flex;flex-direction:column;gap:2px}
.lib-folder{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:5px;font-size:11px;color:var(--t2);transition:background .25s,color .25s}
.lib-folder b{margin-left:auto;font-family:var(--mono);font-size:9.5px;color:var(--t3);font-weight:500}
.lib-folder.on{background:var(--acc-sub);color:var(--t1)}
.sfx-tile{position:relative;transition:border-color .25s,background .25s,transform .25s var(--ease),opacity .3s}
.sfx-tile.dim{opacity:.2}
.sfx-tile.ghost{opacity:.12;transform:scale(.96)}
.sfx-tile.play .sfx-wv::after{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background:#fff;animation:scrub 1.4s linear forwards}
@keyframes scrub{to{left:100%}}
.lib-tick{display:none;position:absolute;right:5px;top:5px;width:12px;height:12px;border-radius:3px;border:1.5px solid var(--bd2);background:var(--bg-panel)}
.culling .lib-tick{display:block}
.sfx-tile.picked{border-color:var(--bad)}
.sfx-tile.picked .lib-tick{background:var(--bad);border-color:var(--bad)}
.sfx-tile.gone{opacity:0;transform:scale(.9)}
.cull-acts{margin-left:auto;display:flex;gap:5px;opacity:0;transition:opacity .3s}
.cull-acts.in{opacity:1}
.gen-box{display:flex;align-items:center;min-height:32px;padding:6px 10px;border-radius:7px;background:var(--bg-input);border:1px solid var(--bd);font-size:12px}
.gen-grid{grid-template-columns:repeat(4,1fr)}