@font-face{font-family:Anton;src:url(/fonts/box/anton-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cinzel;src:url(/fonts/box/cinzel-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Michroma;src:url(/fonts/box/michroma-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Arimo;src:url(/fonts/box/arimo-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Arimo;src:url(/fonts/box/arimo-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Bebas Neue;src:url(/fonts/box/bebas-neue-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Oswald;src:url(/fonts/box/oswald-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Oswald;src:url(/fonts/box/oswald-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Black Ops One;src:url(/fonts/box/black-ops-one-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Stardos Stencil;src:url(/fonts/box/stardos-stencil-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Pirata One;src:url(/fonts/box/pirata-one-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:UnifrakturMaguntia;src:url(/fonts/box/unifraktur-maguntia-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Metal Mania;src:url(/fonts/box/metal-mania-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Creepster;src:url(/fonts/box/creepster-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Orbitron;src:url(/fonts/box/orbitron-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Audiowide;src:url(/fonts/box/audiowide-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Press Start 2P";src:url(/fonts/box/press-start-2p-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:VT323;src:url(/fonts/box/vt323-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Bangers;src:url(/fonts/box/bangers-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Luckiest Guy;src:url(/fonts/box/luckiest-guy-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Righteous;src:url(/fonts/box/righteous-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Monoton;src:url(/fonts/box/monoton-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}.lab-stage[data-lab=box]{--box-cardboard: #c9b99a;--box-slab: #141416}@container (min-width: 72rem){.lab-stage[data-lab=box]{height:calc(100vh - 5 * var(--space-gap) - 5.5rem - 2 * var(--text-sm--line-height));min-height:28rem}.lab-stage[data-lab=box]~.lab-net,.lab-stage[data-lab=box]~.lab-net-info{grid-column:span 9}.lab-stage[data-lab=box]~.lab-panel{grid-column:10 / -1;grid-row:1 / span 3}.lab-stage[data-lab=box]:has(+.lab-net[data-faces="1"]){height:calc(100vh - 4 * var(--space-gap) - 5.5rem)}.lab-stage[data-lab=box]~.lab-net[data-faces="1"]{grid-column:1 / span 3;grid-row:2}.lab-stage[data-lab=box]~.lab-net[data-faces="1"]+.lab-net-info{grid-column:4 / span 6;grid-row:2;align-self:center;margin:0}}.lab-net{grid-column:1 / -1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-gap)}.lab-zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;padding:.375rem;background:var(--glass-in);border:1px dashed color-mix(in oklch,var(--muted-foreground) 45%,transparent);border-radius:var(--radius-card);color:var(--foreground);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--text-sm--line-height);height:5.5rem;background-size:contain;background-repeat:no-repeat;background-position:center;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.lab-zone:hover{border-color:var(--muted-foreground)}.lab-zone.is-over{border-style:solid;border-color:var(--accent);background-color:color-mix(in oklch,var(--accent) 12%,transparent)}.lab-zone[data-has]{justify-content:flex-end;border-style:solid;border-color:color-mix(in oklch,var(--muted-foreground) 45%,transparent)}.lab-zone[data-has]:after{content:"";position:absolute;inset:auto 0 0;height:2.75rem;border-radius:0 0 var(--radius-card) var(--radius-card);background:linear-gradient(to top,color-mix(in oklch,var(--background) 85%,transparent),transparent);pointer-events:none}.lab-zone[data-has]>*{position:relative;z-index:1}.lab-zone-label{pointer-events:none}.lab-zone-size{display:block;color:var(--muted-foreground);font-family:var(--font-mono);font-size:var(--text-sm);pointer-events:none}.lab-zone-count{position:absolute;top:.25rem;left:.375rem;font-family:var(--font-mono);font-size:var(--text-sm)}.lab-zone-clear{position:absolute;top:.25rem;right:.375rem;color:var(--foreground)}.lab-text{width:100%;flex:1 1 auto;min-width:0;padding:.25rem .5rem;background:var(--glass-in);border:0;border-radius:.375rem;color:var(--foreground);font-family:var(--font-mono);font-size:var(--text-sm)}textarea.lab-text{resize:vertical;min-height:3.5rem}.lab-zone[hidden]{display:none}.lab-net[data-faces="1"]{grid-template-columns:minmax(0,1fr)}.lab-net[data-faces="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-net-info{grid-column:1 / -1;margin:var(--space-gap) 0 0;color:var(--muted-foreground)}.lab-wear-row{grid-column:2 / -1;display:flex;flex-wrap:wrap;gap:var(--space-gap)}.lab-body-row .lab-btn[aria-pressed=true]{border-color:var(--foreground);color:var(--foreground)}.lab-light-tiles{grid-column:1 / -1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-gap)}.lab-light-cell{display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:0}.lab-light-tile{width:4.5rem;max-width:100%;aspect-ratio:1;padding:0;background-color:var(--glass-in);background-size:cover;background-position:center;background-repeat:no-repeat;border:1px solid transparent;border-radius:var(--radius-card);cursor:pointer;transition:border-color .16s,transform .08s}.lab-light-tile:active{transform:scale(.97)}.lab-light-tile[data-on]{border-color:var(--accent)}.lab-light-tile:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.lab-light-name{max-width:100%;overflow:hidden;color:var(--muted-foreground);font-size:var(--text-sm);line-height:1;white-space:nowrap;text-overflow:ellipsis;text-align:center}.lab-row-name{color:var(--muted-foreground);font-size:var(--text-sm);line-height:var(--text-sm--line-height)}.lab-format-tiles{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fill,minmax(4.5rem,1fr));column-gap:var(--space-gap);row-gap:var(--space-3)}.lab-format-cell{display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:0}.lab-format-tile{display:flex;align-items:center;justify-content:center;width:3.5rem;max-width:100%;aspect-ratio:1;padding:0;background:var(--glass-in);border:1px solid transparent;border-radius:var(--radius-card);color:var(--muted-foreground);cursor:pointer;transition:border-color .16s,color .16s,transform .08s}.lab-format-tile svg{width:2rem;height:2rem}.lab-format-tile:active{transform:scale(.97)}.lab-format-tile[data-on]{border-color:var(--accent);color:var(--accent)}.lab-format-tile:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.lab-format-name{max-width:100%;overflow:hidden;color:var(--muted-foreground);font-size:var(--text-sm);line-height:1;white-space:nowrap;text-overflow:ellipsis;text-align:center}.lab-actions .lab-export-size{background:var(--glass-in);border-radius:9999px;height:2.25rem;padding:0 .875rem;color:var(--foreground);font:inherit;font-size:var(--text-sm);cursor:pointer}
