._workbench_1funk_3{border:1px solid var(--color-rule);border-radius:var(--radius-panel);background:var(--color-rule);min-width:0;box-shadow:0 2rem 6rem color-mix(in oklch,var(--color-paper) 80%,transparent);gap:1px;display:grid;overflow:hidden}._controls_1funk_14,._stage_1funk_15{background:var(--color-paper-2);min-width:0;padding:var(--space-md)}._controls_1funk_14{gap:var(--space-md);flex-direction:column;display:flex}._eyebrow_1funk_25{color:var(--color-accent);font:700 var(--text-xs)/1.2 var(--font-mono);letter-spacing:.14em;text-transform:uppercase}._controls_1funk_14 h2{margin-top:var(--space-2xs);font-family:var(--font-heading);letter-spacing:-.035em;text-wrap:balance;font-size:clamp(1.55rem,3vw,2.25rem);font-weight:850;line-height:1.05}._intro_1funk_40{margin-top:var(--space-xs);max-width:40rem;color:var(--color-ink-2);line-height:1.65}._upload_1funk_46{align-items:center;gap:var(--space-xs);border:1px dashed color-mix(in oklch,var(--color-accent) 58%,transparent);border-radius:var(--radius-control);min-width:0;min-height:3.5rem;padding:var(--space-xs) var(--space-sm);background:color-mix(in oklch,var(--color-accent) 8%,transparent);text-align:left;font-weight:750;display:flex}._upload_1funk_46 span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}._upload_1funk_46 svg{width:1.2rem;color:var(--color-accent);flex:none}._exampleGrid_1funk_71 button:hover,._upload_1funk_46:hover{border-color:var(--color-accent);background:color-mix(in oklch,var(--color-accent) 12%,var(--color-paper))}._actions_1funk_77 button:focus-visible,._colorRow_1funk_81 input:focus-visible,._exampleGrid_1funk_71 button:focus-visible,._exportSettings_1funk_82 select:focus-visible,._range_1funk_79 input:focus-visible,._sourceFrame_1funk_78 button:focus-visible,._toggleRow_1funk_80 input:focus-visible,._upload_1funk_46:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}._actions_1funk_77 button:active,._exampleGrid_1funk_71 button:active,._sourceFrame_1funk_78 button:active,._upload_1funk_46:active{transform:translateY(1px)}._actions_1funk_77 button:disabled,._colorRow_1funk_81 input:disabled,._exportSettings_1funk_82 select:disabled,._range_1funk_79 input:disabled,._toggleRow_1funk_80 input:disabled,._upload_1funk_46:disabled{cursor:not-allowed;opacity:.5}._examples_1funk_101{gap:var(--space-2xs);display:grid}._labelRow_1funk_105{justify-content:space-between;align-items:baseline;gap:var(--space-sm);font-size:var(--text-sm);font-weight:750;display:flex}._labelRow_1funk_105 small{color:var(--color-ink-2);font:700 .68rem/1.2 var(--font-mono);text-transform:uppercase}._exampleGrid_1funk_71{gap:var(--space-2xs);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}._exampleGrid_1funk_71 button{gap:var(--space-2xs);border:1px solid var(--color-rule);border-radius:var(--radius-control);min-width:0;padding:var(--space-2xs);background:var(--color-paper);text-align:left;transition:border-color var(--dur-short) var(--ease-out),background var(--dur-short) var(--ease-out);display:grid}._thumb_1funk_136{aspect-ratio:4/3;border-radius:calc(var(--radius-control) - .25rem);background-position:50%;background-size:cover;display:block}._exampleGrid_1funk_71 button>span:last-child{gap:.1rem;min-width:0;display:grid}._exampleGrid_1funk_71 small,._exampleGrid_1funk_71 strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._exampleGrid_1funk_71 strong{font-size:.75rem}._exampleGrid_1funk_71 small{color:var(--color-ink-2);font-size:.62rem}._range_1funk_79{gap:var(--space-2xs);color:var(--color-ink-2);font-size:var(--text-sm);display:grid}._range_1funk_79>span{justify-content:space-between;gap:var(--space-sm);display:flex}._range_1funk_79 strong{color:var(--color-ink);font-family:var(--font-mono)}._range_1funk_79 input{width:100%;accent-color:var(--color-accent)}._range_1funk_79 small{font-size:.68rem;line-height:1.45}._toggleRow_1funk_80{gap:var(--space-2xs);display:grid}._toggleRow_1funk_80 label{align-items:center;gap:var(--space-2xs);border-radius:var(--radius-control);padding:.65rem var(--space-xs);background:var(--color-paper);font-size:var(--text-sm);display:flex}._toggleRow_1funk_80 input{accent-color:var(--color-accent)}._colorRow_1funk_81{gap:var(--space-2xs);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}._colorRow_1funk_81 label{justify-content:space-between;align-items:center;gap:var(--space-xs);border:1px solid var(--color-rule);border-radius:var(--radius-control);padding:.55rem var(--space-xs);color:var(--color-ink-2);font-size:var(--text-sm);display:flex}._colorRow_1funk_81 input{background:0 0;border:0;border-radius:.45rem;width:2.25rem;height:2.25rem}._exportSettings_1funk_82{gap:var(--space-2xs);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}._exportSettings_1funk_82 label{min-width:0;color:var(--color-ink-2);gap:.35rem;font-size:.7rem;display:grid}._exportSettings_1funk_82 select{border:1px solid var(--color-rule);border-radius:var(--radius-control);min-width:0;min-height:2.75rem;padding:0 var(--space-xs);color:var(--color-ink);background:var(--color-paper);font:700 .72rem/1.2 var(--font-sans)}._exportSettings_1funk_82 small{color:var(--color-ink-2);grid-column:1/-1;font-size:.68rem;line-height:1.5}._actions_1funk_77{gap:var(--space-2xs);flex-wrap:wrap;display:flex}._actions_1funk_77 button{align-items:center;gap:var(--space-2xs);border-radius:var(--radius-control);padding:.75rem var(--space-sm);background:var(--color-accent);color:var(--color-accent-ink);transition:filter var(--dur-short) var(--ease-out);font-size:.78rem;font-weight:850;display:inline-flex}._actions_1funk_77 button:hover{filter:brightness(1.08)}._actions_1funk_77 button+button{border:1px solid var(--color-rule);background:var(--color-paper);color:var(--color-ink)}._actions_1funk_77 svg{width:1rem}._error_1funk_280,._status_1funk_279{min-height:1.3rem;color:var(--color-ink-2);font-size:.72rem;line-height:1.5}._error_1funk_280{color:var(--color-accent)}._stage_1funk_15{gap:var(--space-sm);background:radial-gradient(circle at 70% 10%,color-mix(in oklch,var(--color-accent) 10%,transparent),transparent 40%),var(--color-paper);flex-direction:column;display:flex}._stageHeading_1funk_301{justify-content:space-between;gap:var(--space-sm);color:var(--color-ink-2);font:700 .68rem/1.3 var(--font-mono);letter-spacing:.05em;text-transform:uppercase;display:flex}._stageHeading_1funk_301 span{align-items:center;gap:var(--space-2xs);display:flex}._stageHeading_1funk_301 svg{width:1rem}._compare_1funk_318{gap:var(--space-sm);min-width:0;display:grid}._compare_1funk_318 figure{gap:var(--space-2xs);min-width:0;margin:0;display:grid}._compare_1funk_318 figcaption{color:var(--color-ink-2);font:700 .7rem/1.3 var(--font-mono);text-transform:uppercase}._canvasFrame_1funk_335,._sourceFrame_1funk_78{border:1px solid var(--color-rule);border-radius:var(--radius-panel);background-color:var(--color-paper-2);background-image:linear-gradient(45deg,color-mix(in oklch,var(--color-rule) 55%,transparent) 25%,transparent 25%),linear-gradient(-45deg,color-mix(in oklch,var(--color-rule) 55%,transparent) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,color-mix(in oklch,var(--color-rule) 55%,transparent) 75%),linear-gradient(-45deg,transparent 75%,color-mix(in oklch,var(--color-rule) 55%,transparent) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;place-items:center;min-height:18rem;display:grid;position:relative;overflow:hidden}._canvasFrame_1funk_335 canvas,._sourceFrame_1funk_78 img{-o-object-fit:contain;object-fit:contain;width:auto;max-width:100%;height:auto;max-height:min(55vh,34rem);display:block}._canvasFrameLight_1funk_381{--preview-matte:#f4f2ee;--preview-checker:#aaa69f}._canvasFrameDark_1funk_385{--preview-matte:#18181b;--preview-checker:#57575e}._canvasFrame_1funk_335{background:var(--color-paper)}._canvasFrame_1funk_335 canvas{background-color:var(--preview-matte);background-image:linear-gradient(45deg,var(--preview-checker) 25%,transparent 25%),linear-gradient(-45deg,var(--preview-checker) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--preview-checker) 75%),linear-gradient(-45deg,transparent 75%,var(--preview-checker) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}._sourceFrame_1funk_78 button{place-content:center;justify-items:center;gap:var(--space-2xs);padding:var(--space-lg);color:var(--color-ink-2);text-align:center;display:grid;position:absolute;inset:0}._sourceFrame_1funk_78 button svg{width:2rem;color:var(--color-accent)}._sourceFrame_1funk_78 button strong{color:var(--color-ink)}._canvasFrame_1funk_335>span,._sourceFrame_1funk_78 button span{max-width:24rem;font-size:var(--text-sm);line-height:1.5}._canvasFrame_1funk_335>span{color:var(--color-ink-2)}@media (width>=900px){._workbench_1funk_3{grid-template-columns:minmax(20rem,26rem) minmax(0,1fr)}._controls_1funk_14,._stage_1funk_15{padding:var(--space-lg)}._compare_1funk_318{grid-template-columns:repeat(2,minmax(0,1fr))}._canvasFrame_1funk_335,._sourceFrame_1funk_78{min-height:34rem}}@media (width<=460px){._exportSettings_1funk_82{grid-template-columns:minmax(0,1fr)}._exampleGrid_1funk_71{grid-template-columns:1fr}._exampleGrid_1funk_71 button{grid-template-columns:4.5rem minmax(0,1fr);align-items:center}._stageHeading_1funk_301{flex-direction:column}._controls_1funk_14,._stage_1funk_15{padding:var(--space-sm)}._canvasFrame_1funk_335,._sourceFrame_1funk_78{min-height:17rem}}@media (prefers-reduced-motion:reduce){._workbench_1funk_3 *{scroll-behavior:auto!important;transition:none!important}}._controls_1funk_14{background:var(--glass-surface);border-color:var(--glass-border);box-shadow:var(--glass-shadow)}