.AppShell-module__jljUsG__shell{background-color:var(--color-site-background,var(--color-background));background-position:50%;background-repeat:no-repeat;background-size:cover;grid-template-columns:minmax(0,1fr) 420px;min-height:100vh;display:grid}@media (max-width:900px){.AppShell-module__jljUsG__shell{grid-template-columns:unset;flex-direction:column;display:flex}}
.Checkbox-module__3V828W__root{--checkbox-size:1.25rem;--checkbox-icon-size:calc(var(--checkbox-size) * .85);flex-shrink:0;display:inline-flex;position:relative}.Checkbox-module__3V828W__input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}.Checkbox-module__3V828W__indicator{background:var(--color-checkbox-bg);border:1px solid var(--color-checkbox-border);border-radius:var(--radius);box-sizing:border-box;height:var(--checkbox-size);width:var(--checkbox-size);display:inline-block;position:relative}.Checkbox-module__3V828W__checkmark{color:var(--color-checkbox-check-color);height:var(--checkbox-icon-size);opacity:0;pointer-events:none;width:var(--checkbox-icon-size);display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.Checkbox-module__3V828W__input:checked+.Checkbox-module__3V828W__indicator{background:var(--color-checkbox-checked-bg);border-color:var(--color-checkbox-checked-border)}.Checkbox-module__3V828W__input:checked+.Checkbox-module__3V828W__indicator .Checkbox-module__3V828W__checkmark{opacity:1}.Checkbox-module__3V828W__input:focus-visible+.Checkbox-module__3V828W__indicator{box-shadow:0 0 0 2px var(--color-checkbox-focus-ring)}.Checkbox-module__3V828W__input:disabled+.Checkbox-module__3V828W__indicator{cursor:not-allowed;opacity:.5}.Checkbox-module__3V828W__input:disabled:checked+.Checkbox-module__3V828W__indicator{background:var(--color-checkbox-disabled-bg);border-color:var(--color-checkbox-disabled-border)}
.CheckboxControl-module__RarULa__control{color:var(--color-muted);cursor:pointer;align-items:center;gap:.6rem;margin-top:.9rem;display:flex}.CheckboxControl-module__RarULa__label{color:var(--color-muted)}
.ColorInput-module__AOxXca__root{font:inherit;height:var(--control-height);width:var(--control-height);flex-shrink:0;display:inline-flex;position:relative}.ColorInput-module__AOxXca__swatch{background:var(--color-input-value,transparent);box-shadow:0 1px 4px var(--color-control-knob-shadow);box-sizing:border-box;pointer-events:none;border-radius:50%;width:100%;height:100%;transition:border-color .15s,box-shadow .15s}.ColorInput-module__AOxXca__input{appearance:none;cursor:pointer;opacity:0;border:0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.ColorInput-module__AOxXca__input::-webkit-color-swatch-wrapper{padding:0}.ColorInput-module__AOxXca__input::-webkit-color-swatch{border:0;border-radius:50%}.ColorInput-module__AOxXca__input::-moz-color-swatch{border:0;border-radius:50%}.ColorInput-module__AOxXca__root:focus-within .ColorInput-module__AOxXca__swatch{border-color:var(--color-control-knob-border-active);box-shadow:0 1px 4px var(--color-control-knob-shadow);outline:2px solid var(--color-control-knob-focus-ring);outline-offset:1px}.ColorInput-module__AOxXca__root:has(.ColorInput-module__AOxXca__input:disabled){cursor:not-allowed;opacity:.5}.ColorInput-module__AOxXca__root:has(.ColorInput-module__AOxXca__input:disabled) .ColorInput-module__AOxXca__input{cursor:not-allowed}
.FieldLabel-module__4bkoEa__label{color:inherit}
.TextInput-module__QRiJca__input{background:var(--color-surface);border:1px solid var(--color-line);box-sizing:border-box;color:var(--color-text);font:inherit;height:var(--control-height);padding-block:var(--input-padding-block);border-radius:999px;width:100%;padding-inline:.7rem}
.ColorControl-module__zDc6na__control{color:var(--color-muted);grid-template-columns:1fr auto 6.75rem;align-items:center;gap:.6rem;margin-top:.9rem;font-size:.9rem;display:grid}
.Heading-module__-dhqEG__heading{margin:0 0 .85rem;font-size:.95rem}
.Icon-module__DNOlPq__icon{fill:currentColor;vertical-align:middle;flex-shrink:0;display:inline-block}
.ControlSection-module__uiREGW__section{background:color-mix(in srgb, var(--color-panel) 72%, transparent);border:1px solid var(--color-line);border-radius:var(--radius);padding:1.5rem}.ControlSection-module__uiREGW__header{color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:.5rem;width:100%;padding:0;display:flex}.ControlSection-module__uiREGW__title{margin:0}.ControlSection-module__uiREGW__content{margin-top:.85rem}
.LinearGradientControl-module__HJgKKW__control{color:var(--color-muted);grid-template-columns:1fr;gap:.6rem;width:100%;min-width:0;margin-top:.9rem;font-size:.9rem;display:grid}.LinearGradientControl-module__HJgKKW__label{cursor:help;width:fit-content}.LinearGradientControl-module__HJgKKW__bar{border:1px solid var(--color-gradient-bar-border);border-radius:var(--radius);box-shadow:inset 0 0 0 1px var(--color-gradient-bar-inset);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:2rem;position:relative}.LinearGradientControl-module__HJgKKW__stop{cursor:grab;height:var(--control-knob-size);margin-top:calc(var(--control-knob-size) / -2);touch-action:none;width:var(--control-knob-size);z-index:1;background:0 0;border:0;padding:0;position:absolute;top:50%;transform:translate(-50%)}.LinearGradientControl-module__HJgKKW__stop:active{cursor:grabbing}.LinearGradientControl-module__HJgKKW__stop:after{background:var(--color-control-knob-bg);border:2px solid var(--color-control-knob-border);box-shadow:0 1px 4px var(--color-control-knob-shadow);box-sizing:border-box;content:"";pointer-events:none;border-radius:50%;width:100%;height:100%;display:block}.LinearGradientControl-module__HJgKKW__stopActive:after{border-color:var(--color-control-knob-border-active);outline:2px solid var(--color-control-knob-focus-ring);outline-offset:1px}.LinearGradientControl-module__HJgKKW__stopPendingRemove{opacity:.35}.LinearGradientControl-module__HJgKKW__colorRow{grid-template-columns:auto 1fr;align-items:center;gap:.6rem;display:grid}
.NumberInput-module__HJ7G0q__input{appearance:textfield;color:var(--color-text);font:inherit;text-align:right;background:0 0;border:0;width:3.5rem}
.RangeInput-module__T4L9GW__root{--slider-track-height:.35rem;--slider-thumb-size:var(--control-knob-size);--slider-hit-size:calc(var(--control-knob-size) + 1rem);--slider-percent:0;height:var(--slider-hit-size);align-items:center;width:100%;display:flex;position:relative}.RangeInput-module__T4L9GW__track{background:var(--color-slider-track-bg);border-radius:var(--radius);height:var(--slider-track-height);pointer-events:none;width:100%;position:relative}.RangeInput-module__T4L9GW__fill{background:var(--color-slider-fill-bg);border-radius:var(--radius);pointer-events:none;height:100%;width:calc(var(--slider-hit-size) / 2 + (100% - var(--slider-hit-size)) * var(--slider-percent) / 100);position:absolute;top:0;left:0}.RangeInput-module__T4L9GW__thumb{background:var(--color-control-knob-bg);border:2px solid var(--color-control-knob-border);box-shadow:0 1px 4px var(--color-control-knob-shadow);box-sizing:border-box;height:var(--slider-thumb-size);left:calc(var(--slider-hit-size) / 2 + (100% - var(--slider-hit-size)) * var(--slider-percent) / 100);pointer-events:none;width:var(--slider-thumb-size);border-radius:50%;transition:box-shadow .15s,border-color .15s;position:absolute;top:50%;transform:translate(-50%,-50%)}.RangeInput-module__T4L9GW__input{appearance:none;cursor:pointer;opacity:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.RangeInput-module__T4L9GW__input::-webkit-slider-runnable-track{height:var(--slider-track-height);background:0 0;border:none}.RangeInput-module__T4L9GW__input::-webkit-slider-thumb{appearance:none;box-shadow:none;cursor:grab;height:var(--slider-hit-size);margin-top:calc((var(--slider-track-height) - var(--slider-hit-size)) / 2);width:var(--slider-hit-size);background:0 0;border:none;border-radius:50%}.RangeInput-module__T4L9GW__input:active::-webkit-slider-thumb{cursor:grabbing}.RangeInput-module__T4L9GW__input::-moz-range-track{height:var(--slider-track-height);background:0 0;border:none}.RangeInput-module__T4L9GW__input::-moz-range-thumb{appearance:none;box-shadow:none;cursor:grab;height:var(--slider-hit-size);width:var(--slider-hit-size);background:0 0;border:none;border-radius:50%}.RangeInput-module__T4L9GW__input:active::-moz-range-thumb{cursor:grabbing}.RangeInput-module__T4L9GW__root:focus-within .RangeInput-module__T4L9GW__thumb{border-color:var(--color-control-knob-border-active);box-shadow:0 1px 4px var(--color-control-knob-shadow);outline:2px solid var(--color-control-knob-focus-ring);outline-offset:1px}.RangeInput-module__T4L9GW__root:has(.RangeInput-module__T4L9GW__input:disabled){cursor:not-allowed;opacity:.5}.RangeInput-module__T4L9GW__root:has(.RangeInput-module__T4L9GW__input:disabled) .RangeInput-module__T4L9GW__input{cursor:not-allowed}
.Select-module__PU57ia__select{color:var(--color-text);cursor:pointer;font:inherit;background:0 0;border:0;flex-shrink:0;max-width:4rem}
.Suffix-module__tIC4sa__suffix{color:inherit}
.ValueField-module__wbrHGW__field{background:var(--color-surface);border:1px solid var(--color-line);box-sizing:border-box;color:var(--color-muted);border-radius:999px;justify-content:flex-end;align-items:center;gap:.25rem;width:100%;padding:.25rem .6rem;display:inline-flex}
.Slider-module___ZiXiG__control{color:var(--color-muted);gap:.6rem;margin-top:.9rem;font-size:.9rem;display:grid}.Slider-module___ZiXiG__row{grid-template-columns:minmax(0,1fr) 9rem;align-items:center;gap:.6rem;display:grid}.Slider-module___ZiXiG__range{width:100%}.Slider-module___ZiXiG__value{justify-self:end;width:9rem}
.ControlPanel-module__Ot4Fta__panel{background:color-mix(in srgb, var(--color-panel) 90%, transparent);border-left:1px solid var(--color-line);flex-direction:column;height:100vh;padding:1.5rem;display:flex;position:sticky;top:0;right:0;overflow:hidden}@media (max-width:900px){.ControlPanel-module__Ot4Fta__panel{border-left:0;border-top:1px solid var(--color-line);height:auto;padding:1.5rem;display:block;position:static;overflow:visible}}
.ControlSections-module__XJDeMW__sections{gap:1rem;min-height:0;margin-right:-1.5rem;padding-right:1.5rem;display:grid;overflow-y:auto}@media (max-width:900px){.ControlSections-module__XJDeMW__sections{margin-right:0;padding-right:0;overflow:visible}}
.Button-module__8C-t3q__button{cursor:pointer;font:inherit;align-items:center;gap:.35rem;display:inline-flex}.Button-module__8C-t3q__default{background:var(--color-accent);color:var(--color-button-text);border:0;border-radius:999px;padding:.5rem .85rem;font-weight:700}.Button-module__8C-t3q__default.Button-module__8C-t3q__small{padding:.4rem;font-size:.82rem}.Button-module__8C-t3q__outline{border:1px solid var(--color-line);border-radius:var(--radius);color:var(--color-text);background:0 0;padding:.45rem .75rem;font-size:.82rem}.Button-module__8C-t3q__outline.Button-module__8C-t3q__small{color:var(--color-muted);padding:.35rem;font-size:.75rem}.Button-module__8C-t3q__round{border:1px solid var(--color-line);box-sizing:border-box;color:var(--color-text);height:var(--control-height);width:var(--control-height);background:0 0;border-radius:50%;justify-content:center;padding:0;font-size:.82rem;line-height:1}.Button-module__8C-t3q__round.Button-module__8C-t3q__small{color:var(--color-muted);font-size:.75rem}
.CodeBlock-module__oAOnJG__block{background:var(--color-code-bg);border:1px solid var(--color-code-border);border-radius:var(--radius);min-height:0;margin:0;padding:1.5rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.78rem;line-height:1.6;overflow:auto}.CodeBlock-module__oAOnJG__action{float:right;pointer-events:none;z-index:1;height:0;position:sticky;top:0;overflow:visible}.CodeBlock-module__oAOnJG__action>*{pointer-events:auto}.CodeBlock-module__oAOnJG__block pre{white-space:pre-wrap;margin:0;padding:0}.CodeBlock-module__oAOnJG__code{overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word}
.CssOutput-module__01ys_a__output{background:var(--color-panel-dark);border-top:1px solid var(--color-line);z-index:1;flex-direction:column;min-height:14rem;padding:1rem 1.5rem 1.5rem;display:flex}.CssOutput-module__01ys_a__collapsed{min-height:auto}.CssOutput-module__01ys_a__header{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:.5rem;margin-bottom:.85rem;padding:0 16px;display:grid}.CssOutput-module__01ys_a__collapsed .CssOutput-module__01ys_a__header{margin-bottom:0}.CssOutput-module__01ys_a__toggle{color:inherit;cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;padding:0;display:flex}.CssOutput-module__01ys_a__title{min-width:0;margin:0}.CssOutput-module__01ys_a__codeBlock{flex:1;min-height:0}
.EdgeHighlightLayer-module__q4wlna__layer{border-top:1px solid var(--color-line);margin-top:.9rem;padding-top:.9rem}.EdgeHighlightLayer-module__q4wlna__layer:first-child{border-top:0;margin-top:0;padding-top:0}.EdgeHighlightLayer-module__q4wlna__header{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.EdgeHighlightLayer-module__q4wlna__title{color:var(--color-muted);margin:0;font-size:.82rem;font-weight:600}.EdgeHighlightLayer-module__q4wlna__colorControl{color:var(--color-muted);grid-template-columns:1fr auto 6.75rem;align-items:center;gap:.6rem;margin-top:.9rem;font-size:.9rem;display:grid}
.EdgeLightingSection-module__La4FPq__actions{border-top:1px solid var(--color-line);justify-content:center;margin-top:.9rem;padding-top:.9rem;display:flex}
.GlassmorphismSection-module__1-gqrq__header{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.GlassmorphismSection-module__1-gqrq__title{color:var(--color-muted);margin:0;font-size:.82rem;font-weight:600}.GlassmorphismSection-module__1-gqrq__actions{border-top:1px solid var(--color-line);justify-content:center;margin-top:.9rem;padding-top:.9rem;display:flex}
.PreviewSquare-module__dGq1Eq__square{box-sizing:content-box;will-change:background, backdrop-filter, border, border-radius, box-shadow, filter, opacity, transform;transition:none;animation:none}
.PreviewStage-module__TJEG8W__stage{color:var(--color-preview-stage-text);place-items:center;min-width:0;padding:3rem;display:grid;position:relative}@media (max-width:900px){.PreviewStage-module__TJEG8W__stage{min-height:70vh}}
.ShadowLayer-module__O0O4Fa__layer{border-top:1px solid var(--color-line);margin-top:.9rem;padding-top:.9rem}.ShadowLayer-module__O0O4Fa__layer:first-child{border-top:0;margin-top:0;padding-top:0}.ShadowLayer-module__O0O4Fa__header{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.ShadowLayer-module__O0O4Fa__title{color:var(--color-muted);margin:0;font-size:.82rem;font-weight:600}.ShadowLayer-module__O0O4Fa__colorControl{color:var(--color-muted);grid-template-columns:1fr auto 6.75rem;align-items:center;gap:.6rem;margin-top:.9rem;font-size:.9rem;display:grid}
.ShadowSection-module__gGxXeW__actions{border-top:1px solid var(--color-line);justify-content:center;margin-top:.9rem;padding-top:.9rem;display:flex}
.CssGeneratorPage-module__IphVzG__leftColumn{grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:100vh;display:grid}@media (max-width:900px){.CssGeneratorPage-module__IphVzG__leftColumn{display:contents}.CssGeneratorPage-module__IphVzG__preview{order:1}.CssGeneratorPage-module__IphVzG__panel{order:2}.CssGeneratorPage-module__IphVzG__output{order:3}}