.pixel-workspace_root__fptUw{--pixel-accent:#075bf2;--pixel-surface:#192433;--pixel-raised:#202d3e;--pixel-edge:#35445a;--pixel-text:#dce6f5;position:fixed;inset:0;z-index:60;display:flex;min-width:0;height:100dvh;flex-direction:column;overflow:hidden;background:#101824;color:var(--pixel-text);font-size:14px;color-scheme:dark}body[data-pixel-workspace-active]:has(.pixel-workspace_root__fptUw) [data-site-header],body[data-pixel-workspace-active]:has(.pixel-workspace_root__fptUw)>footer{display:none}.pixel-workspace_root__fptUw [hidden]{display:none!important}.pixel-workspace_root__fptUw button,.pixel-workspace_root__fptUw input,.pixel-workspace_root__fptUw select,.pixel-workspace_root__fptUw summary{font-size:13px}.pixel-workspace_root__fptUw button{cursor:pointer}.pixel-workspace_root__fptUw button:disabled{cursor:not-allowed}.pixel-workspace_root__fptUw :is(button,input,select,summary,a):focus-visible{outline:2px solid #80b0ff;outline-offset:2px}.pixel-workspace_root__fptUw [data-pixel-header]{display:flex;height:58px;flex-shrink:0;align-items:center;gap:28px;padding:0 24px;border-bottom:1px solid var(--pixel-edge)}.pixel-workspace_root__fptUw [data-pixel-brand]{display:flex;align-items:center;gap:12px;padding-right:22px;border-right:1px solid var(--pixel-edge);color:#fff;font-size:21px;font-weight:650}.pixel-workspace_root__fptUw [data-pixel-brand] img{border-radius:8px}.pixel-workspace_root__fptUw [data-pixel-header] h1{display:flex;height:100%;align-items:center;border-bottom:3px solid var(--pixel-accent);color:#fff;font-size:18px;font-weight:650}.pixel-workspace_root__fptUw [data-pixel-header]>a:last-child{font-size:15px;color:#acbdd4}.pixel-workspace_root__fptUw [data-pixel-layout]{--command-height:56px;--play-height:48px;--timeline-height:160px;--status-height:34px;position:relative;display:grid;min-height:0;flex:1;grid-template-columns:80px minmax(0,1fr) clamp(300px,26vw,390px);grid-template-rows:var(--command-height) minmax(0,1fr) var(--play-height) var(--timeline-height) var(--status-height)}.pixel-workspace_root__fptUw [data-pixel-layout]:has([aria-controls=pixel-timeline-content][aria-expanded=false]){--timeline-height:38px}.pixel-workspace_root__fptUw [data-pixel-stage],.pixel-workspace_root__fptUw [data-pixel-toolbar]{display:contents}.pixel-workspace_root__fptUw [data-pixel-command-bar]{display:flex;grid-area:1/1/2/-1;min-width:0;align-items:center;gap:22px;overflow-x:auto;padding:0 16px;border-bottom:1px solid var(--pixel-edge);background:var(--pixel-raised)}.pixel-workspace_root__fptUw [data-pixel-command-bar] [role=tablist]{display:flex;flex-shrink:0;align-items:center;gap:4px}.pixel-workspace_root__fptUw [data-pixel-command-bar] [role=tab]{display:inline-flex;min-height:36px;flex-direction:row;align-items:center;gap:6px;border-radius:5px;padding:0 10px;font-size:14px;color:var(--pixel-text)}.pixel-workspace_root__fptUw [data-pixel-command-bar] [role=tab][aria-expanded=true]{background:#304767;color:#fff}.pixel-workspace_root__fptUw [data-pixel-command-history]{display:flex;gap:4px;padding-left:16px;border-left:1px solid #465770}.pixel-workspace_root__fptUw [data-pixel-command-history] button{display:flex;width:36px;min-height:36px;justify-content:center;padding:0;border:0;background:transparent}.pixel-workspace_root__fptUw [data-pixel-command-history] svg{width:21px;height:21px}.pixel-workspace_root__fptUw [data-pixel-brush-context]{display:flex;min-width:0;align-items:center;gap:12px;color:#c6d5e9}.pixel-workspace_root__fptUw [data-pixel-brush-context] label{display:flex;align-items:center;gap:6px}.pixel-workspace_root__fptUw [data-pixel-brush-context] input{width:54px;height:32px;border:1px solid #40536e;border-radius:5px;padding-left:9px;background:#172131}.pixel-workspace_root__fptUw [data-pixel-file-actions]{display:flex;flex-shrink:0;align-items:center;gap:10px;margin-left:auto}.pixel-workspace_root__fptUw [data-pixel-file-actions] button{display:inline-flex;height:38px;align-items:center;justify-content:center;gap:9px;padding:0 12px;border:1px solid #445873;border-radius:6px;background:transparent;color:#e2ecf9}.pixel-workspace_root__fptUw [data-pixel-file-actions] [data-testid=pixel-quick-save-project]{border-color:var(--pixel-accent);background:var(--pixel-accent);color:#fff}.pixel-workspace_root__fptUw [data-pixel-tool-rail]{display:flex;min-height:0;grid-area:2/1/5/2;flex-direction:column;align-items:center;gap:12px;overflow-y:auto;padding:12px 6px;border-right:1px solid var(--pixel-edge);background:var(--pixel-surface)}.pixel-workspace_root__fptUw [data-pixel-tool-rail] [data-pixel-tool-button]{width:52px;height:48px;min-height:0;border:0;border-radius:7px;background:transparent;color:#cbdcf3}.pixel-workspace_root__fptUw [data-pixel-tool-rail] [data-pixel-tool-button][aria-pressed=true]{background:var(--pixel-accent);color:#fff;box-shadow:none}.pixel-workspace_root__fptUw [data-pixel-tool-rail] [data-pixel-tool-button]:hover{background:#2a3a51}.pixel-workspace_root__fptUw [data-pixel-tool-rail] [data-pixel-tool-button][aria-pressed=true]:hover{background:#176afa}.pixel-workspace_root__fptUw [data-pixel-tool-rail] svg{width:23px;height:23px;stroke-width:1.8px}.pixel-workspace_root__fptUw [data-pixel-rail-secondary]{display:grid;gap:2px;padding-top:10px;border-top:1px solid var(--pixel-edge)}.pixel-workspace_root__fptUw [data-pixel-rail-secondary] [data-pixel-tool-button]{height:40px}.pixel-workspace_root__fptUw [data-pixel-options]{position:fixed;top:122px;right:auto;bottom:auto;left:90px;width:390px;max-height:calc(100dvh - 144px);overflow:auto;margin:0;padding:16px;border:1px solid #506687;border-radius:8px;background:var(--pixel-surface);color:var(--pixel-text);box-shadow:0 12px 36px #0007}.pixel-workspace_root__fptUw [data-pixel-options]:not(:popover-open){display:none}.pixel-workspace_root__fptUw [data-pixel-options-heading]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:#fff}.pixel-workspace_root__fptUw [data-pixel-options-heading] button{display:grid;width:30px;height:30px;place-items:center;border-radius:4px}.pixel-workspace_root__fptUw [data-pixel-options] :is(input,select,button){min-height:30px}.pixel-workspace_root__fptUw [data-pixel-options] [role=tabpanel]{border:0;background:transparent}.pixel-workspace_root__fptUw [data-pixel-options] [role=tabpanel]>summary{display:none}.pixel-workspace_root__fptUw [data-testid=pixel-canvas-viewport]{grid-area:2/2/3/3;min-width:0;min-height:0;margin:0;border:0;border-radius:0;background:#101824}.pixel-workspace_root__fptUw [data-pixel-selection-toolbar]{position:absolute;z-index:20;top:68px;left:92px;max-width:calc(100% - 420px);border-color:#4b6488;background:#1a293e}.pixel-workspace_root__fptUw [data-pixel-selection-toolbar] button{min-height:34px;min-width:34px;width:34px;height:34px;padding:0}.pixel-workspace_root__fptUw [data-pixel-draft-decision]{position:absolute;z-index:30;top:68px;left:96px;width:min(600px,calc(100% - 430px))}.pixel-workspace_root__fptUw [data-testid=pixel-animation-preview]{grid-area:3/2/4/3;min-width:0;gap:14px;margin:0;padding:5px 16px;border:0;border-top:1px solid var(--pixel-edge);border-radius:0;background:var(--pixel-surface)}.pixel-workspace_root__fptUw [data-testid=pixel-animation-preview] button{min-height:34px;height:34px}.pixel-workspace_root__fptUw [data-testid=pixel-preview-play]{width:40px;justify-content:center;border-color:var(--pixel-accent);background:var(--pixel-accent);color:#fff}.pixel-workspace_root__fptUw [data-testid=pixel-preview-fps]{color:#bac9de}.pixel-workspace_root__fptUw [data-pixel-timeline]{position:relative;min-width:0;min-height:0;grid-area:4/2/5/3;padding:4px 16px 8px;overflow:hidden;border:0;background:var(--pixel-surface)}.pixel-workspace_root__fptUw [data-pixel-timeline]>div:first-child{height:28px;min-height:28px}.pixel-workspace_root__fptUw [data-pixel-timeline] h2{color:#b9cae0;font-size:12px;letter-spacing:0}.pixel-workspace_root__fptUw [data-pixel-timeline]>div:first-child button{width:28px;height:28px}.pixel-workspace_root__fptUw [data-pixel-timeline] [id=pixel-timeline-content]{display:flex;gap:10px;padding-top:4px}.pixel-workspace_root__fptUw [data-pixel-frame-actions]{order:2;min-width:72px;flex-shrink:0;border:0;padding:0}.pixel-workspace_root__fptUw [data-pixel-frame-actions]>div{display:grid;grid-template-columns:repeat(2,32px);gap:6px}.pixel-workspace_root__fptUw [data-pixel-frame-actions] button{width:32px;min-height:32px;height:32px;padding:0;justify-content:center}.pixel-workspace_root__fptUw [data-pixel-frame-actions] svg{width:17px;height:17px;margin:0}.pixel-workspace_root__fptUw [data-testid=pixel-filmstrip]{min-width:0;flex:1;gap:10px;padding:2px 2px 8px}.pixel-workspace_root__fptUw [data-testid=pixel-filmstrip]>button{min-width:94px;width:94px;height:106px;flex-shrink:0;border-radius:7px;padding:7px}.pixel-workspace_root__fptUw [data-testid=pixel-filmstrip] canvas{width:66px;height:66px;border:0}.pixel-workspace_root__fptUw [data-pixel-frame-options]{position:fixed;top:auto;right:26vw;bottom:44px;left:auto;max-width:460px;max-height:calc(100dvh - 160px);overflow:auto;margin:0;padding:18px;border:1px solid #506687;border-radius:8px;background:var(--pixel-surface);color:var(--pixel-text);box-shadow:0 12px 36px #0007}.pixel-workspace_root__fptUw [data-pixel-frame-options]:not(:popover-open){display:none}.pixel-workspace_root__fptUw [data-pixel-frame-options] input{height:34px}.pixel-workspace_root__fptUw [data-pixel-inspector]{position:relative;display:flex;min-width:0;min-height:0;grid-area:2/3/5/4;flex-direction:column;overflow:hidden;border-left:1px solid var(--pixel-edge);background:var(--pixel-surface)}.pixel-workspace_root__fptUw [data-pixel-inspector-tabs]{display:grid;height:44px;flex-shrink:0;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 12px;border-bottom:1px solid var(--pixel-edge)}.pixel-workspace_root__fptUw [data-pixel-inspector-tabs] button{min-height:0;flex-direction:row;gap:4px;padding:0 4px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#bac9df}.pixel-workspace_root__fptUw [data-pixel-inspector-tabs] svg{display:none}.pixel-workspace_root__fptUw [data-pixel-inspector-tabs] [aria-pressed=true]{border-bottom-color:#4588ff;color:#fff}.pixel-workspace_root__fptUw [data-pixel-inspector-content]{display:flex;min-height:0;flex:1;flex-direction:column;overflow-y:auto}.pixel-workspace_root__fptUw [data-pixel-inspector-content]:has([data-pixel-layers]){overflow:hidden}.pixel-workspace_root__fptUw [data-pixel-inspector-content]>section{flex-shrink:0;border:0;border-radius:0;background:transparent}.pixel-workspace_root__fptUw [data-pixel-palette]{display:grid;grid-template-columns:minmax(0,1fr) 80px;column-gap:12px;padding:16px;border-bottom:1px solid var(--pixel-edge)}.pixel-workspace_root__fptUw [data-pixel-palette]>div:first-child{grid-column:1/-1;margin-bottom:10px}.pixel-workspace_root__fptUw [data-pixel-inspector-content]>[data-pixel-palette]{min-height:0;max-height:55%;overflow-y:auto}.pixel-workspace_root__fptUw [data-pixel-color-value]{grid-area:2/2/3/3;align-self:start;flex-direction:column;gap:8px;margin:0}.pixel-workspace_root__fptUw [data-pixel-color-value]>div:last-child{width:100%}.pixel-workspace_root__fptUw [data-pixel-color-value]>div:last-child>div:first-child{display:none}.pixel-workspace_root__fptUw [data-pixel-color-value]>div:last-child>div:nth-child(2){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.pixel-workspace_root__fptUw [data-pixel-color-value] input[type=text]{height:30px;grid-column:1/-1;padding:0 5px;font-size:11px}.pixel-workspace_root__fptUw [data-pixel-color-value] :is(button,input[type=color]){width:100%;height:30px}.pixel-workspace_root__fptUw [data-pixel-layers] h2,.pixel-workspace_root__fptUw [data-pixel-palette] h2{color:#dce6f5;font-size:14px;font-weight:600;letter-spacing:0}.pixel-workspace_root__fptUw [data-testid=pixel-palette-swatches]{grid-column:1/-1;gap:8px}.pixel-workspace_root__fptUw [data-testid=pixel-palette-swatches]>div{min-width:0;padding:0}.pixel-workspace_root__fptUw [data-testid^=pixel-palette-swatch-btn]{width:100%;height:34px}.pixel-workspace_root__fptUw [data-pixel-palette] details,.pixel-workspace_root__fptUw [data-pixel-palette]>p:not(.sr-only){grid-column:1/-1}.pixel-workspace_root__fptUw [data-pixel-palette] details{margin-top:12px}.pixel-workspace_root__fptUw [data-pixel-palette] details>summary{min-height:28px;color:#b4c7e0;cursor:pointer}.pixel-workspace_root__fptUw [data-pixel-layers]{min-height:0;padding:16px;border-top:1px solid var(--pixel-edge)}.pixel-workspace_root__fptUw [data-pixel-inspector-content]>[data-pixel-layers]{display:flex;min-height:0;flex:1;flex-direction:column;overflow-y:auto}.pixel-workspace_root__fptUw [data-pixel-layers]>details,.pixel-workspace_root__fptUw [data-pixel-layers]>div{flex-shrink:0}.pixel-workspace_root__fptUw [data-pixel-layers]>div:first-child{margin-bottom:12px}.pixel-workspace_root__fptUw [data-pixel-layer-actions] button{width:30px;height:30px;padding:0;justify-content:center}.pixel-workspace_root__fptUw [data-pixel-layer-actions] svg{width:16px;height:16px}.pixel-workspace_root__fptUw [data-pixel-layers] ul{min-height:104px;max-height:none;flex:1;overflow-y:auto}.pixel-workspace_root__fptUw [data-pixel-layers] li{min-height:52px;flex-wrap:wrap;padding:6px;border-color:transparent;border-radius:5px}.pixel-workspace_root__fptUw [data-pixel-layers] li[data-pixel-active=true]{background:#25416b}.pixel-workspace_root__fptUw [data-pixel-layer-thumbnail]{width:36px;height:36px;flex-shrink:0;border:1px solid #53657d;border-radius:3px;background:#3d495b;image-rendering:pixelated;object-fit:contain}.pixel-workspace_root__fptUw [data-pixel-spectrum]{display:grid;grid-area:2/1/3/2;grid-template-columns:minmax(0,1fr) 24px;grid-template-rows:minmax(0,1fr);gap:12px;height:176px;margin-bottom:14px}.pixel-workspace_root__fptUw [data-pixel-spectrum-area],.pixel-workspace_root__fptUw [data-pixel-spectrum-hue]{position:relative;min-width:0;min-height:0;height:100%}.pixel-workspace_root__fptUw [data-pixel-spectrum] canvas{display:block;width:100%;height:100%;border-radius:3px}.pixel-workspace_root__fptUw [data-pixel-spectrum-area] canvas{cursor:crosshair;touch-action:none}.pixel-workspace_root__fptUw [data-pixel-spectrum-area]:focus-within{outline:2px solid #80b0ff;outline-offset:3px}.pixel-workspace_root__fptUw [data-pixel-spectrum-cursor]{position:absolute;width:12px;height:12px;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #142035;pointer-events:none}.pixel-workspace_root__fptUw [data-pixel-spectrum-hue] input{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;padding:0;appearance:none;writing-mode:vertical-lr;background:transparent;cursor:pointer}.pixel-workspace_root__fptUw [data-pixel-spectrum-hue] input::-webkit-slider-runnable-track{background:transparent}.pixel-workspace_root__fptUw [data-pixel-spectrum-hue] input::-moz-range-track{background:transparent}.pixel-workspace_root__fptUw [data-pixel-spectrum-hue] input::-webkit-slider-thumb{width:24px;height:6px;appearance:none;border:1px solid #fff;border-radius:2px;background:#dce6f5;box-shadow:0 0 0 1px #142035}.pixel-workspace_root__fptUw [data-pixel-spectrum-hue] input::-moz-range-thumb{width:24px;height:6px;border:1px solid #fff;border-radius:2px;background:#dce6f5;box-shadow:0 0 0 1px #142035}.pixel-workspace_root__fptUw [data-pixel-layer-menu]{position:relative;flex-shrink:0}.pixel-workspace_root__fptUw [data-pixel-layer-menu][open]{display:contents}.pixel-workspace_root__fptUw [data-pixel-layer-menu] summary{display:grid;width:28px;height:28px;place-items:center;list-style:none;cursor:pointer}.pixel-workspace_root__fptUw [data-pixel-layer-menu]>div{flex-basis:100%;justify-content:flex-end;gap:6px;margin-top:4px;padding:6px;border:1px solid #506687;border-radius:6px;background:var(--pixel-surface)}.pixel-workspace_root__fptUw [data-pixel-help]{position:fixed;z-index:45;top:12px;right:18px;max-width:min(660px,calc(100vw - 120px));max-height:calc(100dvh - 130px);overflow:auto;padding:0;border:0;border-radius:0;background:transparent}.pixel-workspace_root__fptUw [data-pixel-help]>div:first-child{justify-content:flex-end}.pixel-workspace_root__fptUw [data-pixel-help]>div:first-child h2{display:none}.pixel-workspace_root__fptUw [data-pixel-help]>div:first-child button{min-height:30px;height:30px}.pixel-workspace_root__fptUw [data-pixel-help]:has([aria-expanded=true]){padding:12px;border:1px solid var(--pixel-edge);border-radius:7px;background:var(--pixel-surface)}.pixel-workspace_root__fptUw [data-pixel-status]{display:flex;min-width:0;grid-area:5/1/6/-1;align-items:center;gap:12px;padding:0 clamp(200px,26vw,390px) 0 16px;border-top:1px solid var(--pixel-edge);background:var(--pixel-surface);color:#b5c6dc;font-size:12px}.pixel-workspace_root__fptUw [data-pixel-project-readout]{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pixel-workspace_root__fptUw [data-pixel-status] [data-testid=pixel-cursor-readout]{max-width:200px;overflow:hidden;border:0;background:transparent;color:#adc3e2;font-size:11px;text-overflow:ellipsis}.pixel-workspace_root__fptUw [data-pixel-status] [data-testid=pixel-pan-mode]{display:grid;width:28px;min-height:28px;height:28px;place-items:center;padding:0;border:0;background:transparent}.pixel-workspace_root__fptUw [data-pixel-status] [data-testid=pixel-pan-mode][aria-pressed=true]{background:var(--pixel-accent);color:#fff}.pixel-workspace_root__fptUw [data-pixel-pan-controls]{border:0;background:transparent;padding:0}.pixel-workspace_root__fptUw [data-pixel-pan-controls] summary{display:grid;min-height:28px;place-items:center;list-style:none}.pixel-workspace_root__fptUw [data-pixel-pan-controls]>div{position:absolute;z-index:40;right:27vw;bottom:40px;padding:10px;border:1px solid var(--pixel-edge);border-radius:6px;background:var(--pixel-surface)}.pixel-workspace_root__fptUw [data-testid=pixel-draft-autosave-status-main]{z-index:1;min-width:0;grid-area:5/3/6/4;align-self:center;overflow:hidden;padding:0 14px;font-size:11px;text-align:right;text-overflow:ellipsis;white-space:nowrap}.pixel-workspace_root__fptUw [data-pixel-feedback]{position:absolute;z-index:45;right:16px;bottom:44px;max-width:min(600px,calc(100% - 112px));border:1px solid #506687;border-radius:7px;background:#17263d;color:#d8e6f8}.pixel-workspace_root__fptUw [data-pixel-feedback] button{min-width:30px;min-height:30px}@media (max-width:1100px){.pixel-workspace_root__fptUw [data-pixel-command-bar]{gap:12px;padding:0 8px}.pixel-workspace_root__fptUw [data-pixel-command-bar] [role=tab]{padding:0 6px;font-size:13px}.pixel-workspace_root__fptUw [data-pixel-brush-context]>span{display:none}.pixel-workspace_root__fptUw [data-pixel-file-actions]{gap:5px}.pixel-workspace_root__fptUw [data-pixel-file-actions] button{padding:0 8px}}@media (max-height:800px){.pixel-workspace_root__fptUw [data-pixel-header]{height:48px}.pixel-workspace_root__fptUw [data-pixel-layout]{--command-height:50px;--play-height:42px;--timeline-height:148px;--status-height:32px}.pixel-workspace_root__fptUw [data-pixel-spectrum]{height:140px}.pixel-workspace_root__fptUw [data-pixel-tool-rail]{gap:6px;padding-top:8px}.pixel-workspace_root__fptUw [data-pixel-tool-rail] [data-pixel-tool-button]{height:38px}.pixel-workspace_root__fptUw [data-pixel-rail-secondary] [data-pixel-tool-button]{height:32px}.pixel-workspace_root__fptUw [data-pixel-tool-rail] svg{width:21px;height:21px}}@media (prefers-reduced-motion:reduce){.pixel-workspace_root__fptUw *,.pixel-workspace_root__fptUw :after,.pixel-workspace_root__fptUw :before{transition:none;scroll-behavior:auto}}