.Layout-module__10qSIq__layout{background:var(--background);height:100vh;color:var(--foreground);flex-direction:column;display:flex}.Layout-module__10qSIq__topBar{background:linear-gradient(180deg, var(--card-bg) 0%, #161b2299 100%);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:12px 24px;display:flex;box-shadow:0 2px 8px #0003}.Layout-module__10qSIq__main{flex:1;gap:16px;padding:16px;display:flex;overflow:hidden}.Layout-module__10qSIq__sidebar{flex-shrink:0;width:320px;padding-right:8px;overflow-y:auto}.Layout-module__10qSIq__sidebar::-webkit-scrollbar{width:8px}.Layout-module__10qSIq__sidebar::-webkit-scrollbar-track{background:0 0}.Layout-module__10qSIq__sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.Layout-module__10qSIq__sidebar::-webkit-scrollbar-thumb:hover{background:#58a6ff4d}.Layout-module__10qSIq__preview{flex:1;display:flex;overflow:hidden}@media (max-width:1200px){.Layout-module__10qSIq__sidebar{width:280px}}@media (max-width:768px){.Layout-module__10qSIq__main{flex-direction:column;gap:12px;padding:12px}.Layout-module__10qSIq__sidebar{width:100%;max-height:40vh;overflow-y:auto}.Layout-module__10qSIq__preview{flex:1;width:100%}}
.Auth-module__hot8jW__authContainer{align-items:center;gap:12px;display:flex;position:relative}.Auth-module__hot8jW__statusIndicator{border:1px solid var(--border);background:#58a6ff1a;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;display:flex}.Auth-module__hot8jW__dot{border-radius:50%;width:8px;height:8px;transition:background .3s}.Auth-module__hot8jW__dot.Auth-module__hot8jW__active{background:#238636;box-shadow:0 0 8px #23863699}.Auth-module__hot8jW__dot.Auth-module__hot8jW__inactive{background:#8b949e}.Auth-module__hot8jW__statusText{color:var(--foreground);font-size:12px;font-weight:500}.Auth-module__hot8jW__authButton{border:1px solid var(--border);color:var(--foreground);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:6px 8px;transition:all .2s;display:flex}.Auth-module__hot8jW__authButton:hover{border-color:var(--primary);color:var(--primary);background:#58a6ff1a}.Auth-module__hot8jW__dropdown{background:var(--card-bg);border:1px solid var(--border);z-index:1000;border-radius:8px;min-width:200px;margin-top:8px;position:absolute;top:100%;right:0;box-shadow:0 8px 24px #0000004d}.Auth-module__hot8jW__userInfo{border-bottom:1px solid var(--border);padding:12px 16px}.Auth-module__hot8jW__userLabel{color:var(--secondary-text);margin:0;font-size:12px}.Auth-module__hot8jW__dropdownButton{width:100%;color:var(--foreground);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:0;margin:0;padding:10px 16px;font-size:14px;transition:background .2s}.Auth-module__hot8jW__dropdownButton:hover{background:#58a6ff1a}.Auth-module__hot8jW__dropdownButton.Auth-module__hot8jW__success{color:#238636}.Auth-module__hot8jW__dropdownButton.Auth-module__hot8jW__danger{color:#da3633}.Auth-module__hot8jW__dropdownButton.Auth-module__hot8jW__success:hover{background:#2386361a}.Auth-module__hot8jW__dropdownButton.Auth-module__hot8jW__danger:hover{background:#da36331a}
.SettingsCard-module__EbeEKa__card{background:linear-gradient(180deg, var(--card-bg) 0%, #0d1117cc 100%);border:1px solid var(--border);border-radius:8px;margin-bottom:12px;padding:16px;transition:all .2s}.SettingsCard-module__EbeEKa__card:hover{border-color:var(--primary);box-shadow:0 4px 12px #58a6ff1a}.SettingsCard-module__EbeEKa__header{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.SettingsCard-module__EbeEKa__icon{width:32px;height:32px;color:var(--primary);justify-content:center;align-items:center;display:flex}.SettingsCard-module__EbeEKa__title{color:var(--heading);margin:0 0 4px;font-size:14px;font-weight:600}.SettingsCard-module__EbeEKa__description{color:var(--secondary-text);margin:0;font-size:12px}.SettingsCard-module__EbeEKa__settingsContainer{flex-direction:column;gap:12px;display:flex}.SettingsCard-module__EbeEKa__settingItem{flex-direction:column;gap:6px;display:flex}.SettingsCard-module__EbeEKa__label{color:var(--subtle-text);align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.SettingsCard-module__EbeEKa__input,.SettingsCard-module__EbeEKa__select{border:1px solid var(--border);color:var(--foreground);background:#010409;border-radius:4px;width:100%;padding:6px 10px;font-family:inherit;font-size:12px}.SettingsCard-module__EbeEKa__input:focus,.SettingsCard-module__EbeEKa__select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #58a6ff26}.SettingsCard-module__EbeEKa__rangeContainer{align-items:center;gap:8px;display:flex}.SettingsCard-module__EbeEKa__range{background:var(--border);cursor:pointer;appearance:none;border-radius:2px;flex:1;height:4px}.SettingsCard-module__EbeEKa__range::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;border-radius:50%;width:14px;height:14px;transition:all .2s}.SettingsCard-module__EbeEKa__range::-webkit-slider-thumb:hover{width:16px;height:16px;box-shadow:0 0 8px #58a6ff66}.SettingsCard-module__EbeEKa__range::-moz-range-thumb{background:var(--primary);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px;transition:all .2s}.SettingsCard-module__EbeEKa__range::-moz-range-thumb:hover{width:16px;height:16px;box-shadow:0 0 8px #58a6ff66}.SettingsCard-module__EbeEKa__rangeValue{color:var(--secondary-text);text-align:right;min-width:40px;font-size:12px}.SettingsCard-module__EbeEKa__checkboxLabel{cursor:pointer;color:var(--foreground);align-items:center;gap:8px;font-size:12px;display:flex}.SettingsCard-module__EbeEKa__checkbox{cursor:pointer;width:16px;height:16px;accent-color:var(--primary)}.SettingsCard-module__EbeEKa__colorPicker{border:1px solid var(--border);cursor:pointer;background:#010409;border-radius:4px;width:100%;height:36px}.SettingsCard-module__EbeEKa__colorPicker:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #58a6ff26}
.Preview-module__PjPyba__container{background:linear-gradient(180deg, var(--card-bg) 0%, #0d1117cc 100%);border:1px solid var(--border);border-radius:8px;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.Preview-module__PjPyba__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px;display:flex}.Preview-module__PjPyba__title{color:var(--heading);margin:0;font-size:16px;font-weight:600}.Preview-module__PjPyba__info{align-items:center;gap:8px;display:flex}.Preview-module__PjPyba__badge{color:var(--primary);background:#58a6ff26;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:500}.Preview-module__PjPyba__badge.Preview-module__PjPyba__success{color:#238636;background:#23863626}.Preview-module__PjPyba__badge.Preview-module__PjPyba__error{color:#da3633;background:#da363326}.Preview-module__PjPyba__content{flex:1;justify-content:center;align-items:center;min-height:400px;padding:16px;display:flex;overflow:auto}.Preview-module__PjPyba__imageContainer{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.Preview-module__PjPyba__image{border:1px solid var(--border);object-fit:contain;border-radius:6px;max-width:100%;max-height:100%}.Preview-module__PjPyba__emptyState{color:var(--secondary-text);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.Preview-module__PjPyba__emptyState svg{opacity:.5;margin-bottom:16px}.Preview-module__PjPyba__emptyState p{margin:0 0 4px;font-size:14px;font-weight:500}.Preview-module__PjPyba__emptyState small{color:var(--secondary-text);font-size:12px;display:block}.Preview-module__PjPyba__loadingState{color:var(--foreground);flex-direction:column;justify-content:center;align-items:center;display:flex}.Preview-module__PjPyba__spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:.8s linear infinite Preview-module__PjPyba__spin}@keyframes Preview-module__PjPyba__spin{to{transform:rotate(360deg)}}.Preview-module__PjPyba__loadingState p{margin:0;font-size:14px}.Preview-module__PjPyba__errorMessage{color:#da3633;text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.Preview-module__PjPyba__errorMessage svg{width:32px;height:32px}.Preview-module__PjPyba__errorMessage p{margin:0;font-size:13px}.Preview-module__PjPyba__actions{border-top:1px solid var(--border);background:#0003;gap:8px;padding:12px 16px;display:flex}.Preview-module__PjPyba__button{background:var(--success);color:var(--heading);border:1px solid var(--border);cursor:pointer;border-radius:4px;flex:1;padding:8px 12px;font-size:12px;font-weight:500;transition:background .15s}.Preview-module__PjPyba__button:hover{background:var(--success-hover)}.Preview-module__PjPyba__button:disabled{opacity:.5;cursor:not-allowed}
.AuthModal-module__7bm8aa__modalOverlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;animation:.2s ease-in-out AuthModal-module__7bm8aa__fadeIn;display:flex;position:fixed;inset:0}@keyframes AuthModal-module__7bm8aa__fadeIn{0%{opacity:0}to{opacity:1}}.AuthModal-module__7bm8aa__modalContent{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;width:90%;max-width:420px;animation:.3s ease-out AuthModal-module__7bm8aa__slideUp;position:relative;box-shadow:0 20px 60px #0000004d}@keyframes AuthModal-module__7bm8aa__slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.AuthModal-module__7bm8aa__closeButton{color:var(--text-secondary);cursor:pointer;z-index:10;background:#58a6ff1a;border:1px solid #58a6ff33;border-radius:6px;justify-content:center;align-items:center;padding:6px 8px;font-size:20px;line-height:1;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.AuthModal-module__7bm8aa__closeButton:hover{color:var(--primary);background:#58a6ff33;border-color:#58a6ff4d}.AuthModal-module__7bm8aa__tabContainer{border-bottom:1px solid var(--border-color);background-color:var(--bg-primary);display:flex}.AuthModal-module__7bm8aa__tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex:1;padding:16px;font-size:14px;font-weight:500;transition:all .2s;position:relative}.AuthModal-module__7bm8aa__tab:hover{color:var(--text-primary);background-color:#ffffff08}.AuthModal-module__7bm8aa__activeTab{color:var(--primary)}.AuthModal-module__7bm8aa__activeTab:after{content:"";background-color:var(--primary);height:2px;animation:.2s ease-out AuthModal-module__7bm8aa__slideIn;position:absolute;bottom:-1px;left:0;right:0}@keyframes AuthModal-module__7bm8aa__slideIn{0%{width:0;left:50%}to{width:100%;left:0}}.AuthModal-module__7bm8aa__form{padding:32px}.AuthModal-module__7bm8aa__title{color:var(--text-primary);margin:0 0 24px;font-size:24px;font-weight:600}.AuthModal-module__7bm8aa__formGroup{margin-bottom:20px}.AuthModal-module__7bm8aa__label{color:var(--text-primary);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.AuthModal-module__7bm8aa__input{background-color:var(--input-bg);border:1px solid var(--border-color);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:8px;padding:12px;font-family:inherit;font-size:14px;transition:all .2s}.AuthModal-module__7bm8aa__input:hover{border-color:var(--primary)}.AuthModal-module__7bm8aa__input:focus{border-color:var(--primary);background-color:var(--card-bg);outline:none;box-shadow:0 0 0 3px #58a6ff1a}.AuthModal-module__7bm8aa__input:disabled{opacity:.6;cursor:not-allowed}.AuthModal-module__7bm8aa__submitButton{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:8px;padding:12px;font-size:14px;font-weight:600;transition:all .2s}.AuthModal-module__7bm8aa__submitButton:hover:not(:disabled){background-color:var(--primary-hover);box-shadow:0 4px 12px #58a6ff4d}.AuthModal-module__7bm8aa__submitButton:active:not(:disabled){transform:scale(.98)}.AuthModal-module__7bm8aa__submitButton:disabled{opacity:.6;cursor:not-allowed}.AuthModal-module__7bm8aa__errorMessage{border:1px solid var(--error);color:var(--error);background-color:#ef44441a;border-radius:8px;margin-bottom:20px;padding:12px;font-size:14px;animation:.2s ease-out AuthModal-module__7bm8aa__slideIn}@media (max-width:480px){.AuthModal-module__7bm8aa__modalContent{width:95%;max-width:none}.AuthModal-module__7bm8aa__form{padding:24px}.AuthModal-module__7bm8aa__title{margin-bottom:20px;font-size:20px}.AuthModal-module__7bm8aa__input,.AuthModal-module__7bm8aa__submitButton{padding:10px}}
.page-module__wtSYKa__topBarContent{justify-content:space-between;align-items:center;width:100%;display:flex}.page-module__wtSYKa__logo{align-items:center;gap:8px;display:flex}.page-module__wtSYKa__appTitle{color:var(--heading);letter-spacing:-.5px;margin:0;font-size:18px;font-weight:700}.page-module__wtSYKa__sidebarContent{flex-direction:column;gap:12px;height:100%;display:flex}.page-module__wtSYKa__authPrompt{background:linear-gradient(180deg, var(--card-bg) 0%, #0d1117cc 100%);border:1px solid var(--border);text-align:center;color:var(--secondary-text);border-radius:8px;flex:1;justify-content:center;align-items:center;padding:24px 16px;font-size:14px;line-height:1.5;display:flex}.page-module__wtSYKa__uploadCard{background:linear-gradient(180deg, var(--card-bg) 0%, #0d1117cc 100%);border:2px dashed var(--primary);text-align:center;cursor:pointer;border-radius:8px;padding:24px 16px;transition:all .2s}.page-module__wtSYKa__uploadCard:hover{background:#58a6ff0d;border-color:#58a6ff99}.page-module__wtSYKa__uploadLabel{cursor:pointer;color:var(--primary);flex-direction:column;align-items:center;gap:12px;font-size:14px;font-weight:500;display:flex}.page-module__wtSYKa__uploadLabel svg{opacity:.8}.page-module__wtSYKa__fileInput{display:none}.page-module__wtSYKa__transformButton{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:8px;padding:14px 16px;font-size:14px;font-weight:600;transition:all .2s}.page-module__wtSYKa__transformButton:hover:not(:disabled){background-color:var(--primary-hover);box-shadow:0 4px 12px #58a6ff4d}.page-module__wtSYKa__transformButton:active:not(:disabled){transform:scale(.98)}.page-module__wtSYKa__transformButton:disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){.page-module__wtSYKa__appTitle{font-size:16px}.page-module__wtSYKa__sidebarContent{gap:10px}}