:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html,body,#root{height:100%;margin:0}.app{background:#101114;flex-direction:column;height:100%;display:flex}.choices-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1.5rem;padding:.75rem;display:flex}.picker{align-items:center;gap:.5rem;display:flex}.picker-label{color:#7d828e;text-transform:uppercase;letter-spacing:.06em;font-size:.8125rem}.picker button,.transport{font:inherit;color:#c8ccd4;cursor:pointer;background:#1e2026;border:1px solid #3a3d44;border-radius:.375rem;padding:.375rem .875rem}.picker button[aria-pressed=true]{color:#fff;background:#34384a;border-color:#5a5f75}.transport{inline-size:5rem}.export-control{color:#c8ccd4;align-items:center;gap:.75rem;font-size:.875rem;display:flex}.export-button{font:inherit;color:#fff;cursor:pointer;background:#3d5afe;border:1px solid #5a72ff;border-radius:.375rem;padding:.375rem .875rem}.export-button:disabled{opacity:.4;cursor:default}.export-progress{align-items:center;gap:.5rem;display:flex}.export-control [role=alert]{color:#e8c88a;align-items:baseline;gap:.5rem;display:flex}.export-control [role=alert] button{font:inherit;color:#c8ccd4;cursor:pointer;background:#1e2026;border:1px solid #3a3d44;border-radius:.375rem;padding:.125rem .5rem;font-size:.8125rem}.ingest-notice{color:#e8c88a;justify-content:center;align-items:baseline;gap:.75rem;margin:0;padding:.375rem .75rem;font-size:.875rem;display:flex}.ingest-notice button{font:inherit;color:#c8ccd4;cursor:pointer;background:#1e2026;border:1px solid #3a3d44;border-radius:.375rem;padding:.125rem .5rem;font-size:.8125rem}.stage{flex:1;place-items:center;min-height:0;display:grid;container-type:size}.stage>*{grid-area:1/1}.drop-hint{color:#c8ccd4;pointer-events:none;background:#10111499;border:2px dashed #5a5f75;border-radius:.5rem;place-self:stretch stretch;place-items:center;margin:.5rem;font-size:1rem;display:grid}.frame{width:min(100cqw, calc(100cqh * var(--aspect)));aspect-ratio:var(--aspect);background:radial-gradient(circle at 50% 40%,#3a3d44,#1b1d22 75%)}.dev-seek{color:#c8ccd4;justify-content:center;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;display:flex}.dev-seek input[type=range]{width:min(24rem,40vw)}.dev-seek input[type=number]{width:4rem;font:inherit;color:inherit;background:#1e2026;border:1px solid #3a3d44;border-radius:.25rem;padding:.125rem .25rem}.dev-seek button{font:inherit;color:#c8ccd4;cursor:pointer;background:#1e2026;border:1px solid #3a3d44;border-radius:.375rem;padding:.25rem .625rem}.dev-seek button:disabled{opacity:.4;cursor:default}.dev-export{color:#c8ccd4;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;padding:0 .75rem .5rem;font-size:.875rem;display:flex}.dev-export input[type=number]{width:4rem;font:inherit;color:inherit;background:#1e2026;border:1px solid #3a3d44;border-radius:.25rem;padding:.125rem .25rem}.dev-export button{font:inherit;color:#c8ccd4;cursor:pointer;background:#1e2026;border:1px solid #3a3d44;border-radius:.375rem;padding:.25rem .625rem}.dev-export button:disabled{opacity:.4;cursor:default}.dev-export-frames{flex-basis:100%;gap:.25rem;margin:0;padding:0 0 .25rem;list-style:none;display:flex;overflow-x:auto}.dev-export-frames img{border:1px solid #3a3d44;height:4.5rem;display:block}