._container_1whh2_1{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-6);max-width:1200px;margin:0 auto}._preview_1whh2_9{min-height:500px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}._previewOverlay_1whh2_18{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000001a;opacity:0;transition:opacity .2s}._preview_1whh2_9:hover ._previewOverlay_1whh2_18{opacity:1}._controls_1whh2_33{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6)}._typeSelector_1whh2_40{display:flex;gap:var(--space-2)}._field_1whh2_45{display:flex;flex-direction:column;gap:var(--space-2)}._slider_1whh2_51{width:100%;height:8px;border-radius:var(--radius-round);background:var(--color-neutral-6);outline:none;-webkit-appearance:none}._slider_1whh2_51::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-accent-9);cursor:pointer}._slider_1whh2_51::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--color-accent-9);cursor:pointer;border:none}._stopsSection_1whh2_79{display:flex;flex-direction:column;gap:var(--space-3)}._stopsHeader_1whh2_85{display:flex;justify-content:space-between;align-items:center}._stops_1whh2_79{display:flex;flex-direction:column;gap:var(--space-3)}._stop_1whh2_79{display:flex;align-items:center;gap:var(--space-2)}._colorPicker_1whh2_103{width:50px;height:40px;border:1px solid var(--color-neutral-6);border-radius:var(--radius-2);cursor:pointer}._colorInput_1whh2_111{flex:1}._positionInput_1whh2_115{width:80px}._positionLabel_1whh2_119{color:var(--color-neutral-11);font-size:var(--font-size-0)}._cssOutput_1whh2_124{display:flex;flex-direction:column;gap:var(--space-2)}._code_1whh2_130{padding:var(--space-4);background:var(--color-neutral-2);border:1px solid var(--color-neutral-6);border-radius:var(--radius-2);font-family:var(--font-monospace-code);font-size:var(--font-size-0);word-break:break-all;color:var(--color-neutral-12)}@media(max-width:1024px){._container_1whh2_1{grid-template-columns:1fr}._preview_1whh2_9{min-height:300px}}