.gene-hero--editor .gene-hero__pin{align-items:center;display:flex;justify-content:center;min-height:240px;padding:clamp(1.5rem,4vw,3rem)}.gene-hero--editor .gene-hero__beats{gap:1.5rem}.gene-hero--editor[data-has-bg="0"]{background:#14161c;border-radius:4px;color:#fff}.gene-hero--editor[data-pos=bottom-left] .gene-hero__pin{align-items:flex-end;justify-content:flex-start}.gene-hero--editor[data-pos=bottom-left] .gene-hero__beats{text-align:left}.gene-hero--timeline-edit.gene-hero--editor .gene-hero__pin{align-items:stretch;justify-content:stretch;min-height:58vh;padding:0}.gene-hero--timeline-edit.gene-hero--editor .gene-hero__beats{display:block;gap:0;inset:0;position:absolute;text-align:center;width:auto}.gene-hero--timeline-edit.gene-hero--editor .gene-hero__beat{border-radius:2px;margin:0;outline:1px dashed hsla(0,0%,100%,.4);outline-offset:6px;position:absolute;text-align:center;touch-action:none;width:min(480px,70%)}.gene-hero--timeline-edit.gene-hero--editor .gene-hero__beat:hover{outline-color:hsla(0,0%,100%,.7)}.gene-hero--timeline-edit.gene-hero--editor .gene-hero__beat.is-selected{outline:2px solid #3858e9;outline-offset:6px}.gene-hero--timeline-edit.gene-hero--editor .gene-hero__beat.is-editing{cursor:text;outline:2px solid #3858e9;outline-offset:6px;-moz-user-select:text;user-select:text;-webkit-user-select:text}.gene-hero--timeline-edit.gene-hero--editor .gene-hero__actions{justify-content:var(--gene-hero-actions-justify,center)}.gene-hero--timeline-edit.gene-hero--editor .gene-hero__beat--btn{max-width:70%;width:-moz-max-content;width:max-content}.gene-hero--timeline-edit.gene-hero--editor .gene-hero__beat--btn .gene-hero__actions{margin-top:0}.gene-hero__tl-bar{align-items:center;background:#1e1f26;border-radius:4px 4px 0 0;color:#cfd2dc;display:flex;font-size:12px;gap:12px;justify-content:space-between;padding:6px 10px}.gene-hero__tl-tip{opacity:.85}.gene-hero__tl-dev{display:inline-flex;flex:none;gap:4px}.gene-hero__tl-dev .components-button{box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.25);color:#cfd2dc}.gene-hero__tl-dev .components-button:hover:not(:disabled){box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.5);color:#fff}.gene-hero__tl-dev .components-button.is-pressed{background:#3858e9;box-shadow:none;color:#fff}.gene-hero__tl-track-wrap{background:#14151b;border-radius:0 0 4px 4px;padding:8px 10px 6px}.gene-hero__tl-track{background:#24262f;border-radius:3px;min-height:30px;overflow:hidden;position:relative}.gene-hero__tl-band{align-items:center;background:rgba(56,88,233,.35);border:1px solid rgba(120,145,245,.6);border-radius:3px;box-sizing:border-box;cursor:grab;display:flex;height:22px;overflow:hidden;position:absolute;touch-action:none}.gene-hero__tl-band.is-selected{background:rgba(56,88,233,.6);border-color:#9db0ff}.gene-hero__tl-label{color:#eef0f6;flex:1;font-size:11px;line-height:22px;min-width:0;overflow:hidden;padding:0 8px;pointer-events:none;text-overflow:ellipsis;white-space:nowrap}.gene-hero__tl-h{align-self:stretch;background:hsla(0,0%,100%,.25);cursor:ew-resize;flex:none;touch-action:none;width:8px}.gene-hero__tl-h:hover{background:hsla(0,0%,100%,.55)}.gene-hero__tl-playhead{background:#ff5a5a;bottom:0;margin-left:-1px;pointer-events:none;position:absolute;top:0;width:2px}.gene-hero__tl-scale{color:#767a89;display:flex;font-size:10px;justify-content:space-between;letter-spacing:.04em;margin-top:5px;text-transform:uppercase}.gene-hero__ms-bar{align-items:center;background:#1e2129;border-radius:4px 4px 0 0;display:flex;flex-wrap:wrap;gap:6px;padding:6px 8px}.gene-hero__ms-tab{background:#2a2e39;border:1px solid #3a3f4b;border-radius:4px;color:#cbd0dc;cursor:pointer;font-size:12px;font-weight:600;height:26px;width:26px}.gene-hero__ms-tab.is-on{background:#3858e9;border-color:#3858e9;color:#fff}.gene-hero__ms-tip{color:#767a89;font-size:11px;margin-left:auto}.gene-hero__ms-count{font-size:.72rem;letter-spacing:.14em;margin:1rem 0 0;opacity:.6;text-transform:uppercase}.gene-hero__tl-guides{inset:0;pointer-events:none;position:absolute;z-index:2}.gene-hero__tl-guide{background:hsla(0,0%,100%,.28);position:absolute}.gene-hero__tl-guide.is-snap{background:#3858e9;box-shadow:0 0 6px rgba(56,88,233,.6)}.gene-hero__tl-guide--v{bottom:0;margin-left:-.5px;top:0;width:1px}.gene-hero__tl-guide--h{height:1px;left:0;margin-top:-.5px;right:0}
