.wplace-pixel-art-module__-FexuW__workbench{border:1px solid hsl(var(--border));background:hsl(var(--border));box-shadow:0 28px 90px hsl(var(--foreground)/.28);border-radius:1.75rem;gap:1px;display:grid;overflow:hidden}.wplace-pixel-art-module__-FexuW__controlRail,.wplace-pixel-art-module__-FexuW__previewStage{background:hsl(var(--card));padding:1.25rem}.wplace-pixel-art-module__-FexuW__controlRail{flex-direction:column;gap:1rem;display:flex}.wplace-pixel-art-module__-FexuW__eyebrow{letter-spacing:.13em;text-transform:uppercase;color:hsl(var(--primary));font:700 .7rem/1.2 ui-monospace,SFMono-Regular,monospace}.wplace-pixel-art-module__-FexuW__controlRail h2{overflow-wrap:anywhere;letter-spacing:-.035em;min-width:0;margin-top:.5rem;font-size:clamp(1.45rem,3vw,2.15rem);font-weight:800;line-height:1.05}.wplace-pixel-art-module__-FexuW__muted{max-width:37rem;color:hsl(var(--muted-foreground));margin-top:.75rem;line-height:1.65}.wplace-pixel-art-module__-FexuW__upload{border:1px dashed color-mix(in srgb,hsl(var(--primary)) 55%,transparent);background:color-mix(in srgb,hsl(var(--primary)) 7%,transparent);text-align:left;border-radius:1rem;align-items:center;gap:.75rem;min-height:3.5rem;padding:.75rem 1rem;font-weight:700;display:flex}.wplace-pixel-art-module__-FexuW__upload:hover{border-color:hsl(var(--primary));background:color-mix(in srgb,hsl(var(--primary)) 11%,transparent)}.wplace-pixel-art-module__-FexuW__upload:focus-visible,.wplace-pixel-art-module__-FexuW__actions button:focus-visible,.wplace-pixel-art-module__-FexuW__empty:focus-visible,.wplace-pixel-art-module__-FexuW__exampleCard:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.wplace-pixel-art-module__-FexuW__upload:active,.wplace-pixel-art-module__-FexuW__actions button:active,.wplace-pixel-art-module__-FexuW__empty:active,.wplace-pixel-art-module__-FexuW__exampleCard:active{filter:brightness(.92)}.wplace-pixel-art-module__-FexuW__upload:disabled{cursor:not-allowed;opacity:.55}.wplace-pixel-art-module__-FexuW__upload span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.wplace-pixel-art-module__-FexuW__upload svg{width:1.15rem;color:hsl(var(--primary))}.wplace-pixel-art-module__-FexuW__examples{gap:.55rem;display:grid}.wplace-pixel-art-module__-FexuW__examplesHeading{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.wplace-pixel-art-module__-FexuW__examplesHeading span{font-size:.78rem;font-weight:800}.wplace-pixel-art-module__-FexuW__examplesHeading small{color:hsl(var(--muted-foreground));text-transform:uppercase;font:600 .62rem/1.2 ui-monospace,SFMono-Regular,monospace}.wplace-pixel-art-module__-FexuW__exampleGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;display:grid}.wplace-pixel-art-module__-FexuW__exampleCard{border:1px solid hsl(var(--border));background:hsl(var(--background)/.72);text-align:left;border-radius:.8rem;gap:.45rem;min-width:0;padding:.4rem;display:grid}.wplace-pixel-art-module__-FexuW__exampleCard:hover{border-color:color-mix(in srgb,hsl(var(--primary)) 60%,hsl(var(--border)));background:color-mix(in srgb,hsl(var(--primary)) 6%,hsl(var(--background)))}.wplace-pixel-art-module__-FexuW__exampleThumb{aspect-ratio:4/3;background-position:50%;background-size:cover;border-radius:.55rem;display:block}.wplace-pixel-art-module__-FexuW__exampleCard>span:last-child{gap:.1rem;min-width:0;display:grid}.wplace-pixel-art-module__-FexuW__exampleCard strong{text-overflow:ellipsis;white-space:nowrap;font-size:.69rem;overflow:hidden}.wplace-pixel-art-module__-FexuW__exampleCard small{color:hsl(var(--muted-foreground));text-overflow:ellipsis;white-space:nowrap;font-size:.57rem;line-height:1.2;overflow:hidden}.wplace-pixel-art-module__-FexuW__range{color:hsl(var(--muted-foreground));gap:.5rem;font-size:.82rem;display:grid}.wplace-pixel-art-module__-FexuW__range span{justify-content:space-between;gap:1rem;display:flex}.wplace-pixel-art-module__-FexuW__range strong{color:hsl(var(--foreground));font-family:ui-monospace,SFMono-Regular,monospace}.wplace-pixel-art-module__-FexuW__range input{width:100%;accent-color:hsl(var(--primary))}.wplace-pixel-art-module__-FexuW__range input:focus-visible,.wplace-pixel-art-module__-FexuW__toggleGrid input:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.wplace-pixel-art-module__-FexuW__range input:disabled,.wplace-pixel-art-module__-FexuW__toggleGrid input:disabled{cursor:not-allowed;opacity:.55}.wplace-pixel-art-module__-FexuW__toggleGrid{gap:.5rem;display:grid}.wplace-pixel-art-module__-FexuW__toggleGrid label{background:hsl(var(--background)/.55);border-radius:.75rem;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.82rem;display:flex}.wplace-pixel-art-module__-FexuW__toggleGrid input{accent-color:hsl(var(--primary))}.wplace-pixel-art-module__-FexuW__stats{border:1px solid hsl(var(--border));background:hsl(var(--border));border-radius:1rem;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.wplace-pixel-art-module__-FexuW__stats div{background:hsl(var(--background));gap:.15rem;padding:.75rem;display:grid}.wplace-pixel-art-module__-FexuW__stats strong{font-family:ui-monospace,SFMono-Regular,monospace;font-size:1.05rem}.wplace-pixel-art-module__-FexuW__stats span{color:hsl(var(--muted-foreground));font-size:.65rem}.wplace-pixel-art-module__-FexuW__actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.wplace-pixel-art-module__-FexuW__actions button{background:hsl(var(--primary));color:hsl(var(--primary-foreground));white-space:nowrap;border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem;font-size:.78rem;font-weight:800;display:inline-flex}.wplace-pixel-art-module__-FexuW__actions button:hover{filter:brightness(1.08)}.wplace-pixel-art-module__-FexuW__actions button+button{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}.wplace-pixel-art-module__-FexuW__actions button:disabled{cursor:not-allowed;opacity:.55;filter:none}.wplace-pixel-art-module__-FexuW__actions svg{width:1rem}.wplace-pixel-art-module__-FexuW__previewStage{background:radial-gradient(circle at 70% 10%,color-mix(in srgb,hsl(var(--primary)) 10%,transparent),transparent 42%),hsl(var(--background));flex-direction:column;gap:1rem;min-width:0;display:flex}.wplace-pixel-art-module__-FexuW__stageHeader{color:hsl(var(--muted-foreground));text-transform:uppercase;justify-content:space-between;gap:1rem;font:700 .7rem/1.2 ui-monospace,SFMono-Regular,monospace;display:flex}.wplace-pixel-art-module__-FexuW__stageHeader span{align-items:center;gap:.4rem;display:flex}.wplace-pixel-art-module__-FexuW__stageHeader svg{width:.9rem}.wplace-pixel-art-module__-FexuW__canvasShell{border:1px solid hsl(var(--border));background-color:hsl(var(--background));background-image:linear-gradient(45deg,hsl(var(--muted)/.35) 25%,transparent 25%),linear-gradient(-45deg,hsl(var(--muted)/.35) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,hsl(var(--muted)/.35) 75%),linear-gradient(-45deg,transparent 75%,hsl(var(--muted)/.35) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border-radius:1.35rem;place-items:center;min-height:23rem;display:grid;position:relative;overflow:hidden}.wplace-pixel-art-module__-FexuW__canvasShell canvas{width:min(100%,42rem);height:auto;max-height:min(66vh,42rem);image-rendering:pixelated;box-shadow:0 18px 55px hsl(var(--foreground)/.45);display:block}.wplace-pixel-art-module__-FexuW__canvasShell.wplace-pixel-art-module__-FexuW__grid canvas{background-image:linear-gradient(hsl(var(--primary-foreground)/.1) 1px,transparent 1px),linear-gradient(90deg,hsl(var(--primary-foreground)/.1) 1px,transparent 1px);background-size:8px 8px}.wplace-pixel-art-module__-FexuW__empty:hover{color:hsl(var(--foreground))}.wplace-pixel-art-module__-FexuW__empty{color:hsl(var(--muted-foreground));text-align:center;place-content:center;justify-items:center;gap:.5rem;padding:2rem;display:grid;position:absolute;inset:0}.wplace-pixel-art-module__-FexuW__empty svg{width:2rem;color:hsl(var(--primary))}.wplace-pixel-art-module__-FexuW__empty strong{color:hsl(var(--foreground))}.wplace-pixel-art-module__-FexuW__empty:disabled{cursor:not-allowed;opacity:.55}.wplace-pixel-art-module__-FexuW__palette{flex-wrap:wrap;gap:.25rem;display:flex}.wplace-pixel-art-module__-FexuW__palette span{border:1px solid hsl(var(--primary-foreground)/.16);border-radius:.25rem;width:1rem;height:1rem}@media (min-width:900px){.wplace-pixel-art-module__-FexuW__workbench{grid-template-columns:minmax(18rem,25rem) minmax(0,1fr)}.wplace-pixel-art-module__-FexuW__controlRail,.wplace-pixel-art-module__-FexuW__previewStage{padding:1.5rem}.wplace-pixel-art-module__-FexuW__canvasShell{min-height:34rem}}@media (max-width:420px){.wplace-pixel-art-module__-FexuW__stats,.wplace-pixel-art-module__-FexuW__exampleGrid{grid-template-columns:1fr}.wplace-pixel-art-module__-FexuW__exampleCard{grid-template-columns:4.5rem minmax(0,1fr);align-items:center}.wplace-pixel-art-module__-FexuW__canvasShell{min-height:19rem}.wplace-pixel-art-module__-FexuW__controlRail,.wplace-pixel-art-module__-FexuW__previewStage{padding:1rem}.wplace-pixel-art-module__-FexuW__stageHeader{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.wplace-pixel-art-module__-FexuW__workbench *{scroll-behavior:auto!important;transition:none!important}}