/* Live library previews: full-frame playback and honest state illustrations. */
.lib-preview-frame{position:relative;isolation:isolate;background:#10182c}.vrow-thumb.lib-preview-frame video,.vtile.lib-preview-frame video{display:block;width:100%;height:100%;min-height:0;min-width:0;object-fit:contain;background:#10182c}
.lib-playback-note{display:none;position:absolute;inset:auto 4px 5px;padding:4px;border-radius:5px;background:#0f172ad9;color:#fff;font-size:9px;line-height:1.5;text-align:center}.lib-preview-frame:is([data-playback="blocked"],[data-playback="error"]) .lib-playback-note{display:block}
.lib-state-frame{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;height:100%;min-width:0;box-sizing:border-box;overflow:hidden;padding:10px 5px;background:radial-gradient(ellipse at 20% 10%,#373071,#111a30 75%);color:#f1f5ff;text-align:center;line-height:1.5}
.lib-state-frame>b{font-size:10px;font-weight:650}.lib-state-frame>small{font-size:8px;color:#c3cbe6}.lib-state-art{position:relative;display:grid;place-items:center;width:36px;height:36px;margin-bottom:2px;border:1px solid #a5b4fc55;border-radius:10px;background:#ffffff0a}.lib-state-art svg{width:20px;height:20px;color:#c7d2fe}.lib-state-art i{position:absolute;width:4px;height:4px;border-radius:50%;background:#a5b4fc;animation:lib-float 3s ease-in-out infinite}.lib-state-art i:nth-child(1){top:-5px;left:-5px}.lib-state-art i:nth-child(2){right:-6px;top:12px;animation-delay:-1s}.lib-state-art i:nth-child(3){bottom:-5px;left:12px;animation-delay:-2s}
.lib-state-track{height:3px;width:70%;max-width:100px;background:#c7d2fe22;border-radius:4px;overflow:hidden}.lib-state-track i{display:block;width:36%;height:100%;background:#a5b4fc;border-radius:4px;opacity:.6}.lib-state-frame[data-state="running"] .lib-state-track i,.lib-state-frame[data-state="queued"] .lib-state-track i{animation:lib-scan 2s ease-in-out infinite;opacity:1}.lib-state-progress{font-size:12px;font-weight:700;color:#a5f3fc;font-variant-numeric:tabular-nums}
.lib-state-frame[data-state="running"]{background:radial-gradient(ellipse at 10% 0%,#164e63,#111a30 75%)}.lib-state-frame[data-state="failed"]{background:radial-gradient(ellipse at 10% 0%,#59283f,#111a30 75%)}.lib-state-frame[data-state="failed"] .lib-state-art{border-color:#fda4af66}.lib-state-frame[data-state="failed"] .lib-state-art svg{color:#fda4af}.lib-state-frame[data-state="failed"] :is(.lib-state-art i,.lib-state-track){display:none}
.vtile .lib-state-frame{position:absolute;inset:0}.vtile .lib-state-frame>b{font-size:15px}.vtile .lib-state-frame>small{font-size:11px}.vtile .lib-state-art{width:54px;height:54px;margin-bottom:10px}.vtile .lib-state-art svg{width:28px;height:28px}.vtile .lib-state-progress{font-size:20px}.library-refresh:empty{display:none}
.library-paused .lib-state-frame *,.library-background .lib-state-frame *{animation-play-state:paused!important}
@keyframes lib-float{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(-4px);opacity:1}}@keyframes lib-scan{0%{transform:translateX(-100%)}100%{transform:translateX(380%)}}
@media(prefers-reduced-motion:reduce){.lib-state-frame *{animation:none!important}}

.lib-state-frame[data-state="draft"] .lib-state-track{display:none}