[hidden]{display:none!important}.text{width:100%;clip-path:var(--px-clip);color:#fff;font-family:var(--bs-mono);letter-spacing:.08em;text-transform:uppercase;background:#00000080;border:0;outline:none;padding:.75rem .9rem;font-size:15px;transition:border-color .15s,box-shadow .15s;box-shadow:inset 0 0 0 2px #ffffff14}.text:focus{box-shadow:inset 0 0 0 2px var(--bs-accent)}.colorrow{gap:.6rem;display:flex}.gap-top{margin-top:.7rem}.swatch{width:48px;clip-path:var(--px-clip);border:0;flex:none;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff14}.swatch input[type=color]{cursor:pointer;background:0 0;border:0;width:calc(100% + 16px);height:calc(100% + 16px);padding:0;position:absolute;inset:-8px}.stoplist{gap:.6rem;display:grid}.stop-rm{width:40px;clip-path:var(--px-clip);background:var(--bs-bg);color:var(--bs-muted);font:inherit;cursor:pointer;border:0;flex:none;padding:0;font-size:18px;font-weight:800;transition:border-color .15s,color .15s;box-shadow:inset 0 0 0 2px #ffffff14}.stop-rm:hover{color:#f0564b;box-shadow:inset 0 0 0 2px #f0564b}.seg{min-width:3rem;clip-path:var(--px-clip);color:var(--bs-muted);font-family:var(--bs-pixel);cursor:pointer;background:#0006;border:0;flex:1 1 0;padding:.6rem .5rem;font-size:15px;font-weight:600;transition:background-color .15s,color .15s}.seg:hover{color:#fff}.seg.on{background:var(--bs-accent);box-shadow:inset 0 -3px 0 var(--bs-accent-deep);color:var(--bs-on-accent)}.seg:focus-visible,.gswatch:focus-visible,.palette button:focus-visible{outline:2px solid var(--bs-accent);outline-offset:2px}.style-opt{width:100%;clip-path:var(--px-clip);color:var(--bs-muted);font:inherit;text-align:left;cursor:pointer;background:#0006;border:0;align-items:center;gap:.75rem;padding:.65rem .85rem;transition:border-color .15s,background-color .15s;display:flex}.style-opt:hover{background:#ffffff0f}.style-opt.on{box-shadow:inset 0 0 0 2px var(--bs-accent);background:color-mix(in srgb, var(--bs-accent) 8%, var(--bs-bg))}.style-opt:focus-visible{outline:2px solid var(--bs-accent);outline-offset:2px}.style-opt__dot{border:2px solid var(--bs-line);border-radius:50%;flex:none;width:16px;height:16px;transition:border .15s}.style-opt.on .style-opt__dot{border:5px solid var(--bs-accent)}.style-opt__text{gap:1px;line-height:1.3;display:grid}.style-opt b{color:#fff;font-family:var(--bs-pixel);font-size:16px;font-weight:600}.style-opt small{font-size:12px;font-weight:500}.palette button{aspect-ratio:1;clip-path:var(--px-clip);cursor:pointer;border:2px solid #0000;padding:0;transition:transform .1s}.palette button:hover{transform:translateY(-2px)}.palette button.on{border-color:#fff}.gswatch{height:32px;clip-path:var(--px-clip);font:inherit;cursor:pointer;border:2px solid #0000;padding:0;transition:transform .1s;position:relative;overflow:hidden}.gswatch.wide{grid-column:1/-1}.gswatch span{color:#111;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 1px #ffffff73;place-items:center;font-size:11px;font-weight:800;display:grid;position:absolute;inset:0}.gswatch:hover{transform:translateY(-2px)}.gswatch.on{border-color:#fff}.coll-card{clip-path:var(--px-clip);background:var(--bs-bg);border:0;padding:8px;position:relative;box-shadow:inset 0 0 0 2px #ffffff14}.coll-holder{height:48px;clip-path:var(--px-clip);background:repeating-conic-gradient(#1f1f1f 0% 25%,#171717 0% 50%) 0 0/10px 10px;place-items:center;margin-bottom:6px;display:grid;overflow:hidden}.coll-holder canvas{image-rendering:pixelated;display:block}.coll-name{color:#fff;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:700;overflow:hidden}.coll-rm{border:2px solid var(--bs-card);color:#fff;cursor:pointer;background:#f0564b;border-radius:50%;place-items:center;width:22px;height:22px;padding:0;font-size:14px;font-weight:800;line-height:1;display:grid;position:absolute;top:-8px;right:-8px}.coll-rm:hover{filter:brightness(1.12)}.intro:where(.astro-bo4jeb4s){text-align:center;padding-top:3rem}.intro:where(.astro-bo4jeb4s) h1:where(.astro-bo4jeb4s){color:var(--mc-aqua);text-shadow:.08em .08em 0 color-mix(in srgb, var(--mc-aqua) 25%, #000);margin:0;font-size:clamp(2.6rem,7vw,4rem);font-weight:700;line-height:1}.intro:where(.astro-bo4jeb4s) p:where(.astro-bo4jeb4s){color:var(--bs-white);font-family:var(--bs-pixel);text-shadow:.1em .1em #0009;margin:.9rem 0 0;font-size:19px}.tool:where(.astro-bo4jeb4s){grid-template-columns:360px minmax(0,1fr);align-items:start;gap:1.25rem;margin-top:2rem;display:grid}.panel:where(.astro-bo4jeb4s){background:#0a0b0edb;padding:1.5rem}.panel--preview:where(.astro-bo4jeb4s){position:sticky;top:5rem}.panel__h:where(.astro-bo4jeb4s){color:#fff;text-shadow:.1em .1em #00000080;margin:0 0 1.25rem;font-size:22px;font-weight:600}.field:where(.astro-bo4jeb4s){gap:0;margin-bottom:1.4rem;display:block}.field:where(.astro-bo4jeb4s):last-child{margin-bottom:0}.lab:where(.astro-bo4jeb4s){color:var(--bs-muted);font-family:var(--bs-pixel);justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.6rem;font-size:15px;font-weight:500;display:flex}.lab:where(.astro-bo4jeb4s) b:where(.astro-bo4jeb4s){color:var(--bs-accent);font-family:var(--bs-mono);font-size:13px}.styles:where(.astro-bo4jeb4s){gap:6px;display:grid}.segrow:where(.astro-bo4jeb4s){flex-wrap:wrap;gap:6px;display:flex}.picker:where(.astro-bo4jeb4s){margin-bottom:.7rem}.sv:where(.astro-bo4jeb4s){height:120px;clip-path:var(--px-clip);cursor:crosshair;touch-action:none;background:red;position:relative}.sv-h:where(.astro-bo4jeb4s){pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1.5px #000000b3}.hue:where(.astro-bo4jeb4s){cursor:ew-resize;touch-action:none;background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);height:14px;margin-top:.6rem;position:relative}.hue-h:where(.astro-bo4jeb4s){pointer-events:none;border:3px solid #fff;border-radius:50%;width:18px;height:18px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1.5px #0009}.gradlist:where(.astro-bo4jeb4s){grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:.7rem;display:grid}.check:where(.astro-bo4jeb4s){color:var(--bs-muted);cursor:pointer;user-select:none;align-items:center;gap:.55rem;margin-top:.9rem;font-size:13px;font-weight:700;display:flex}.check:where(.astro-bo4jeb4s) input:where(.astro-bo4jeb4s){width:16px;height:16px;accent-color:var(--bs-accent);margin:0}.palette:where(.astro-bo4jeb4s){grid-template-columns:repeat(9,minmax(0,1fr));gap:6px;display:grid}input:where(.astro-bo4jeb4s)[type=range]{background:var(--bs-bg);cursor:pointer;appearance:none;outline:none;width:100%;height:6px}input:where(.astro-bo4jeb4s)[type=range]::-webkit-slider-thumb{border:3px solid var(--bs-card);background:var(--bs-accent);-webkit-appearance:none;border-radius:50%;width:18px;height:18px}input:where(.astro-bo4jeb4s)[type=range]::-moz-range-thumb{border:3px solid var(--bs-card);background:var(--bs-accent);border-radius:50%;width:14px;height:14px}.stage:where(.astro-bo4jeb4s){min-height:280px;clip-path:var(--px-clip);background:repeating-conic-gradient(#1f1f1f 0% 25%,#171717 0% 50%) 0 0/22px 22px;place-items:center;padding:24px;display:grid;overflow:auto}#preview:where(.astro-bo4jeb4s){image-rendering:pixelated;image-rendering:crisp-edges;display:block}.meta:where(.astro-bo4jeb4s){color:var(--bs-dim);flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-top:.9rem;font-size:13px;font-weight:600;display:flex}.meta:where(.astro-bo4jeb4s) b:where(.astro-bo4jeb4s){color:#fff;font-family:var(--bs-mono)}.actions:where(.astro-bo4jeb4s){grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-top:1.1rem;display:grid}.btn--add:where(.astro-bo4jeb4s){width:100%;margin-top:.6rem}.collection:where(.astro-bo4jeb4s){border-top:1px solid var(--bs-line);margin-top:1.4rem;padding-top:1.2rem}.collection__head:where(.astro-bo4jeb4s){flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.9rem;display:flex}.collection__head:where(.astro-bo4jeb4s) .lab:where(.astro-bo4jeb4s){gap:.6rem;margin:0}.collection__actions:where(.astro-bo4jeb4s){gap:.5rem;display:flex}.collection__strip:where(.astro-bo4jeb4s){grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;max-height:260px;padding:8px 8px 0 0;display:grid;overflow:auto}@media (width<=56rem){.tool:where(.astro-bo4jeb4s){grid-template-columns:minmax(0,1fr)}.panel--preview:where(.astro-bo4jeb4s){order:-1;position:static}}@media (width<=30rem){.panel:where(.astro-bo4jeb4s){padding:1.1rem}.actions:where(.astro-bo4jeb4s){grid-template-columns:1fr}}