@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(/pixel-forge/assets/press-start-2p-latin-400-normal-_wFEWmAB.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2074,U+20AC,U+2122,U+2191-2193,U+2212,U+2215}@font-face{font-family:Pixelify Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/pixel-forge/assets/pixelify-sans-latin-400-normal-DLrIX9QE.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2074,U+20AC,U+2122}@font-face{font-family:Pixelify Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/pixel-forge/assets/pixelify-sans-latin-500-normal-DC052d-m.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2074,U+20AC,U+2122}@font-face{font-family:Pixelify Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/pixel-forge/assets/pixelify-sans-latin-600-normal-Dd_Dy7u5.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2074,U+20AC,U+2122}@font-face{font-family:Pixelify Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/pixel-forge/assets/pixelify-sans-latin-700-normal-D3Xxx3QE.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2074,U+20AC,U+2122}@font-face{font-family:Silkscreen;font-style:normal;font-weight:400;font-display:swap;src:url(/pixel-forge/assets/silkscreen-latin-400-normal-CtPo2yA5.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2074,U+20AC,U+2122}@font-face{font-family:Silkscreen;font-style:normal;font-weight:700;font-display:swap;src:url(/pixel-forge/assets/silkscreen-latin-700-normal-CSE2nhgM.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2074,U+20AC,U+2122}@font-face{font-family:VT323;font-style:normal;font-weight:400;font-display:swap;src:url(/pixel-forge/assets/vt323-latin-400-normal-wDgJuOC9.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2074,U+20AC,U+2122}:root,:root[data-theme=arcade]{--c-anvil: #06070c;--c-iron: #10131e;--c-iron-hi: #232a3e;--c-slag: #020308;--c-ash: #7c86a8;--c-steel: #e8f0ff;--c-ember: #00f0ff;--c-ember-deep: #0090c4;--c-spark: #ff2e88;--c-flame: #ffd300;--c-quench: #39ff14;--c-patina: #39ff14;--c-warning: #ff3b30}:root[data-theme=forge]{--c-anvil: #12100e;--c-iron: #2a2622;--c-iron-hi: #4a423a;--c-slag: #0c0a08;--c-ash: #8a7e70;--c-steel: #e8dfd2;--c-ember: #ff6a1a;--c-ember-deep: #c24a12;--c-spark: #ffb03a;--c-flame: #ffe08a;--c-quench: #2fa8c4;--c-patina: #5f9e5a;--c-warning: #e23b2e}:root[data-theme=gameboy]{--c-anvil: #0b1a0b;--c-iron: #12240f;--c-iron-hi: #2c4c1e;--c-slag: #050d05;--c-ash: #8fb52e;--c-steel: #c3e24e;--c-ember: #9bbc0f;--c-ember-deep: #306230;--c-spark: #d3ec24;--c-flame: #dcf08c;--c-quench: #6ba53a;--c-patina: #9bbc0f;--c-warning: #da6a2e}:root[data-theme=amber]{--c-anvil: #1a0e05;--c-iron: #241405;--c-iron-hi: #4a2a0e;--c-slag: #0a0602;--c-ash: #d0923e;--c-steel: #ffdca8;--c-ember: #f59a2e;--c-ember-deep: #c9741a;--c-spark: #ffb84d;--c-flame: #ffe6be;--c-quench: #e0a657;--c-patina: #7bb03a;--c-warning: #e2503a}:root{--px: 2px;--space-1: calc(var(--px) * 1);--space-2: calc(var(--px) * 2);--space-3: calc(var(--px) * 4);--space-4: calc(var(--px) * 8);--space-5: calc(var(--px) * 12);--space-6: calc(var(--px) * 16);--space-7: calc(var(--px) * 24);--c-checker-a: #c8c8c8;--c-checker-b: #8f8f8f;--font-display: "Press Start 2P", ui-monospace, "Cascadia Mono", monospace;--font-ui: "Pixelify Sans", ui-monospace, "Segoe UI", system-ui, sans-serif;--font-tiny: "Silkscreen", ui-monospace, "Segoe UI", system-ui, sans-serif;--font-numeric: "VT323", ui-monospace, "Cascadia Mono", monospace;--bevel-raised: inset var(--px) var(--px) 0 0 var(--c-iron-hi), inset calc(var(--px) * -1) calc(var(--px) * -1) 0 0 var(--c-slag);--bevel-raised-lg: inset var(--px) var(--px) 0 0 var(--c-iron-hi), inset calc(var(--px) * -1) calc(var(--px) * -1) 0 0 var(--c-slag), inset calc(var(--px) * -2) calc(var(--px) * -2) 0 0 var(--c-anvil);--bevel-inset: inset var(--px) var(--px) 0 0 var(--c-slag), inset calc(var(--px) * -1) calc(var(--px) * -1) 0 0 var(--c-iron-hi);--bevel-pressed: var(--bevel-inset);--drop-hard: var(--px) var(--px) 0 0 var(--c-slag);--drop-hard-lg: calc(var(--px) * 2) calc(var(--px) * 2) 0 0 var(--c-slag);--focus-ring: 0 0 0 var(--px) var(--c-anvil), 0 0 0 calc(var(--px) * 2) var(--c-spark);--step-fast: steps(2, end);--step-med: steps(4, end);--step-blink: steps(1, end);--dur-press: 80ms;--dur-blink: 1s;--dur-crawl: 12s;--tex-dither: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='1' height='1' fill='white' fill-opacity='0.10'/%3E%3Crect x='2' y='2' width='1' height='1' fill='white' fill-opacity='0.10'/%3E%3Crect x='2' y='0' width='1' height='1' fill='black' fill-opacity='0.18'/%3E%3Crect x='0' y='2' width='1' height='1' fill='black' fill-opacity='0.18'/%3E%3C/svg%3E");color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--c-anvil);color:var(--c-steel);font-family:var(--font-ui);font-size:16px;line-height:1.4;-webkit-font-smoothing:none;image-rendering:pixelated;text-rendering:optimizeSpeed}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:none;box-shadow:var(--focus-ring)}.pf-dither{background-image:var(--tex-dither);background-size:calc(var(--px) * 4) calc(var(--px) * 4);background-repeat:repeat;image-rendering:pixelated}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.pf-display{font-family:var(--font-display);font-weight:400;line-height:1.1;letter-spacing:var(--px);text-transform:uppercase}.pf-display-xl{font-size:32px}.pf-display-lg{font-size:20px}.pf-display-md{font-size:14px}.pf-display-sm{font-size:10px}.pf-ui{font-family:var(--font-ui);font-weight:400;line-height:1.35}.pf-ui-strong{font-family:var(--font-ui);font-weight:700;line-height:1.3}.pf-ui-lg{font-size:20px}.pf-ui-md{font-size:16px}.pf-ui-sm{font-size:14px}.pf-label{font-family:var(--font-tiny);font-weight:400;font-size:10px;line-height:1.4;letter-spacing:var(--px);text-transform:uppercase}.pf-readout{font-family:var(--font-numeric);font-weight:400;font-size:18px;line-height:1.1;font-variant-numeric:tabular-nums}@keyframes pf-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}@keyframes pf-spark{0%{opacity:0;transform:scale(1)}40%{opacity:1}to{opacity:0;transform:scale(1)}}@keyframes pf-march{to{background-position:calc(var(--px) * 4) 0}}@keyframes pf-crawl{0%{transform:translate(0)}to{transform:translate(-50%)}}.pf-blink{animation:pf-blink var(--dur-blink) var(--step-blink) infinite}.pf-marquee{display:inline-block;white-space:nowrap;will-change:transform;animation:pf-crawl var(--dur-crawl) linear infinite}.pf-marching-ants{background-image:repeating-linear-gradient(90deg,var(--c-steel) 0 var(--px),transparent var(--px) calc(var(--px) * 2));background-size:calc(var(--px) * 4) 100%;background-repeat:repeat-x;animation:pf-march calc(var(--dur-blink) / 2) var(--step-med) infinite}.pf-stage{display:flex;flex-direction:column;gap:var(--space-3);min-height:0}.pf-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.pf-stage__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.pf-stage__group{display:flex;align-items:center;gap:var(--space-1)}.pf-stage__spacer{flex:1 1 auto}.pf-btn{appearance:none;border:0;min-width:calc(var(--px) * 14);padding:var(--space-2) var(--space-3);background:var(--c-iron);color:var(--c-steel);font-family:var(--font-ui);font-size:13px;line-height:1;cursor:pointer;box-shadow:var(--bevel-raised);transition:transform 80ms var(--step-fast)}.pf-btn:hover{color:var(--c-ember)}.pf-btn:active,.pf-btn[aria-pressed=true]{color:var(--c-anvil);background:var(--c-ember);box-shadow:var(--bevel-inset);transform:translate(var(--px),var(--px))}.pf-btn:disabled{color:var(--c-steel);opacity:.4;cursor:not-allowed;box-shadow:var(--bevel-inset)}.pf-btn:disabled:hover{color:var(--c-steel)}.pf-swatch{width:var(--space-5);height:var(--space-5);padding:0;border:0;box-shadow:var(--bevel-raised);cursor:pointer}.pf-swatch[aria-pressed=true]{box-shadow:0 0 0 var(--px) var(--c-anvil),0 0 0 calc(var(--px) * 2) var(--c-spark)}.pf-colorpair{position:relative;width:calc(var(--space-5) + var(--px) * 3);height:calc(var(--space-5) + var(--px) * 3)}.pf-colorpair__fg,.pf-colorpair__bg{position:absolute;width:var(--space-5);height:var(--space-5);box-shadow:var(--bevel-raised)}.pf-colorpair__fg{top:0;left:0;z-index:1}.pf-colorpair__bg{right:0;bottom:0}.pf-field{display:inline-flex;align-items:center;gap:var(--space-1);padding:0 var(--space-2);color:var(--c-ash);font-family:var(--font-ui);font-size:13px}.pf-field span{text-transform:uppercase;letter-spacing:.04em}.pf-field b{min-width:1.5ch;color:var(--c-steel);text-align:right}.pf-field input[type=range]{width:calc(var(--px) * 32);accent-color:var(--c-ember)}.pf-stage__hex b{font-family:var(--font-numeric, var(--font-ui));text-transform:uppercase}.pf-stage__well{position:relative;flex:1 1 auto;min-height:calc(var(--px) * 120);background:var(--c-slag);box-shadow:var(--bevel-inset);overflow:hidden;touch-action:none;cursor:crosshair}.pf-stage__well canvas{position:absolute;inset:0;display:block}.pf-stage__status{display:flex;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-2) var(--space-3);background:var(--c-iron);box-shadow:var(--bevel-inset);color:var(--c-ash);font-family:var(--font-ui);font-size:13px;letter-spacing:.02em}.pf-stage__status b{color:var(--c-steel);font-weight:600}.pf-stage__hint{color:var(--c-steel);font-family:var(--font-ui);font-size:12px;letter-spacing:.02em;padding-inline:var(--space-2)}.pf-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);border:0;border-radius:0;margin:0;padding:var(--space-3) var(--space-4);background:var(--c-iron);color:var(--c-steel);font-family:var(--font-ui);font-weight:700;line-height:1;text-align:center;cursor:pointer;user-select:none;box-shadow:var(--bevel-raised);transform:translate(0);transition:transform var(--dur-press) var(--step-fast),background-color var(--dur-press) var(--step-fast),color var(--dur-press) var(--step-fast),box-shadow var(--dur-press) var(--step-fast)}.pf-btn__label{display:inline-flex;align-items:center;gap:var(--space-2)}.pf-btn--sm{font-size:12px;padding:var(--space-2) var(--space-3)}.pf-btn--md{font-size:16px}.pf-btn--lg{font-size:20px;padding:var(--space-4) var(--space-5)}.pf-btn:hover{background:var(--c-iron-hi)}.pf-btn:focus-visible{outline:none;box-shadow:var(--focus-ring),var(--bevel-raised)}.pf-btn:active{transform:translate(var(--px),var(--px));box-shadow:var(--bevel-pressed)}.pf-btn:disabled{background:var(--c-iron);color:var(--c-ash);cursor:not-allowed;box-shadow:var(--bevel-inset);transform:none}.pf-btn--primary{background:var(--c-ember);color:var(--c-anvil)}.pf-btn--primary:hover{background:var(--c-flame)}.pf-btn--danger{color:var(--c-steel);box-shadow:inset 0 var(--px) 0 0 var(--c-warning),var(--bevel-raised)}.pf-btn--danger:hover{background:var(--c-iron-hi)}.pf-btn--danger:focus-visible{box-shadow:var(--focus-ring),inset 0 var(--px) 0 0 var(--c-warning),var(--bevel-raised)}.pf-btn--danger:active{box-shadow:inset 0 var(--px) 0 0 var(--c-warning),var(--bevel-pressed)}.pf-btn--ghost{background:transparent;box-shadow:none}.pf-btn--ghost:hover{background:var(--c-iron);box-shadow:var(--bevel-raised)}.pf-btn--ghost:focus-visible{box-shadow:var(--focus-ring),var(--bevel-raised)}.pf-btn--ghost:active{box-shadow:var(--bevel-pressed)}.pf-btn[data-active=true]{background:var(--c-ember);color:var(--c-anvil);box-shadow:var(--bevel-pressed)}.pf-btn[data-active=true]:hover{background:var(--c-flame)}.pf-crt{position:fixed;inset:0;z-index:9000;pointer-events:none;overflow:hidden;isolation:isolate}.pf-crt__layer{position:absolute;inset:0}.pf-crt__scanlines{background-image:repeating-linear-gradient(to bottom,rgba(0,0,0,.11) 0,rgba(0,0,0,.11) 1px,transparent 1px,transparent 3px);opacity:1}.pf-crt__glow{background:radial-gradient(140% 120% at 50% 42%,#ffffff0d,#fff0 55%);mix-blend-mode:screen;opacity:.6}.pf-crt__vignette{background:radial-gradient(130% 130% at 50% 50%,transparent 58%,rgba(0,0,0,.32) 100%);opacity:0}.pf-crt__sweep{background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.04) 48%,rgba(255,255,255,.06) 50%,rgba(255,255,255,.04) 52%,transparent 100%);mix-blend-mode:screen;height:40%;inset:-40% 0 auto;opacity:0;will-change:transform}.pf-crt[data-level=off] .pf-crt__layer{display:none}.pf-crt[data-level=subtle] .pf-crt__scanlines{opacity:.9}.pf-crt[data-level=subtle] .pf-crt__glow{opacity:.5}.pf-crt[data-level=subtle] .pf-crt__vignette,.pf-crt[data-level=subtle] .pf-crt__sweep{display:none}.pf-crt[data-level=full] .pf-crt__scanlines{background-image:repeating-linear-gradient(to bottom,rgba(0,0,0,.2) 0,rgba(0,0,0,.2) 1px,transparent 1px,transparent 3px);animation:pf-crt-flicker 4s var(--step-med) infinite}.pf-crt[data-level=full] .pf-crt__glow{opacity:.85}.pf-crt[data-level=full] .pf-crt__vignette{opacity:1}.pf-crt[data-level=full] .pf-crt__sweep{opacity:1;animation:pf-crt-sweep 6s linear infinite}@keyframes pf-crt-flicker{0%,70%,to{opacity:1}74%{opacity:.94}78%{opacity:1}86%{opacity:.96}}@keyframes pf-crt-sweep{0%{transform:translateY(0)}to{transform:translateY(250vh)}}.pf-dialog{padding:0;border:0;border-radius:0;max-width:min(92vw,calc(var(--px) * 240));background:transparent;color:var(--c-steel);overflow:visible}.pf-dialog::backdrop{background-color:#020308b8;background-image:var(--tex-dither);background-size:calc(var(--px) * 4) calc(var(--px) * 4);image-rendering:pixelated}.pf-dialog__frame{background:var(--c-iron);box-shadow:var(--bevel-raised-lg),var(--drop-hard-lg)}.pf-dialog__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);background-color:var(--c-iron-hi);box-shadow:inset 0 calc(var(--px) * -1) 0 0 var(--c-slag)}.pf-dialog__title{margin:0;color:var(--c-flame)}.pf-dialog__close{display:inline-flex;align-items:center;justify-content:center;width:calc(var(--px) * 12);height:calc(var(--px) * 12);padding:0;border:0;border-radius:0;background:var(--c-iron);color:var(--c-steel);font-family:var(--font-ui);font-size:18px;line-height:1;cursor:pointer;box-shadow:var(--bevel-raised)}.pf-dialog__close:hover{background:var(--c-warning);color:var(--c-steel)}.pf-dialog__close:focus-visible{outline:none;box-shadow:var(--focus-ring),var(--bevel-raised)}.pf-dialog__close:active{transform:translate(var(--px),var(--px));box-shadow:var(--bevel-pressed)}.pf-dialog__body{padding:var(--space-5);font-family:var(--font-ui);line-height:1.4}.pf-dialog__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4);box-shadow:inset 0 var(--px) 0 0 var(--c-slag)}.pf-frame{--frame-notch: calc(var(--px) * 3);--frame-border: calc(var(--px) * 3);position:relative;padding:var(--frame-border);background:var(--c-slag);clip-path:polygon(var(--frame-notch) 0,calc(100% - var(--frame-notch)) 0,calc(100% - var(--frame-notch)) var(--frame-notch),100% var(--frame-notch),100% calc(100% - var(--frame-notch)),calc(100% - var(--frame-notch)) calc(100% - var(--frame-notch)),calc(100% - var(--frame-notch)) 100%,var(--frame-notch) 100%,var(--frame-notch) calc(100% - var(--frame-notch)),0 calc(100% - var(--frame-notch)),0 var(--frame-notch),var(--frame-notch) var(--frame-notch));filter:drop-shadow(var(--px) var(--px) 0 var(--c-slag))}.pf-frame__inner{padding:var(--space-4);background:var(--c-iron);color:var(--c-steel);box-shadow:var(--bevel-raised);clip-path:polygon(var(--frame-notch) 0,calc(100% - var(--frame-notch)) 0,calc(100% - var(--frame-notch)) var(--frame-notch),100% var(--frame-notch),100% calc(100% - var(--frame-notch)),calc(100% - var(--frame-notch)) calc(100% - var(--frame-notch)),calc(100% - var(--frame-notch)) 100%,var(--frame-notch) 100%,var(--frame-notch) calc(100% - var(--frame-notch)),0 calc(100% - var(--frame-notch)),0 var(--frame-notch),var(--frame-notch) var(--frame-notch))}.pf-panel{background:var(--c-iron);color:var(--c-steel)}.pf-panel--raised{box-shadow:var(--bevel-raised),var(--drop-hard-lg)}.pf-panel--inset{background:var(--c-slag);box-shadow:var(--bevel-inset)}.pf-panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);background-color:var(--c-iron-hi);color:var(--c-steel);box-shadow:inset 0 calc(var(--px) * -1) 0 0 var(--c-slag)}.pf-panel__title{color:var(--c-steel)}.pf-panel__actions{display:inline-flex;align-items:center;gap:var(--space-2)}.pf-panel__body{padding:var(--space-4)}.pf-panel--inset>.pf-panel__body{padding:var(--space-3)}.pf-slider{display:grid;gap:var(--space-2);color:var(--c-steel)}.pf-slider__meta{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.pf-slider__label{color:var(--c-steel)}.pf-slider__value{color:var(--c-ash)}.pf-slider__input{-webkit-appearance:none;appearance:none;width:100%;height:calc(var(--px) * 8);margin:0;padding:0;background:var(--c-slag);box-shadow:var(--bevel-inset);cursor:pointer}.pf-slider__input::-moz-range-track{height:calc(var(--px) * 8);background:transparent;border:0;border-radius:0}.pf-slider__input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:calc(var(--px) * 6);height:calc(var(--px) * 8);background:var(--c-ember);border:0;border-radius:0;box-shadow:var(--bevel-raised)}.pf-slider__input::-moz-range-thumb{width:calc(var(--px) * 6);height:calc(var(--px) * 8);background:var(--c-ember);border:0;border-radius:0;box-shadow:var(--bevel-raised)}.pf-slider__input:focus-visible{outline:none;box-shadow:var(--focus-ring),var(--bevel-inset)}.pf-export .pf-dialog__body{display:flex;flex-direction:column;gap:var(--space-4);min-width:calc(var(--px) * 150)}.pf-export__field{margin:0;padding:0;border:0;display:flex;flex-direction:column;gap:var(--space-2)}.pf-export__field>.pf-label{color:var(--c-ash);margin-bottom:var(--space-1)}.pf-export__seg,.pf-export__bg{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.pf-seg{position:relative;display:inline-flex;cursor:pointer}.pf-seg input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}.pf-seg__face{display:inline-flex;align-items:center;justify-content:center;min-width:calc(var(--px) * 18);padding:var(--space-2) var(--space-3);background:var(--c-iron);color:var(--c-steel);box-shadow:var(--bevel-raised);transition:transform var(--dur-press) var(--step-fast);user-select:none}.pf-seg:hover .pf-seg__face{color:var(--c-flame)}@media(prefers-reduced-motion:reduce){.pf-seg__face{transition:none}}.pf-seg input:checked+.pf-seg__face{background:var(--c-ember);color:var(--c-anvil);box-shadow:var(--bevel-inset);transform:translate(var(--px),var(--px))}.pf-seg input:focus-visible+.pf-seg__face{box-shadow:var(--focus-ring),var(--bevel-raised);outline:none}.pf-seg input:checked:focus-visible+.pf-seg__face{box-shadow:var(--focus-ring),var(--bevel-inset)}.pf-export__matte{display:inline-flex;align-items:center;padding:var(--space-1);background:var(--c-slag);box-shadow:var(--bevel-inset)}.pf-export__matte.is-disabled{opacity:.4;filter:grayscale(1)}.pf-export__matte input[type=color]{inline-size:calc(var(--px) * 16);block-size:calc(var(--px) * 12);padding:0;border:0;background:transparent;cursor:pointer}.pf-export__matte input[type=color]:focus-visible{outline:none;box-shadow:var(--focus-ring)}.pf-export__readout{color:var(--c-ash);margin:0;padding-top:var(--space-1);border-top:var(--px) solid var(--c-slag)}.pf-export__readout b{color:var(--c-steel);font-weight:inherit}.pf-export__anim{padding-top:var(--space-2);border-top:var(--px) solid var(--c-slag)}.pf-export__anim-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.pf-export__anim-key{margin:0}.pf-check{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;color:var(--c-steel)}.pf-check input[type=checkbox]{appearance:none;inline-size:calc(var(--px) * 8);block-size:calc(var(--px) * 8);margin:0;background:var(--c-slag);box-shadow:var(--bevel-inset);cursor:pointer}.pf-check input[type=checkbox]:checked{background:var(--c-ember);box-shadow:var(--bevel-inset)}.pf-check input[type=checkbox]:focus-visible{outline:none;box-shadow:var(--focus-ring),var(--bevel-inset)}.pf-num{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--c-ash)}.pf-num input[type=number]{inline-size:calc(var(--px) * 22);padding:var(--space-1) var(--space-2);border:0;background:var(--c-slag);color:var(--c-steel);box-shadow:var(--bevel-inset);font:inherit}.pf-num input[type=number]:focus-visible{outline:none;box-shadow:var(--focus-ring),var(--bevel-inset)}.pf-export__anim-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-1)}.pf-export__anim-note{color:var(--c-ash);margin:0;border-top:0;padding-top:0}.pf-export__status{margin:0;min-height:calc(var(--px) * 10)}.pf-export__status--idle,.pf-export__status--working{color:var(--c-ash)}.pf-export__status--done{color:var(--c-patina)}.pf-export__status--error{color:var(--c-warning)}.pf-export .pf-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}.pf-cmdk{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;background:color-mix(in srgb,var(--c-slag) 78%,transparent)}.pf-cmdk__box{width:min(560px,92vw);background:var(--c-iron);box-shadow:var(--bevel-raised);border:var(--px) solid var(--c-slag)}.pf-cmdk__input{width:100%;box-sizing:border-box;padding:var(--space-3);background:var(--c-anvil);color:var(--c-steel);font-family:var(--font-ui);font-size:16px;border:none;border-bottom:var(--px) solid var(--c-iron-hi);outline:none}.pf-cmdk__input:focus-visible{box-shadow:var(--focus-ring)}.pf-cmdk__list{list-style:none;margin:0;padding:0;max-height:46vh;overflow-y:auto}.pf-cmdk__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);color:var(--c-steel);cursor:pointer}.pf-cmdk__item.is-active{background:var(--c-ember-deep);color:var(--c-anvil)}.pf-cmdk__group{font-family:var(--font-tiny);font-size:11px;text-transform:uppercase;color:var(--c-ash);min-width:52px}.pf-cmdk__item.is-active .pf-cmdk__group{color:var(--c-anvil)}.pf-cmdk__title{flex:1;font-family:var(--font-ui)}.pf-cmdk__kbd{font-family:var(--font-numeric);font-size:12px;color:var(--c-ash);background:var(--c-anvil);padding:0 var(--space-1);border:var(--px) solid var(--c-iron-hi)}.pf-cmdk__item.is-active .pf-cmdk__kbd{color:var(--c-anvil);background:var(--c-spark);border-color:var(--c-spark)}.pf-cmdk__empty{padding:var(--space-3);color:var(--c-ash);font-family:var(--font-ui)}.pf-help{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:color-mix(in srgb,var(--c-slag) 78%,transparent)}.pf-help__box:focus{outline:none}.pf-help__box{width:min(640px,94vw);max-height:84vh;overflow-y:auto;background:var(--c-iron);box-shadow:var(--bevel-raised);border:var(--px) solid var(--c-slag)}.pf-help__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border-bottom:var(--px) solid var(--c-iron-hi)}.pf-help__title{margin:0;font-family:var(--font-display);font-size:16px;color:var(--c-ember);text-transform:uppercase}.pf-help__grid{margin:0;padding:var(--space-3);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-1) var(--space-4)}.pf-help__row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);padding:var(--space-1) 0}.pf-help__keys{margin:0}.pf-help__keys kbd{font-family:var(--font-numeric);font-size:12px;color:var(--c-flame);background:var(--c-anvil);padding:0 var(--space-1);border:var(--px) solid var(--c-iron-hi);white-space:nowrap}.pf-help__label{margin:0;font-family:var(--font-ui);font-size:13px;color:var(--c-ash);text-align:right}@media(max-width:560px){.pf-help__grid{grid-template-columns:1fr}}.pf-menubar{display:flex;align-items:stretch;gap:0;background:var(--c-iron);border-bottom:var(--px) solid var(--c-slag)}.pf-menubar__group{position:relative}.pf-menubar__label{appearance:none;border:none;background:transparent;color:var(--c-steel);font-family:var(--font-ui);font-size:13px;padding:var(--space-2) var(--space-3);cursor:pointer}.pf-menubar__label:hover,.pf-menubar__label.is-open{background:var(--c-ember-deep);color:var(--c-anvil)}.pf-menubar__label:focus-visible{outline:none;box-shadow:var(--focus-ring)}.pf-menubar__menu{position:absolute;top:100%;left:0;z-index:50;min-width:200px;margin:0;padding:0;list-style:none;background:var(--c-iron);box-shadow:var(--bevel-raised);border:var(--px) solid var(--c-slag)}.pf-menubar__item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;box-sizing:border-box;appearance:none;border:none;background:transparent;color:var(--c-steel);font-family:var(--font-ui);font-size:13px;text-align:left;padding:var(--space-2) var(--space-3);cursor:pointer}.pf-menubar__item:hover:not(:disabled),.pf-menubar__item:focus-visible:not(:disabled){outline:none;background:var(--c-ember-deep);color:var(--c-anvil)}.pf-menubar__item:disabled{color:var(--c-iron-hi);cursor:default}.pf-menubar__kbd{font-family:var(--font-numeric);font-size:11px;color:var(--c-ash)}.pf-menubar__item:hover:not(:disabled) .pf-menubar__kbd{color:var(--c-anvil)}.pf-color{width:clamp(232px,22vw,288px);display:flex;flex-direction:column}.pf-color .pf-panel__body{display:flex;flex-direction:column;gap:var(--space-4)}.pf-color__editing{margin:0;color:var(--c-ash)}.pf-color__editing b{color:var(--c-steel)}.pf-color__lock{display:flex;align-items:center;gap:var(--space-2);margin:0;color:var(--c-spark)}.pf-color__lock b{color:var(--c-steel)}.pf-color__lockswatch{width:calc(var(--px) * 8);height:calc(var(--px) * 8);flex:none;box-shadow:var(--bevel-inset)}.pf-color__section{display:flex;flex-direction:column;gap:var(--space-3)}.pf-color__swatchbar{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;border:0;min-inline-size:0}.pf-checker{--swatch: transparent;background-color:var(--c-checker-a);background-image:linear-gradient(var(--swatch),var(--swatch)),conic-gradient(var(--c-checker-b) 25%,transparent 0 50%,var(--c-checker-b) 0 75%,transparent 0);background-size:100% 100%,calc(var(--px) * 4) calc(var(--px) * 4);image-rendering:pixelated}.pf-slots{display:flex;align-items:center;gap:var(--space-4)}.pf-slots__stack{position:relative;width:calc(var(--px) * 30);height:calc(var(--px) * 30);flex:none}.pf-slots__swatch{position:absolute;width:calc(var(--px) * 20);height:calc(var(--px) * 20);padding:0;border:0;cursor:pointer;box-shadow:var(--bevel-inset),var(--drop-hard)}.pf-slots__swatch--bg{right:0;bottom:0}.pf-slots__swatch--fg{left:0;top:0;z-index:1}.pf-slots__swatch:focus-visible{outline:none;box-shadow:var(--focus-ring),var(--bevel-inset)}.pf-slots__actions{display:flex;flex-direction:column;gap:var(--space-2)}.pf-picker{display:flex;flex-direction:column;gap:var(--space-3)}.pf-picker__sv{position:relative;width:100%;aspect-ratio:168 / 132;box-shadow:var(--bevel-inset);cursor:crosshair;touch-action:none}.pf-picker__bar{position:relative;width:100%;height:calc(var(--px) * 8);box-shadow:var(--bevel-inset);cursor:ew-resize;touch-action:none}.pf-picker__sv:focus-visible,.pf-picker__bar:focus-visible{outline:none;box-shadow:var(--focus-ring),var(--bevel-inset)}.pf-picker__canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.pf-picker__ring{position:absolute;width:calc(var(--px) * 4);height:calc(var(--px) * 4);transform:translate(-50%,-50%);box-shadow:0 0 0 var(--px) var(--c-slag),0 0 0 calc(var(--px) * 2) var(--c-steel);pointer-events:none}.pf-picker__thumb{position:absolute;top:0;bottom:0;width:calc(var(--px) * 2);transform:translate(-50%);background:var(--c-steel);box-shadow:0 0 0 var(--px) var(--c-slag);pointer-events:none}.pf-picker__hex{display:flex;align-items:center;gap:var(--space-3)}.pf-picker__hexinput{flex:1 1 auto;min-width:0;padding:var(--space-2) var(--space-3);border:0;background:var(--c-anvil);color:var(--c-steel);box-shadow:var(--bevel-inset);text-transform:uppercase}.pf-picker__hexinput:focus-visible{outline:none;box-shadow:var(--focus-ring),var(--bevel-inset)}.pf-recent{display:flex;flex-direction:column;gap:var(--space-2)}.pf-recent__label,.pf-color__section>.pf-label{color:var(--c-ash)}.pf-recent__empty{margin:0;color:var(--c-ash)}.pf-recent__grid,.pf-palette__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--px) * 11),1fr));gap:var(--space-2)}.pf-recent__swatch,.pf-palette__swatch{width:100%;aspect-ratio:1;padding:0;border:0;cursor:pointer;box-shadow:var(--bevel-raised);transition:box-shadow var(--dur-press) var(--step-fast)}.pf-recent__swatch:hover,.pf-palette__swatch:hover{box-shadow:0 0 0 var(--px) var(--c-spark),var(--bevel-raised)}.pf-recent__swatch:focus-visible,.pf-palette__swatch:focus-visible{outline:none;box-shadow:var(--focus-ring),var(--bevel-raised)}.pf-palette__swatch[data-selected=true]{box-shadow:0 0 0 var(--px) var(--c-anvil),0 0 0 calc(var(--px) * 2) var(--c-ember)}.pf-palette__empty{margin:0;color:var(--c-ash)}.pf-palmenu,.pf-swap{display:flex;flex-direction:column;gap:var(--space-3)}.pf-palmenu__row{display:flex;align-items:center;gap:var(--space-3)}.pf-palmenu__row--buttons,.pf-swap__row{flex-wrap:wrap}.pf-select{flex:1 1 auto;min-width:0;padding:var(--space-2) var(--space-3);border:0;background:var(--c-iron);color:var(--c-steel);font-family:var(--font-ui);font-size:14px;box-shadow:var(--bevel-inset)}.pf-select:focus-visible{outline:none;box-shadow:var(--focus-ring),var(--bevel-inset)}.pf-palmenu__status{margin:0;color:var(--c-patina)}.pf-palmenu__status--error{color:var(--c-warning)}.pf-swap__panes{display:flex;align-items:center;gap:var(--space-3)}.pf-swap__pane{margin:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);flex:1 1 0}.pf-swap__canvas{width:100%;height:auto;image-rendering:pixelated;box-shadow:var(--bevel-inset)}.pf-swap__pane figcaption{color:var(--c-ash);font-size:13px;text-align:center}.pf-swap__arrow{color:var(--c-ember);font-family:var(--font-display);font-size:12px;flex:none}.pf-layers{width:clamp(232px,22vw,300px);display:flex;flex-direction:column}.pf-layers .pf-panel__body{display:flex;flex-direction:column;gap:var(--space-3)}.pf-lpreview{position:relative;width:100%;aspect-ratio:1;box-shadow:var(--bevel-inset);cursor:crosshair;touch-action:none}.pf-lpreview__canvas{display:block;width:100%;height:100%}.pf-lpaint{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:0;padding:0;border:0;min-inline-size:0}.pf-lpaint .pf-swatch{width:calc(var(--px) * 11);height:calc(var(--px) * 11);padding:0;border:0;cursor:pointer;box-shadow:var(--bevel-raised)}.pf-lpaint .pf-swatch:hover{box-shadow:0 0 0 var(--px) var(--c-spark),var(--bevel-raised)}.pf-lpaint .pf-swatch:focus-visible{outline:none;box-shadow:var(--focus-ring),var(--bevel-raised)}.pf-lpaint .pf-swatch[aria-pressed=true]{box-shadow:0 0 0 var(--px) var(--c-anvil),0 0 0 calc(var(--px) * 2) var(--c-ember)}.pf-layers__hint{margin:0;color:var(--c-ash)}.pf-layers__hint b{color:var(--c-steel)}.pf-layers__ops{display:flex;flex-wrap:wrap;gap:var(--space-2)}.pf-layers__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.pf-layer{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2);background:var(--c-anvil);box-shadow:var(--bevel-raised)}.pf-layer[data-active=true]{box-shadow:var(--bevel-raised),inset calc(var(--px) * 2) 0 0 0 var(--c-ember)}.pf-layer[data-dragover=true]{box-shadow:var(--bevel-raised),0 0 0 var(--px) var(--c-spark)}.pf-layer__main{display:flex;align-items:center;gap:var(--space-2)}.pf-layer__grip{flex:none;color:var(--c-ash);cursor:grab;font-family:var(--font-numeric);line-height:1;user-select:none}.pf-layer__thumbbtn{flex:none;width:calc(var(--px) * 20);height:calc(var(--px) * 20);padding:0;border:0;cursor:pointer;box-shadow:var(--bevel-inset)}.pf-layer__thumbbtn:focus-visible{outline:none;box-shadow:var(--focus-ring),var(--bevel-inset)}.pf-layer__thumb{display:block;width:100%;height:100%}.pf-layer__name{flex:1 1 auto;min-width:0;padding:var(--space-1) var(--space-2);border:0;background:var(--c-iron);color:var(--c-steel);font-family:var(--font-ui);font-size:14px;box-shadow:var(--bevel-inset)}.pf-layer[data-active=true] .pf-layer__name{font-weight:700}.pf-layer__name:focus-visible{outline:none;box-shadow:var(--focus-ring),var(--bevel-inset)}.pf-layer__foot{display:flex;align-items:center;gap:var(--space-2)}.pf-layer__opacity{flex:1 1 auto;min-width:0}.pf-layer__nudge{display:inline-flex;gap:var(--space-1);flex:none}.pf-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:calc(var(--px) * 11);height:calc(var(--px) * 11);flex:none;padding:0;border:0;cursor:pointer;background:var(--c-iron);color:var(--c-steel);font-family:var(--font-numeric);font-size:14px;line-height:1;box-shadow:var(--bevel-raised);transition:box-shadow var(--dur-press) var(--step-fast)}.pf-iconbtn:hover:not(:disabled){color:var(--c-ember)}.pf-iconbtn:active:not(:disabled){box-shadow:var(--bevel-pressed);transform:translate(var(--px),var(--px))}.pf-iconbtn:focus-visible{outline:none;box-shadow:var(--focus-ring),var(--bevel-raised)}.pf-iconbtn[aria-pressed=true]{box-shadow:var(--bevel-inset);color:var(--c-ember)}.pf-iconbtn:disabled{color:var(--c-ash);cursor:not-allowed;opacity:.6}.pf-eye{width:calc(var(--px) * 5);height:calc(var(--px) * 5);background:currentColor}.pf-eye[data-on=false]{background:transparent;box-shadow:inset 0 0 0 var(--px) currentColor}.pf-lock{width:calc(var(--px) * 5);height:calc(var(--px) * 5);box-shadow:inset 0 0 0 var(--px) currentColor}.pf-lock[data-on=true]{background:currentColor}.pf-layers__status{margin:0;color:var(--c-ash)}.pf-layers__status b{color:var(--c-steel)}.pf-frames{width:clamp(248px,24vw,320px);display:flex;flex-direction:column}.pf-frames .pf-panel__body{display:flex;flex-direction:column;gap:var(--space-3)}.pf-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.pf-fpreview{position:relative;width:100%;aspect-ratio:1;box-shadow:var(--bevel-inset);cursor:crosshair;touch-action:none}.pf-fpreview__onion,.pf-fpreview__canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.pf-fpreview__onion{pointer-events:none}.pf-transport{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.pf-frames__fps{width:100%}.pf-onion{margin:0;padding:var(--space-2);border:0;min-inline-size:0;background:var(--c-anvil);box-shadow:var(--bevel-inset);display:flex;flex-direction:column;gap:var(--space-2)}.pf-onion__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.pf-onion__ranges{display:flex;flex-direction:column;gap:var(--space-2)}.pf-onion__ranges[data-disabled=true]{opacity:.55}.pf-fpaint{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:0;padding:0;border:0;min-inline-size:0}.pf-fpaint .pf-swatch,.pf-frames .pf-swatch{width:calc(var(--px) * 11);height:calc(var(--px) * 11);padding:0;border:0;cursor:pointer;box-shadow:var(--bevel-raised)}.pf-fpaint .pf-swatch:hover{box-shadow:0 0 0 var(--px) var(--c-spark),var(--bevel-raised)}.pf-fpaint .pf-swatch:focus-visible{outline:none;box-shadow:var(--focus-ring),var(--bevel-raised)}.pf-fpaint .pf-swatch[aria-pressed=true]{box-shadow:0 0 0 var(--px) var(--c-anvil),0 0 0 calc(var(--px) * 2) var(--c-ember)}.pf-frames__hint{color:var(--c-ash);flex:1 1 100%;margin:0}.pf-frames__hint b{color:var(--c-steel)}.pf-frames__ops{display:flex;flex-wrap:wrap;gap:var(--space-2)}.pf-frames__strip{list-style:none;margin:0;padding:var(--space-2);display:flex;gap:var(--space-2);overflow-x:auto;background:var(--c-anvil);box-shadow:var(--bevel-inset)}.pf-frame{flex:none;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-1);background:var(--c-iron);box-shadow:var(--bevel-raised)}.pf-frame[data-active=true]{box-shadow:var(--bevel-raised),inset 0 calc(var(--px) * 2) 0 0 var(--c-ember)}.pf-frame__thumbbtn{position:relative;display:block;width:calc(var(--px) * 26);height:calc(var(--px) * 26);padding:0;border:0;cursor:pointer;box-shadow:var(--bevel-inset)}.pf-frame__thumbbtn:focus-visible{outline:none;box-shadow:var(--focus-ring),var(--bevel-inset)}.pf-frame__thumb{display:block;width:100%;height:100%}.pf-frame__num{position:absolute;left:0;bottom:0;padding:0 var(--px);background:var(--c-slag);color:var(--c-steel);line-height:1.2}.pf-frame[data-active=true] .pf-frame__num{color:var(--c-ember);font-weight:700}.pf-frame__dur{display:flex;align-items:center;gap:var(--px)}.pf-frame__durinput{width:calc(var(--px) * 18);min-width:0;padding:0 var(--px);border:0;background:var(--c-anvil);color:var(--c-steel);box-shadow:var(--bevel-inset);font-family:var(--font-numeric);font-size:14px}.pf-frame__durinput:focus-visible{outline:none;box-shadow:var(--focus-ring),var(--bevel-inset)}.pf-frame__durunit{color:var(--c-ash)}.pf-frame__move{display:flex;gap:var(--px);justify-content:center}.pf-frames .pf-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:calc(var(--px) * 10);height:calc(var(--px) * 10);flex:none;padding:0;border:0;cursor:pointer;background:var(--c-iron);color:var(--c-steel);font-family:var(--font-numeric);font-size:13px;line-height:1;box-shadow:var(--bevel-raised)}.pf-frames .pf-iconbtn:hover:not(:disabled){color:var(--c-ember)}.pf-frames .pf-iconbtn:active:not(:disabled){box-shadow:var(--bevel-pressed);transform:translate(var(--px),var(--px))}.pf-frames .pf-iconbtn:focus-visible{outline:none;box-shadow:var(--focus-ring),var(--bevel-raised)}.pf-frames .pf-iconbtn:disabled{color:var(--c-ash);cursor:not-allowed;opacity:.6}.pf-frames__status{margin:0;color:var(--c-ash)}.pf-frames__status b{color:var(--c-steel)}.pf-app{height:100%;display:flex;flex-direction:column;background:var(--c-anvil);overflow:hidden}.pf-topbar{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);background:var(--c-iron);box-shadow:var(--bevel-raised)}.pf-wordmark{margin:0;font-family:var(--font-display);font-size:22px;font-weight:700;line-height:1;letter-spacing:var(--px);text-transform:uppercase;color:var(--c-steel)}.pf-ingot{width:calc(var(--px) * 16);height:var(--space-2);background:var(--c-ember)}.pf-tagline{margin:0;font-size:14px;color:var(--c-ash)}.pf-workbench{flex:1 1 auto;display:flex;align-items:stretch;gap:var(--space-5);min-height:0;padding:var(--space-5)}.pf-workbench>.pf-stage{flex:1 1 auto;min-width:0}.pf-dock{flex:none;width:340px;box-sizing:border-box;align-self:stretch;display:flex;flex-direction:column;gap:var(--space-5);max-height:100%;overflow-y:auto;overflow-x:hidden}.pf-dock>*{width:100%;box-sizing:border-box;min-width:0}.pf-focus-toggle{margin-left:auto}.pf-app[data-focus=true] .pf-topbar,.pf-app[data-focus=true] .pf-dock{display:none}.pf-app[data-focus=true] .pf-workbench{padding:var(--space-2)}.pf-focus-exit{position:fixed;top:var(--space-2);right:var(--space-2);z-index:40}@media(max-width:720px){.pf-workbench{flex-direction:column}.pf-workbench>.pf-dock{width:100%;align-self:stretch}}