._field_gnsqx_2{gap:var(--space-3);grid-template-columns:repeat(12,minmax(0,1fr));min-width:0;display:grid}._field_gnsqx_2>*{border:1px solid var(--color-rule);border-radius:var(--radius-xl);min-width:0}._intro_gnsqx_15{align-content:center;gap:var(--space-3);padding:clamp(var(--space-5),4vw,var(--space-8));background:var(--color-paper-2);grid-column:span 5;display:grid}._controls_gnsqx_25 label>span,._controls_gnsqx_25 legend,._eyebrow_gnsqx_24{color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;font-weight:700}._eyebrow_gnsqx_24{margin:0}._intro_gnsqx_15 h2{min-width:0;color:var(--color-ink);font-family:var(--font-display);font-size:clamp(var(--text-xl),4vw,var(--text-3xl));overflow-wrap:anywhere;margin:0;line-height:1.04}._export_gnsqx_50 p,._intro_gnsqx_15 p:not(._eyebrow_gnsqx_24){color:var(--color-ink-2);margin:0;line-height:1.65}._controls_gnsqx_25 button,._export_gnsqx_50 button,._intro_gnsqx_15 button{border:1px solid var(--color-rule);border-radius:var(--radius-md);min-height:44px;padding:var(--space-3);color:var(--color-ink);background:var(--color-paper);font:inherit;white-space:nowrap;transition:opacity var(--dur-micro) var(--ease-out),transform var(--dur-micro) var(--ease-out);font-weight:700}._intro_gnsqx_15 button{align-items:center;gap:var(--space-2);display:inline-flex}._intro_gnsqx_15 button span{text-overflow:ellipsis;min-width:0;overflow:hidden}._export_gnsqx_50 svg,._intro_gnsqx_15 svg{flex:none;width:18px;height:18px}._intro_gnsqx_15 ._quiet_gnsqx_92{background:0 0;border-color:#0000;justify-content:center}._preview_gnsqx_98{min-height:34rem;padding:var(--space-5);background:var(--color-paper);grid-column:span 7;place-items:center;display:grid;position:relative;overflow:hidden}._preview_gnsqx_98 canvas{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;max-height:70vh;display:block}._preview_gnsqx_98>div{align-content:center;justify-items:center;gap:var(--space-2);color:var(--color-ink-2);display:grid;position:absolute;inset:0}._preview_gnsqx_98 strong{color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-lg)}._controls_gnsqx_25{gap:var(--space-5);padding:var(--space-5);background:var(--color-paper-2);grid-column:span 8;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}._controls_gnsqx_25 fieldset{gap:var(--space-3);border:0;grid-column:1/-1;margin:0;padding:0;display:grid}._controls_gnsqx_25 fieldset>div{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}._controls_gnsqx_25 button{gap:var(--space-1);text-transform:capitalize;display:grid}._controls_gnsqx_25 button span{font-size:var(--text-lg)}._controls_gnsqx_25 button[aria-pressed=true]{border-color:var(--color-accent)}._controls_gnsqx_25 label{gap:var(--space-2);display:grid}._controls_gnsqx_25 label>span{justify-content:space-between;gap:var(--space-3);color:var(--color-ink-2);display:flex}._controls_gnsqx_25 strong{color:var(--color-ink)}._controls_gnsqx_25 input{accent-color:var(--color-accent)}._controls_gnsqx_25 ._toggle_gnsqx_191{min-height:44px;color:var(--color-ink);grid-column:1/-1;align-items:center;display:flex}._controls_gnsqx_25 ._customPalette_gnsqx_199{grid-column:1/-1}._customPalette_gnsqx_199 input{border:1px solid var(--color-rule);border-radius:var(--radius-md);min-width:0;min-height:44px;padding:0 var(--space-3);color:var(--color-ink);background:var(--color-paper);font:inherit}._export_gnsqx_50{align-content:end;gap:var(--space-3);padding:var(--space-5);background:var(--color-paper-2);grid-column:span 4;display:grid}._export_gnsqx_50 button{justify-content:center;align-items:center;gap:var(--space-2);display:inline-flex}._export_gnsqx_50 button:last-child{color:var(--color-accent-ink);background:var(--color-accent);border-color:#0000}._controls_gnsqx_25 button:hover,._export_gnsqx_50 button:hover,._intro_gnsqx_15 button:hover{transform:translateY(-1px)}._controls_gnsqx_25 button:active,._export_gnsqx_50 button:active,._intro_gnsqx_15 button:active{transform:none}._controls_gnsqx_25 button:focus-visible,._controls_gnsqx_25 input:focus-visible,._export_gnsqx_50 button:focus-visible,._intro_gnsqx_15 button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}._controls_gnsqx_25 input:disabled,._export_gnsqx_50 button:disabled{cursor:not-allowed;opacity:.55}@media (width>=901px){._field_gnsqx_2{grid-template:"intro preview controls"minmax(0,1fr)"intro preview export"/minmax(15rem,.9fr) minmax(24rem,1.45fr) minmax(16rem,.85fr);height:clamp(34rem,100svh - 13rem,39rem)}._intro_gnsqx_15{padding:clamp(var(--space-4),2.4vw,var(--space-6));grid-area:intro}._intro_gnsqx_15 h2{font-size:clamp(var(--text-md),1.6vw,var(--text-xl));line-height:1.15}._preview_gnsqx_98{min-height:0;padding:var(--space-3);grid-area:preview}._preview_gnsqx_98 canvas{max-height:100%}._controls_gnsqx_25{align-content:start;gap:var(--space-3);padding:var(--space-4);grid-area:controls;grid-template-columns:minmax(0,1fr);overflow:auto}._controls_gnsqx_25 fieldset{gap:var(--space-2)}._controls_gnsqx_25 fieldset>div{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr))}._controls_gnsqx_25 button{min-height:40px;padding:var(--space-2);font-size:var(--text-sm);gap:0}._controls_gnsqx_25 button span{font-size:var(--text-base)}._controls_gnsqx_25 label{gap:var(--space-1)}._controls_gnsqx_25 ._customPalette_gnsqx_199,._controls_gnsqx_25 ._toggle_gnsqx_191{grid-column:auto}._controls_gnsqx_25 ._toggle_gnsqx_191{min-height:34px;font-size:var(--text-sm)}._customPalette_gnsqx_199 input{min-height:38px}._export_gnsqx_50{gap:var(--space-2);padding:var(--space-4);grid-area:export;grid-template-columns:repeat(3,minmax(0,1fr))}._export_gnsqx_50 p{font-size:var(--text-sm);grid-column:1/-1;line-height:1.4}._export_gnsqx_50 button{min-height:40px;padding:var(--space-2);font-size:var(--text-sm)}}@media (width<=900px){._controls_gnsqx_25,._export_gnsqx_50,._intro_gnsqx_15,._preview_gnsqx_98{grid-column:1/-1}._preview_gnsqx_98{min-height:25rem}}@media (width<=460px){._controls_gnsqx_25,._controls_gnsqx_25 fieldset>div{grid-template-columns:minmax(0,1fr)}._preview_gnsqx_98{min-height:20rem}}@media (prefers-reduced-motion:reduce){._controls_gnsqx_25 button,._export_gnsqx_50 button,._intro_gnsqx_15 button{transition:opacity .12s var(--ease-out)}._controls_gnsqx_25 button:hover,._export_gnsqx_50 button:hover,._intro_gnsqx_15 button:hover{transform:none}}._controls_gnsqx_25,._export_gnsqx_50,._intro_gnsqx_15{background:var(--glass-surface);border-color:var(--glass-border);box-shadow:var(--glass-shadow)}