._workbench_1uuur_3{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}._controlRail_1uuur_4,._previewStage_1uuur_4{background:hsl(var(--card));padding:1.25rem}._controlRail_1uuur_4{flex-direction:column;gap:1rem;display:flex}._eyebrow_1uuur_6{letter-spacing:.13em;text-transform:uppercase;color:hsl(var(--primary));font:700 .7rem/1.2 ui-monospace,SFMono-Regular,monospace}._controlRail_1uuur_4 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}._muted_1uuur_8{max-width:37rem;color:hsl(var(--muted-foreground));margin-top:.75rem;line-height:1.65}._upload_1uuur_9{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}._upload_1uuur_9:hover{border-color:hsl(var(--primary));background:color-mix(in srgb,hsl(var(--primary)) 11%,transparent)}._actions_1uuur_11 button:focus-visible,._empty_1uuur_11:focus-visible,._exampleCard_1uuur_11:focus-visible,._upload_1uuur_9:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}._actions_1uuur_11 button:active,._empty_1uuur_11:active,._exampleCard_1uuur_11:active,._upload_1uuur_9:active{filter:brightness(.92)}._upload_1uuur_9:disabled{cursor:not-allowed;opacity:.55}._upload_1uuur_9 span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}._upload_1uuur_9 svg{width:1.15rem;color:hsl(var(--primary))}._examples_1uuur_16{gap:.55rem;display:grid}._examplesHeading_1uuur_16{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}._examplesHeading_1uuur_16 span{font-size:.78rem;font-weight:800}._examplesHeading_1uuur_16 small{color:hsl(var(--muted-foreground));text-transform:uppercase;font:600 .62rem/1.2 ui-monospace,SFMono-Regular,monospace}._exampleGrid_1uuur_16{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;display:grid}._exampleCard_1uuur_11{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}._exampleCard_1uuur_11: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)))}._exampleThumb_1uuur_16{aspect-ratio:4/3;background-position:50%;background-size:cover;border-radius:.55rem;display:block}._exampleCard_1uuur_11>span:last-child{gap:.1rem;min-width:0;display:grid}._exampleCard_1uuur_11 strong{text-overflow:ellipsis;white-space:nowrap;font-size:.69rem;overflow:hidden}._exampleCard_1uuur_11 small{color:hsl(var(--muted-foreground));text-overflow:ellipsis;white-space:nowrap;font-size:.57rem;line-height:1.2;overflow:hidden}._range_1uuur_17{color:hsl(var(--muted-foreground));gap:.5rem;font-size:.82rem;display:grid}._range_1uuur_17 span{justify-content:space-between;gap:1rem;display:flex}._range_1uuur_17 strong{color:hsl(var(--foreground));font-family:ui-monospace,SFMono-Regular,monospace}._range_1uuur_17 input{width:100%;accent-color:hsl(var(--primary))}._range_1uuur_17 input:focus-visible,._toggleGrid_1uuur_19 input:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}._range_1uuur_17 input:disabled,._toggleGrid_1uuur_19 input:disabled{cursor:not-allowed;opacity:.55}._toggleGrid_1uuur_19{gap:.5rem;display:grid}._toggleGrid_1uuur_19 label{background:hsl(var(--background)/.55);border-radius:.75rem;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.82rem;display:flex}._toggleGrid_1uuur_19 input{accent-color:hsl(var(--primary))}._stats_1uuur_21{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}._stats_1uuur_21 div{background:hsl(var(--background));gap:.15rem;padding:.75rem;display:grid}._stats_1uuur_21 strong{font-family:ui-monospace,SFMono-Regular,monospace;font-size:1.05rem}._stats_1uuur_21 span{color:hsl(var(--muted-foreground));font-size:.65rem}._actions_1uuur_11{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}._actions_1uuur_11 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}._actions_1uuur_11 button:hover{filter:brightness(1.08)}._actions_1uuur_11 button+button{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}._actions_1uuur_11 button:disabled{cursor:not-allowed;opacity:.55;filter:none}._actions_1uuur_11 svg{width:1rem}._previewStage_1uuur_4{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}._stageHeader_1uuur_25{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}._stageHeader_1uuur_25 span{align-items:center;gap:.4rem;display:flex}._stageHeader_1uuur_25 svg{width:.9rem}._canvasShell_1uuur_26{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}._canvasShell_1uuur_26 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}._canvasShell_1uuur_26._grid_1uuur_28 canvas{background-image:linear-gradient(hsl(var(--foreground)/.12) 1px,transparent 1px),linear-gradient(90deg,hsl(var(--foreground)/.12) 1px,transparent 1px);background-size:8px 8px}._empty_1uuur_11:hover{color:hsl(var(--foreground))}._empty_1uuur_11{color:hsl(var(--muted-foreground));text-align:center;place-content:center;justify-items:center;gap:.5rem;padding:2rem;display:grid;position:absolute;inset:0}._empty_1uuur_11 svg{width:2rem;color:hsl(var(--primary))}._empty_1uuur_11 strong{color:hsl(var(--foreground))}._empty_1uuur_11:disabled{cursor:not-allowed;opacity:.55}._palette_1uuur_31{flex-wrap:wrap;gap:.25rem;display:flex}._palette_1uuur_31 span{border:1px solid hsl(var(--foreground)/.18);border-radius:.25rem;width:1rem;height:1rem}@media (width>=900px){._workbench_1uuur_3{grid-template-columns:minmax(18rem,25rem) minmax(0,1fr)}._controlRail_1uuur_4,._previewStage_1uuur_4{padding:1.5rem}._canvasShell_1uuur_26{min-height:34rem}}@media (width<=420px){._exampleGrid_1uuur_16,._stats_1uuur_21{grid-template-columns:1fr}._exampleCard_1uuur_11{grid-template-columns:4.5rem minmax(0,1fr);align-items:center}._canvasShell_1uuur_26{min-height:19rem}._controlRail_1uuur_4,._previewStage_1uuur_4{padding:1rem}._stageHeader_1uuur_25{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){._workbench_1uuur_3 *{scroll-behavior:auto!important;transition:none!important}}._controlRail_1uuur_4,._exampleCard_1uuur_11,._toggleGrid_1uuur_19 label{background:var(--glass-surface);border-color:var(--glass-border);box-shadow:var(--glass-shadow)}