@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 (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-area:1/10/span 3/-1}.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-area:2/1/auto/span 3}.lab-stage[data-lab=box]~.lab-net[data-faces="1"]+.lab-net-info{grid-area:2/4/auto/span 6;align-self:center;margin:0}}.lab-net{gap:var(--space-gap);grid-column:1/-1;grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.lab-zone{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);cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:contain;flex-direction:column;justify-content:center;align-items:center;gap:.125rem;height:5.5rem;padding:.375rem;transition:border-color .15s,background-color .15s;display:flex;position:relative}.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]{border-style:solid;border-color:color-mix(in oklch, var(--muted-foreground) 45%, transparent);justify-content:flex-end}.lab-zone[data-has]:after{content:"";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;height:2.75rem;position:absolute;inset:auto 0 0}.lab-zone[data-has]>*{z-index:1;position:relative}.lab-zone-label{pointer-events:none}.lab-zone-size{color:var(--muted-foreground);font-family:var(--font-mono);font-size:var(--text-sm);pointer-events:none;display:block}.lab-zone-count{font-family:var(--font-mono);font-size:var(--text-sm);position:absolute;top:.25rem;left:.375rem}.lab-zone-clear{color:var(--foreground);position:absolute;top:.25rem;right:.375rem}.lab-text{background:var(--glass-in);width:100%;min-width:0;color:var(--foreground);font-family:var(--font-mono);font-size:var(--text-sm);border:0;border-radius:.375rem;flex:auto;padding:.25rem .5rem}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{margin:var(--space-gap) 0 0;color:var(--muted-foreground);grid-column:1/-1}.lab-wear-row{gap:var(--space-gap);flex-wrap:wrap;grid-column:2/-1;display:flex}.lab-body-row .lab-btn[aria-pressed=true]{border-color:var(--foreground);color:var(--foreground)}.lab-light-tiles{gap:var(--space-gap);grid-column:1/-1;grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.lab-light-cell{flex-direction:column;align-items:center;gap:.25rem;min-width:0;display:flex}.lab-light-tile{aspect-ratio:1;background-color:var(--glass-in);border-radius:var(--radius-card);cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #0000;width:4.5rem;max-width:100%;padding:0;transition:border-color .16s,transform 80ms}.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%;color:var(--muted-foreground);font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;text-align:center;line-height:1;overflow:hidden}.lab-row-name{color:var(--muted-foreground);font-size:var(--text-sm);line-height:var(--text-sm--line-height)}.lab-format-tiles{column-gap:var(--space-gap);row-gap:var(--space-3);grid-column:1/-1;grid-template-columns:repeat(auto-fill,minmax(4.5rem,1fr));display:grid}.lab-format-cell{flex-direction:column;align-items:center;gap:.25rem;min-width:0;display:flex}.lab-format-tile{aspect-ratio:1;background:var(--glass-in);border-radius:var(--radius-card);width:3.5rem;max-width:100%;color:var(--muted-foreground);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;padding:0;transition:border-color .16s,color .16s,transform 80ms;display:flex}.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%;color:var(--muted-foreground);font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;text-align:center;line-height:1;overflow:hidden}.lab-actions .lab-export-size{background:var(--glass-in);height:2.25rem;color:var(--foreground);font:inherit;font-size:var(--text-sm);cursor:pointer;border-radius:9999px;padding:0 .875rem}
