/* Motion template library. Fonts and demo media are self-hosted. */
@font-face{font-family:Lora;src:url('/assets/fonts/files/lora/Lora-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Lora;src:url('/assets/fonts/files/lora/Lora-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
.vt-start-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:22px 26px;text-align:left;border:1px solid #9580ef;border-radius:18px;background:linear-gradient(115deg,#322551,#6041a0);margin:0 0 22px;cursor:pointer;box-shadow:0 12px 40px #0003}
.vt-start-cta small{display:block;color:#d4c7ff;font-size:10px;letter-spacing:.15em}.vt-start-cta b{display:block;font-size:22px;margin:6px 0}.vt-start-cta em{font-size:12px;color:#d8ccef;font-style:normal}.vt-start-art{display:grid;place-items:center;width:70px;height:88px;flex-shrink:0;border-radius:12px;background:linear-gradient(150deg,#ddc6ff,#a9c5f0 48%,#f0b7d1);color:#3a2654;font-size:28px;transform:rotate(8deg)}.vt-start-or{color:var(--muted);font-size:12px;margin-bottom:12px}
.vt-gallery{position:fixed;inset:0;z-index:200;background:#141318;color:#f4f1fa;display:flex;flex-direction:column;overflow:hidden;isolation:isolate;--vt-muted:#ada6ba}
.vt-gallery button:focus-visible,.vt-gallery input:focus-visible{outline:3px solid #d7fa6a;outline-offset:3px}.vt-gallery [hidden]{display:none!important}
.vt-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:28px 36px 22px;border-bottom:1px solid #ffffff12;flex-shrink:0}.vt-head small{font-size:10px;letter-spacing:.18em;color:#b5a1f2}.vt-head h2{font-size:30px;letter-spacing:-.04em;margin:4px 0}.vt-head p{color:var(--vt-muted);font-size:13px}.vt-close{width:40px;height:40px;font-size:20px}
.vt-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;min-height:0;flex:1}.vt-library{padding:22px 30px 60px;overflow:auto;overscroll-behavior:contain;min-width:0}.vt-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.vt-filters button{padding:9px 15px;border:1px solid #ffffff20;border-radius:22px;background:transparent;color:#c9c1d5;font-size:12px;cursor:pointer}.vt-filters button.on{background:#d6c3ff;border-color:#d6c3ff;color:#261a40}
.vt-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 14px}.vt-card{border:0;background:transparent;text-align:left;cursor:pointer;min-width:0;color:inherit;border-radius:12px;padding:0 0 5px}.vt-poster{position:relative;aspect-ratio:9/16;overflow:hidden;border-radius:12px;outline:2px solid transparent;outline-offset:3px;transition:outline-color .15s}.vt-card.on .vt-poster{outline-color:#c5adfa}.vt-card:hover .vt-poster{outline-color:#f3eaff}.vt-poster canvas{display:block;width:100%;height:100%;object-fit:cover}.vt-card>b{font-size:13px;margin-top:11px;display:block;font-weight:600}.vt-card>small{color:var(--vt-muted);font-size:10px;display:block;margin-top:3px}.vt-badge{position:absolute;top:8px;left:8px;right:8px;font-size:7px;letter-spacing:.08em;background:#18131ac9;padding:5px 6px;border-radius:5px;color:#fff;max-width:max-content}.vt-length{position:absolute;bottom:8px;right:8px;background:#17131dc9;padding:3px 6px;border-radius:5px;font-size:10px;color:#fff}
.vt-detail{padding:22px 30px;overflow:auto;border-left:1px solid #ffffff12;background:#1b1921;overscroll-behavior:contain}.vt-player{position:relative;max-width:248px;margin:auto;aspect-ratio:9/16;background:#292430;border-radius:14px;overflow:hidden;box-shadow:0 10px 35px #0003}.vt-player canvas{width:100%;height:100%;display:block}.vt-loading{position:absolute;inset:0;display:grid;place-items:center;background:#221d2f;color:#dacaf4;font-size:12px}.vt-playbar{display:flex;align-items:center;gap:10px;margin:14px auto;max-width:270px}.vt-toggle{width:32px;height:30px;flex-shrink:0}.vt-scrub{width:100%;min-width:0;accent-color:#c5a7ff}.vt-clock{font-size:10px;font-variant-numeric:tabular-nums;min-width:28px;color:#cfc5dd}.vt-tag{font-size:9px;letter-spacing:.12em;color:#b9a2e5}.vt-copy h3{font-size:22px;margin:5px 0 7px;font-weight:600;letter-spacing:-.025em}.vt-desc{color:#c2b9d0;font-size:12px;line-height:1.65}.vt-meta{font-size:10px;color:#a79cb9;margin-top:12px}.vt-use{display:block;width:100%;margin-top:16px;height:46px;font-size:13px}.vt-note{font-size:10px;line-height:1.7;color:#b0a6be;margin-top:12px}.vt-error{font-size:12px;color:#ffaeb6;margin-top:10px}
.vt-slots{display:grid;gap:7px}.vt-edit-title{font-size:12px;color:var(--muted);margin:18px 0 10px}.vt-slot{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--bg3);text-align:left;cursor:pointer;width:100%}.vt-slot svg{width:20px;flex-shrink:0}.vt-slot span{min-width:0}.vt-slot b{font-size:12px;display:block}.vt-slot small{font-size:10px;color:var(--muted);display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:210px}.vt-text-label{display:block;color:var(--muted);font-size:10px;margin:12px 0}.vt-text-label textarea{display:block;width:100%;resize:vertical;background:var(--bg3);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:10px;margin-top:5px;min-height:60px;font-size:13px}.vt-edit-play{width:100%;margin-top:12px;min-height:42px}
@media(min-width:1700px){.vt-layout{grid-template-columns:minmax(0,1fr) 400px}.vt-player{max-width:290px}.vt-grid{gap:28px 22px}}
@media(max-width:1250px){.vt-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vt-layout{grid-template-columns:minmax(0,1fr) 310px}.vt-detail{padding:22px}.vt-library{padding:22px}.vt-player{max-width:235px}}
@media(max-width:700px){.vt-head{padding:18px 18px 15px}.vt-head h2{font-size:24px}.vt-head small{font-size:8px}.vt-layout{display:flex;flex-direction:column;overflow:auto}.vt-library{overflow:visible;padding:16px 16px 24px;order:2;flex-shrink:0}.vt-detail{order:1;border-left:0;border-bottom:1px solid #ffffff12;display:grid;grid-template-columns:132px minmax(0,1fr);gap:10px 15px;padding:18px 16px;overflow:visible;flex-shrink:0}.vt-player{grid-column:1;grid-row:1;width:132px;border-radius:10px}.vt-copy{grid-column:2;grid-row:1/3;align-self:center}.vt-playbar{grid-column:1;grid-row:2;gap:5px;width:132px;margin:0}.vt-toggle{width:25px;height:28px}.vt-clock{font-size:8px;min-width:24px}.vt-copy h3{font-size:19px}.vt-tag{font-size:8px}.vt-desc{font-size:11px;line-height:1.5}.vt-meta{font-size:9px;line-height:1.5;margin-top:8px}.vt-use{height:auto;min-height:42px;margin-top:12px;padding:10px 8px;line-height:1.4;font-size:11px}.vt-note{font-size:9px;line-height:1.5;margin-top:8px}.vt-filters{gap:6px;margin-bottom:18px}.vt-filters button{font-size:10px;padding:8px 11px}.vt-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.vt-card>b{font-size:13px}.vt-badge{font-size:8px}.vt-start-cta{padding:18px;gap:12px}.vt-start-cta b{font-size:19px}.vt-start-cta small{font-size:8px}.vt-start-cta em{font-size:10px}.vt-start-art{width:50px;height:65px}}
@media(prefers-reduced-motion:reduce){.vt-gallery *{transition:none!important}}

.vt-sound{margin-top:14px;font-size:11px;min-height:32px;height:auto;padding:8px 14px}.vt-sound[aria-pressed=true]{background:#d7fa6a;color:#1a2120}