/* Eddies result editor — the built-in libraries (web/editor-library.js): effects, transitions, animations, stickers,
   sounds and music. The editor's dark surface (#result tokens: --e1…--e4, --et, --em, --ea, --ea2) and the site's
   purple; Onest for text (the "I" face), Unbounded only for the numbers people scan. */
#result .elib-fx,#result .elib-stk,#result .elib-music,#result .elib-snd{display:grid;gap:10px;min-width:0}
#result .elib-fx{margin-bottom:14px}
#result .elib-seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;padding:3px;border-radius:999px;background:var(--e1);box-shadow:inset 0 0 0 1px var(--eline)}
#result .elib-seg button{border:0;border-radius:999px;padding:8px 6px;background:none;color:var(--em);font:600 12.5px/1 "I";cursor:pointer;white-space:nowrap;transition:background .16s,color .16s}
#result .elib-seg button[aria-selected="true"]{background:var(--ea);color:#fff}
#result .elib-seg button:focus-visible,#result .elib-tile:focus-visible,#result .elib-play:focus-visible{outline:2px solid var(--ea2);outline-offset:2px}
#result .elib-cats{gap:6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent)}
#result .elib-cats::-webkit-scrollbar{display:none}
#result .elib-cats .mx-chip,#result .elib-row .mx-chip{flex:none;padding:6px 11px;font-size:12px;background:var(--e3);color:var(--et);box-shadow:inset 0 0 0 1px var(--eline)}
#result .elib-cats .mx-chip[aria-pressed="true"],#result .elib-row .mx-chip[aria-pressed="true"]{background:var(--ea);color:#fff;box-shadow:none}
#result .elib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px}
#result .elib-tile{position:relative;display:grid;gap:5px;justify-items:center;align-content:start;min-width:0;padding:5px 5px 7px;border:0;border-radius:10px;background:var(--e3);color:var(--et);
  font:500 11px/1.2 "I";text-align:center;cursor:pointer;box-shadow:inset 0 0 0 1px var(--eline);transition:transform .16s,box-shadow .16s,background .16s}
#result .elib-tile:hover{background:var(--e4)}
#result .elib-tile:active{transform:scale(.96)}
#result .elib-tile.used{box-shadow:inset 0 0 0 1.5px var(--ea2)}
#result .elib-tile canvas{width:100%;aspect-ratio:9/16;height:auto;border-radius:7px;background:#2A1F33;display:block}
#result .elib-tile span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#result .elib-st .elib-tile img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:7px;background:repeating-conic-gradient(#2E2836 0 25%,#262030 0 50%) 0 0/14px 14px}
#result .elib-dd-col .mx-chip{display:inline-flex;align-items:center;gap:6px}
#result .elib-dd-col .mx-chip i{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}
#result .elib-up{align-content:center;min-height:100px;border:1.5px dashed var(--e4);background:none;box-shadow:none}
#result .elib-up b{font:300 26px/1 "Unbounded",sans-serif;color:var(--ea2)}
#result .elib-up small{color:var(--em);font-size:10px}
#result .elib-q{width:100%;min-width:0;box-sizing:border-box;padding:9px 12px;border-radius:999px;border:1px solid var(--eline);background:var(--e1);color:var(--et);font:500 13px "I"}
#result .elib-q::placeholder{color:var(--ed)}
#result .elib-q:focus{outline:2px solid var(--ea2);outline-offset:1px}
#result .elib-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}
#result .elib-list li{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:6px 8px;border-radius:10px;background:var(--e3);box-shadow:inset 0 0 0 1px var(--eline)}
#result .elib-list li.on{box-shadow:inset 0 0 0 1.5px var(--ea2);background:var(--e4)}
#result .elib-list li>span{display:grid;gap:2px;min-width:0;font:500 13px/1.25 "I";color:var(--et);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#result .elib-list small{font:400 11px "I";color:var(--em)}
#result .elib-list .chip{padding:6px 12px;font-size:12px}
#result .elib-list .chip[aria-pressed="true"]{background:var(--ea);color:#fff;border-color:transparent}
#result .elib-play{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:50%;background:var(--ea);color:#fff;font:600 11px/1 "I";cursor:pointer}
#result .elib-play.playing{background:#FEFCF9;color:#513878}
#result .elib-play.off{background:var(--e4);color:var(--em);cursor:default}
#result .elib-row{display:grid;gap:6px}
#result .elib-row>span{font:600 11px/1 "I";letter-spacing:.04em;text-transform:uppercase;color:var(--em)}
#result .elib-row .mx-chips{gap:6px}
#result .elib-insp:empty{display:none}
#result .elib-insp{display:grid;gap:10px;padding:12px;border-radius:12px;background:var(--e2);box-shadow:inset 0 0 0 1px rgba(168,139,203,.45)}
#result .elib-insp-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px}
#result .elib-insp-h b{font:600 14px "I";color:var(--et)}
#result .elib-kind{font:600 10.5px/1 "I";letter-spacing:.05em;text-transform:uppercase;color:var(--ea2)}
#result .elib-when{margin-left:auto;font:500 11px "Unbounded",sans-serif;color:var(--em)}
#result .elib-anims{display:grid;gap:8px}
#result .elib-acts{display:flex;gap:8px}
#result .elib-cc{font-size:11px}
/* the timeline: effects and transitions, added stickers */
.vx-lane[data-lane="vfx"]{min-height:26px}
.vx-blk.k-vfx{--bc:#5B3F78;background-image:linear-gradient(90deg,rgba(255,255,255,.08),transparent 60%)}
.vx-blk.k-vtr{--bc:#7A4E9E;justify-content:center;padding:0 3px;font-size:10px}
.vx-blk.k-lib{--bc:#5E4A26}
.vx-blk.elib-blk{touch-action:none}
.vx-blk .elib-grip{position:absolute;top:4px;bottom:4px;right:2px;width:4px;border-radius:2px;background:rgba(255,255,255,.35);cursor:ew-resize}
.elib-cut{position:absolute;top:-2px;bottom:-2px;width:0;border-left:1px dashed rgba(168,139,203,.55);pointer-events:none}
@media (prefers-reduced-motion:reduce){#result .elib-tile,#result .elib-seg button{transition:none}}
@media (max-width:760px){#result .elib-grid{grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:6px}#result .elib-tile{font-size:10.5px}}