.CodeEditor-module__9-qX4q__container{flex-direction:column;gap:16px;width:100%;display:flex}.CodeEditor-module__9-qX4q__headerTitle{font-size:var(--font-heading5);color:var(--neutral-3);align-items:center;gap:8px;font-weight:700;display:flex;margin:0!important}.CodeEditor-module__9-qX4q__row{flex-direction:column;gap:12px;width:100%;display:flex}.CodeEditor-module__9-qX4q__fieldGroupHalf{gap:12px;width:100%;display:flex}
.InputField-module__R1S_gW__fieldWrapper{flex-direction:column;gap:8px;width:100%;display:flex}.InputField-module__R1S_gW__label{font-size:var(--font-subtitle);color:var(--neutral-8)}.InputField-module__R1S_gW__input,.InputField-module__R1S_gW__textarea{font-size:var(--font-body);border:2px solid var(--neutral-10);background-color:var(--neutral-12);color:var(--neutral-3);border-radius:12px;outline:none;width:100%;padding:12px;transition:all .32s ease-in-out}.InputField-module__R1S_gW__input:hover,.InputField-module__R1S_gW__textarea:hover{background-color:var(--neutral-10);border-color:var(--neutral-8)}.InputField-module__R1S_gW__input:focus,.InputField-module__R1S_gW__textarea:focus{border-color:var(--primary-base)}.InputField-module__R1S_gW__input{font-family:inherit}.InputField-module__R1S_gW__textarea{resize:vertical}.InputField-module__R1S_gW__input::placeholder,.InputField-module__R1S_gW__textarea::placeholder{color:var(--neutral-6)!important}.InputField-module__R1S_gW__color{appearance:none;cursor:pointer;background-color:#0000;border:none;width:40px;height:40px;padding:0}.InputField-module__R1S_gW__color::-webkit-color-swatch{border:1px solid var(--neutral-4);border-radius:4px}.InputField-module__R1S_gW__color::-moz-color-swatch{border:1px solid var(--neutral-4);border-radius:4px}
.Dropdown-module__kszIKG__dropdownWrapper{flex-direction:column;gap:8px;width:100%;display:flex}.Dropdown-module__kszIKG__label{font-size:var(--font-subtitle);color:var(--neutral-8)}.Dropdown-module__kszIKG__select{font-size:var(--font-body);border:2px solid var(--neutral-10);background-color:var(--neutral-12);color:var(--neutral-3);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23495057' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border-radius:12px;outline:none;padding:12px 40px 12px 12px;font-family:inherit;transition:border-color .15s}.Dropdown-module__kszIKG__select:focus{border-color:var(--primary-base)}
.SnippetPreview-module__5pGVtG__wrapper{corner-shape:squircle;border-radius:40px;justify-content:center;justify-self:center;align-items:center;width:fit-content;margin:auto;padding:48px;transition:background .2s;display:flex}.SnippetPreview-module__5pGVtG__bg-default{background-color:var(--neutral-3)}.SnippetPreview-module__5pGVtG__bg-sunset{background:linear-gradient(135deg,#f6d365 0%,#fda085 100%)}.SnippetPreview-module__5pGVtG__bg-ocean{background:linear-gradient(135deg,#84fab0 0%,#8fd3f4 100%)}.SnippetPreview-module__5pGVtG__bg-royal{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.SnippetPreview-module__5pGVtG__bg-minimal{background-color:var(--neutral-10)}.SnippetPreview-module__5pGVtG__bg-none{background:0 0!important}.SnippetPreview-module__5pGVtG__captureArea{background-color:var(--neutral-12);border:2px solid var(--neutral-10);corner-shape:squircle;border-radius:32px;min-width:450px;padding:16px}.SnippetPreview-module__5pGVtG__noBorder{border:none!important}.SnippetPreview-module__5pGVtG__shadow{box-shadow:0 20px 40px #0000004d}.SnippetPreview-module__5pGVtG__windowHeader{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.SnippetPreview-module__5pGVtG__macControls{flex:1;gap:8px;display:flex}.SnippetPreview-module__5pGVtG__dotClose,.SnippetPreview-module__5pGVtG__dotMinimize,.SnippetPreview-module__5pGVtG__dotMaximize{border-radius:50%;width:10px;height:10px}.SnippetPreview-module__5pGVtG__dotClose{background-color:#ff5f56}.SnippetPreview-module__5pGVtG__dotMinimize{background-color:#ffbd2e}.SnippetPreview-module__5pGVtG__dotMaximize{background-color:#27c93f}.SnippetPreview-module__5pGVtG__windowTitle{font-size:var(--font-body);color:var(--neutral-4);text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:2;justify-content:center;align-items:center;gap:6px;display:flex;overflow:hidden}.SnippetPreview-module__5pGVtG__langIcon{object-fit:contain;width:16px;height:16px;display:block}.SnippetPreview-module__5pGVtG__spacer{flex:1}.SnippetPreview-module__5pGVtG__flash{position:relative;overflow:hidden}.SnippetPreview-module__5pGVtG__flash:after{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(120deg,#0000 30%,#fff6 40%,#fff9 50%,#fff6 60%,#0000 70%) 0 0/200% 100%;animation:.8s ease-in-out SnippetPreview-module__5pGVtG__sweep;position:absolute;inset:0}@keyframes SnippetPreview-module__5pGVtG__sweep{0%{background-position:200% 0}to{background-position:-200% 0}}.SnippetPreview-module__5pGVtG__codeDisplay,.SnippetPreview-module__5pGVtG__codeDisplay *{font-size:var(--font-subtitle)!important;line-height:1.6!important}
.ExportControls-module__41NAEG__container{flex-direction:column;gap:12px;width:100%;padding-top:16px;display:flex}.ExportControls-module__41NAEG__row{gap:12px;display:flex}.ExportControls-module__41NAEG__controlGroup{flex-direction:column;gap:8px;width:100%;display:flex}.ExportControls-module__41NAEG__toggleContainer{grid-template-columns:1fr 1fr;gap:16px;margin:8px 0 16px;display:grid}.ExportControls-module__41NAEG__label{font-size:var(--font-subtitle);color:var(--neutral-3)}.ExportControls-module__41NAEG__tabGroup{background:var(--neutral-10);border-radius:8px;gap:8px;width:100%;padding:4px;display:flex}.ExportControls-module__41NAEG__tabButton{text-transform:capitalize;background:0 0;width:100%;color:var(--neutral-0)!important;border:2px solid #0000!important;border-radius:8px!important}.ExportControls-module__41NAEG__tabButton:hover{color:var(--neutral-0)!important;background:0 0!important;border:2px solid #0000!important}.ExportControls-module__41NAEG__tabButton[class*=active]{background:var(--neutral-9)!important;border:2px solid var(--neutral-12)!important;color:var(--neutral-2)!important}.ExportControls-module__41NAEG__optionsList{gap:8px;display:flex}.ExportControls-module__41NAEG__optionBtn{font-size:var(--font-body);background-color:var(--neutral-0);border:1px solid var(--neutral-4);color:var(--neutral-8);cursor:pointer;border-radius:4px;padding:8px 16px;transition:all .1s}.ExportControls-module__41NAEG__optionBtn:hover{border-color:var(--neutral-6);background-color:var(--neutral-1)}.ExportControls-module__41NAEG__optionBtn.ExportControls-module__41NAEG__active{background-color:var(--primary-base);border-color:var(--primary-dark);color:var(--neutral-0)}.ExportControls-module__41NAEG__uppercase{text-transform:uppercase}.ExportControls-module__41NAEG__downloadButton{background-color:var(--primary-base);color:var(--neutral-0);font-size:var(--font-subtitle);cursor:pointer;border:none;border-radius:4px;padding:12px 24px}.ExportControls-module__41NAEG__downloadButton:hover{background-color:var(--primary-hover)}.ExportControls-module__41NAEG__buttonGroup{gap:12px;width:100%;margin-top:6px;display:flex}.ExportControls-module__41NAEG__copyButton{background-color:var(--neutral-8)}.ExportControls-module__41NAEG__copyButton:hover{background-color:var(--neutral-10)}.ExportControls-module__41NAEG__customBgPanel{flex-direction:column;gap:16px;display:flex}.ExportControls-module__41NAEG__gradientInputs{gap:24px;margin:8px 0 0;display:flex}.ExportControls-module__41NAEG__colorInputWrapper{align-items:center;gap:8px;width:40px;display:flex}.ExportControls-module__41NAEG__colorPicker{appearance:none;cursor:pointer;background-color:#0000;border:none;width:40px;height:40px}.ExportControls-module__41NAEG__colorPicker::-webkit-color-swatch{border:1px solid var(--neutral-4);border-radius:4px}.ExportControls-module__41NAEG__colorPicker::-moz-color-swatch{border:1px solid var(--neutral-4);border-radius:4px}.ExportControls-module__41NAEG__colorText{font-size:var(--font-subtitle);color:var(--neutral-4)}.ExportControls-module__41NAEG__angleSlider{cursor:pointer;width:150px}.ExportControls-module__41NAEG__paddingPanel{flex-direction:column;gap:16px;display:flex}.ExportControls-module__41NAEG__colorControlRow{align-items:center;gap:12px;display:flex}@media (max-width:768px){.ExportControls-module__41NAEG__copyButton{display:none!important}}
.Button-module__G8RKKW__button{font-size:var(--font-body);cursor:pointer;border:2px solid #0000;border-radius:100px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;transition:all .32s ease-in-out;display:flex}.Button-module__G8RKKW__preset{background-color:var(--neutral-10);border:2px solid var(--neutral-9);color:var(--neutral-5)}@media (hover:hover){.Button-module__G8RKKW__preset:hover{border-color:var(--neutral-8);background-color:var(--neutral-9);color:var(--neutral-4)}.Button-module__G8RKKW__primary:hover{background-color:var(--primary-hover)}.Button-module__G8RKKW__secondary:hover{background-color:var(--neutral-7)}}.Button-module__G8RKKW__preset.Button-module__G8RKKW__active{background-color:var(--primary-base);border-color:var(--primary-accent);color:var(--neutral-12);font-weight:600}.Button-module__G8RKKW__primary{background-color:var(--primary-base);color:var(--neutral-12);font-size:var(--font-heading6);border:none;width:100%;padding:12px 24px;font-weight:600}.Button-module__G8RKKW__secondary{background-color:var(--neutral-9);color:var(--neutral-0);font-size:var(--font-subtitle);border:none;width:100%;padding:12px 24px;font-weight:600}
.Switch-module__PHpUvq__switchWrapper{align-items:center;gap:12px;width:100%;display:flex}.Switch-module__PHpUvq__label{font-size:var(--font-subtitle);color:var(--neutral-5)}.Switch-module__PHpUvq__switch{background-color:var(--neutral-9);cursor:pointer;border:none;border-radius:9999px;width:44px;height:24px;padding:0;transition:background-color .2s;position:relative}.Switch-module__PHpUvq__switch.Switch-module__PHpUvq__checked{background-color:var(--primary-base)}.Switch-module__PHpUvq__thumb{background-color:var(--neutral-5);border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000026}.Switch-module__PHpUvq__switch.Switch-module__PHpUvq__checked .Switch-module__PHpUvq__thumb{background-color:var(--neutral-0);border:4px solid var(--secondary-base);transform:translate(20px)}
.Slider-module__8-S6da__sliderWrapper{flex-direction:column;gap:8px;width:100%;display:flex}.Slider-module__8-S6da__labelRow{justify-content:space-between;align-items:center;display:flex}.Slider-module__8-S6da__label{font-size:var(--font-subtitle);color:var(--neutral-8)}.Slider-module__8-S6da__valueDisplay{font-size:var(--font-body);color:var(--neutral-6);font-family:monospace}.Slider-module__8-S6da__slider{appearance:none;background:var(--neutral-9);cursor:pointer;border-radius:9999px;outline:none;width:100%;height:6px;margin:8px 0}.Slider-module__8-S6da__slider::-webkit-slider-thumb{appearance:none;background:var(--primary-base);cursor:pointer;border-radius:50%;width:16px;height:16px;transition:transform .1s;box-shadow:0 1px 3px #00000026}.Slider-module__8-S6da__slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.Slider-module__8-S6da__slider::-moz-range-thumb{background:var(--primary-base);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px;transition:transform .1s;box-shadow:0 1px 3px #00000026}.Slider-module__8-S6da__slider::-moz-range-thumb:hover{transform:scale(1.1)}
.page-module__E0kJGG__main{grid-template-columns:440px 1fr;gap:32px;max-width:100%;height:100vh;margin:0 auto;padding:12px;display:grid}.page-module__E0kJGG__exportSection{flex-direction:column;align-items:flex-start;width:100%;display:flex}.page-module__E0kJGG__previewContainer{background:linear-gradient(#070916), var(--neutral-12);border:2px solid var(--neutral-10);border-radius:24px;min-width:0;max-width:100%;height:calc(100vh - 24px);padding:24px;display:flex;overflow:auto}.page-module__E0kJGG__favicon{z-index:1000;cursor:pointer;transform-origin:100% 100%;width:32px;transition:transform .32s cubic-bezier(.25,1,.5,1);position:fixed;bottom:24px;right:24px}.page-module__E0kJGG__favicon:hover{transform:scale(4.8)}@media (max-width:768px){.page-module__E0kJGG__main{flex-direction:column-reverse;gap:32px;width:100%;height:auto;padding:12px;display:flex}.page-module__E0kJGG__previewContainer{width:100%;min-width:0;max-width:100%;max-height:400px;padding:12px 48px;display:flex;overflow:auto}.page-module__E0kJGG__exportSection{gap:16px;width:100%}}