.generation-loading.pixel-loading{--gl-accent:#dc5428;--gl-accent-text:#b8441a;--gl-ink:#1d1d1f;--gl-muted:#6e6e73;--gl-line:#d2d2d7;--gl-chip:#fffc}.generation-loading.pixel-loading:not(.is-compact){--gl-ink:#f5f7fa;--gl-muted:#c0c8cf;--gl-line:#ffffff47;--gl-chip:#ffffff12;container:gl-stage/size}.generation-loading.pixel-loading .gl-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.generation-loading.pixel-loading .gl-status{max-width:100%}.generation-loading.pixel-loading .pixel-assembly-stage{position:relative}.generation-loading.pixel-loading .gl-pause{z-index:2;color:#f5f7fa;cursor:pointer;background:#181c20b8;border:1px solid #ffffff38;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;display:grid;position:absolute;top:2px;right:2px}.generation-loading.pixel-loading .gl-pause:hover{background:#2c3238}:is(.generation-loading.pixel-loading .gl-pause:focus-visible,.generation-loading.pixel-loading .gl-tip-next:focus-visible){outline:2px solid var(--gl-accent);outline-offset:2px}.generation-loading.pixel-loading.has-phases .assembly-status{margin:4px 0 0;padding-top:0;padding-bottom:0}.generation-loading.pixel-loading:not(.is-compact) .assembly-cancel{color:var(--gl-ink);-webkit-text-decoration-color:var(--gl-accent);text-decoration-color:var(--gl-accent);text-underline-offset:3px}.generation-loading.pixel-loading:not(.is-compact) .assembly-cancel:focus-visible{outline:2px solid var(--gl-accent);outline-offset:2px}.generation-loading.pixel-loading .gl-phases{grid-template-columns:repeat(5,minmax(0,1fr));width:min(440px,100%);margin:2px auto 0;padding:0;list-style:none;display:grid}.generation-loading.pixel-loading .gl-phases li{min-width:0;color:var(--gl-muted);text-align:center;flex-direction:column;align-items:center;gap:5px;margin:0;font-size:11px;line-height:1.3;display:flex;position:relative}.generation-loading.pixel-loading .gl-phases li+li:before{content:"";background:var(--gl-line);height:1px;position:absolute;top:10px;left:calc(15px - 50%);right:calc(50% + 15px)}.generation-loading.pixel-loading .gl-phases li.is-done+li:before{background:var(--gl-accent)}.generation-loading.pixel-loading .gl-phases .gl-dot{border:1.5px solid var(--gl-line);font-variant-numeric:tabular-nums;width:20px;height:20px;color:var(--gl-muted);border-radius:50%;flex:none;place-items:center;font-size:10px;font-weight:600;line-height:1;display:grid}.generation-loading.pixel-loading .gl-phases .is-done .gl-dot{border-color:var(--gl-accent);color:var(--gl-accent)}.generation-loading.pixel-loading .gl-phases .is-current .gl-dot{border-color:var(--gl-accent);background:var(--gl-accent-text);color:#fff;box-shadow:0 0 0 4px #dc542838}.generation-loading.pixel-loading .gl-phases .gl-label{white-space:nowrap}.generation-loading.pixel-loading .gl-phases .gl-pos{display:block}.generation-loading.pixel-loading .gl-phases .gl-sep{display:none}.generation-loading.pixel-loading .gl-phases .is-current .gl-label{color:var(--gl-ink);font-weight:600}.generation-loading.pixel-loading .gl-phases.is-uncertain .gl-dot,.generation-loading.pixel-loading .gl-phases.is-uncertain li+li:before{opacity:.55}.generation-loading.pixel-loading .gl-tip{border:1px solid var(--gl-line);background:var(--gl-chip);text-align:left;border-radius:12px;align-items:center;gap:4px;width:min(440px,100%);margin:2px auto 0;padding:4px 2px 4px 12px;display:flex}.generation-loading.pixel-loading .gl-tip-live{flex:1;min-width:0}.generation-loading.pixel-loading .gl-tip .gl-tip-text{max-width:none;min-height:2.9em;color:var(--gl-ink);margin:0;font-size:12px;line-height:1.45;display:block}.generation-loading.pixel-loading .gl-tip .gl-tip-count{letter-spacing:.02em;color:var(--gl-muted);white-space:nowrap;margin-right:2px;font-size:10.5px;font-weight:600}.generation-loading.pixel-loading .gl-tip .gl-tip-next{width:40px;height:40px;color:var(--gl-ink);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.generation-loading.pixel-loading .gl-tip .gl-tip-next:hover{background:var(--gl-chip)}@keyframes gl-tip-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:no-preference){.generation-loading.pixel-loading:not(.is-still) .gl-tip-text{animation:.2s ease-out gl-tip-in}}.generation-loading.pixel-loading.is-still .gl-tip-text,.motion-paused .generation-loading.pixel-loading .gl-tip-text{animation:none}@media (prefers-reduced-motion:reduce){.generation-loading.pixel-loading .gl-tip-text{animation:none}}@container gl-stage (height<=430px){.generation-loading.pixel-loading .gl-tip{display:none}}@media (max-width:540px){.generation-loading.pixel-loading .gl-phases li:not(.is-current) .gl-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.generation-loading.pixel-loading .gl-phases .gl-pos,.generation-loading.pixel-loading .gl-phases .gl-sep{display:inline}.generation-loading.pixel-loading .gl-tip .gl-tip-text{font-size:11.5px}}