#animation-creator-timeline{bottom:12px;left:var(--create-sidebar-effective-width,356px);right:calc(var(--tool-panel-width,380px) + 12px);z-index:120;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;background:linear-gradient(#18181bf5,#09090bf5),#09090beb;border:1px solid #52525b94;border-radius:22px;flex-direction:column;height:240px;display:none;position:fixed;overflow:hidden;box-shadow:0 18px 42px #0000006b}#animation-creator-timeline.is-active{display:flex}#create-account-sidebar:hover~#animation-creator-timeline,#create-account-sidebar:focus-within~#animation-creator-timeline{left:calc(var(--create-account-sidebar-expanded-width,280px) + var(--create-sidebar-gap,12px) + var(--create-step-sidebar-width,260px))}body[data-anim-creator=active] #header-ui,body[data-anim-creator=active] #create-step-tutorial-panel{display:none!important}.anim-creator-transport{background:#1a1a24;border-bottom:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:.5rem;padding:.3rem .75rem;display:flex}.anim-creator-transport-btn{flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.anim-creator-frame-display{flex-shrink:0;align-items:center;gap:.3rem;font-size:.8rem;display:flex}.anim-creator-frame-label{color:var(--text-secondary,#888);white-space:nowrap}.anim-creator-frame-input{text-align:center;width:48px;color:var(--text-primary,#eee);background:#0e0e14;border:1px solid #ffffff1a;border-radius:4px;padding:2px 4px;font-size:.8rem}.anim-creator-frame-sep{color:var(--text-secondary,#666)}.anim-creator-frame-total{color:var(--text-secondary,#888);min-width:28px;font-size:.8rem}.anim-creator-scrubber{accent-color:#f44;flex:1;min-width:80px}.anim-creator-transport-actions{border-left:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:.25rem;margin-left:.25rem;padding-left:.5rem;display:flex}.anim-creator-action-btn{color:var(--text-primary,#eee);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:4px;align-items:center;gap:3px;padding:3px 8px;font-size:.75rem;transition:background .1s;display:flex}.anim-creator-action-btn .material-symbols-outlined{font-size:.95rem}.anim-creator-action-btn:hover:not(:disabled){background:#ffffff1f}.anim-creator-action-btn:disabled{opacity:.35;cursor:default}.anim-creator-tab-bar{background:#0f0f16;border-bottom:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:0;display:flex}.anim-creator-tab{color:var(--text-secondary,#888);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:4px 14px;font-size:.75rem;transition:color .1s,border-color .1s}.anim-creator-tab:hover{color:var(--text-primary,#eee)}.anim-creator-tab.is-active{color:#f83;border-bottom-color:#f83}.anim-creator-timeline-canvas{z-index:auto;background:#15151a;flex:auto;width:100%;height:100%;min-height:0;display:block;position:static;inset:auto}.anim-creator-selected-bone-label{color:var(--text-secondary,#aaa);background:#ffffff0a;border:1px solid #ffffff12;border-radius:4px;align-items:center;min-height:28px;padding:4px 6px;font-size:.82rem;display:flex}.anim-creator-bone-list{background:#0003;border:1px solid #ffffff0f;border-radius:4px;flex-direction:column;gap:2px;max-height:180px;padding:2px;display:flex;overflow-y:auto}.anim-creator-bone-item{text-align:left;width:100%;color:var(--text-secondary,#aaa);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:4px 8px;font-size:.78rem;transition:background .1s,color .1s;display:block}.anim-creator-bone-item:hover{color:var(--text-primary,#eee);background:#ffffff0f}.anim-creator-bone-item.is-selected{color:#fa4;background:#ff880026;font-weight:600}