.ColorTab-module-scss-module__zilpnq__colorTab{flex-direction:column;height:100%;display:flex;overflow:hidden}.ColorTab-module-scss-module__zilpnq__header{margin-bottom:var(--space-4)}.ColorTab-module-scss-module__zilpnq__header h4{font-size:var(--text-lg);color:var(--text);font-weight:var(--font-semibold);margin:0}.ColorTab-module-scss-module__zilpnq__headerResetButton{align-items:center;gap:var(--space-2);border:1px solid var(--border);padding:var(--space-2)var(--space-3);cursor:pointer;color:var(--text-secondary);font-size:var(--text-sm);background:0 0;border-radius:6px;transition:all .2s;display:flex}.ColorTab-module-scss-module__zilpnq__headerResetButton:hover{background:var(--bg-muted);color:var(--text);border-color:var(--border-strong)}.ColorTab-module-scss-module__zilpnq__headerResetButton svg{font-size:14px}.ColorTab-module-scss-module__zilpnq__resetButton{align-items:center;gap:var(--space-2);border:1px solid var(--border);padding:var(--space-2)var(--space-3);cursor:pointer;color:var(--text-secondary);font-size:var(--text-sm);background:0 0;border-radius:6px;transition:all .2s;display:flex}.ColorTab-module-scss-module__zilpnq__resetButton:hover{background:var(--bg-muted);color:var(--text);border-color:var(--border-strong)}.ColorTab-module-scss-module__zilpnq__resetButton svg{font-size:14px}.ColorTab-module-scss-module__zilpnq__mainContent{gap:var(--space-5);padding-right:var(--space-2);flex-direction:column;flex:1;display:flex;overflow-y:auto}.ColorTab-module-scss-module__zilpnq__mainContent::-webkit-scrollbar{width:6px}.ColorTab-module-scss-module__zilpnq__mainContent::-webkit-scrollbar-track{background:var(--bg-muted);border-radius:3px}.ColorTab-module-scss-module__zilpnq__mainContent::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.ColorTab-module-scss-module__zilpnq__mainContent::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.ColorTab-module-scss-module__zilpnq__brandSection{gap:var(--space-4);flex-direction:column;display:flex}@media (min-width:769px){.ColorTab-module-scss-module__zilpnq__brandSection{gap:var(--space-6);flex-direction:row}}.ColorTab-module-scss-module__zilpnq__colorGroup{flex:1}.ColorTab-module-scss-module__zilpnq__colorGroup h5{margin:0 0 var(--space-3)0;font-size:var(--text-base);color:var(--text);font-weight:var(--font-semibold)}.ColorTab-module-scss-module__zilpnq__colorGrid{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}@media (min-width:769px){.ColorTab-module-scss-module__zilpnq__colorGrid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1340px){.ColorTab-module-scss-module__zilpnq__colorGrid{grid-template-columns:repeat(5,1fr)}}.ColorTab-module-scss-module__zilpnq__colorBlock{padding:var(--space-2);cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;transition:all .2s;display:flex}.ColorTab-module-scss-module__zilpnq__colorBlock:hover{background:var(--bg-muted);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.ColorTab-module-scss-module__zilpnq__colorSwatch{border:2px solid rgba(255,255,255,.2);border-radius:8px;width:48px;height:48px;transition:all .2s;box-shadow:0 2px 4px rgba(0,0,0,.1)}.ColorTab-module-scss-module__zilpnq__colorBlock:hover .ColorTab-module-scss-module__zilpnq__colorSwatch{transform:scale(1.1);box-shadow:0 4px 8px rgba(0,0,0,.2)}.ColorTab-module-scss-module__zilpnq__colorInfo{flex-direction:column;align-items:center;display:flex}.ColorTab-module-scss-module__zilpnq__shadeNumber{font-size:var(--text-sm);color:var(--text);font-weight:var(--font-semibold)}.ColorTab-module-scss-module__zilpnq__semanticSection h5{margin:0 0 var(--space-3)0;font-size:var(--text-base);color:var(--text);font-weight:var(--font-semibold)}.ColorTab-module-scss-module__zilpnq__semanticGrid{gap:var(--space-4);display:grid}@media (min-width:769px){.ColorTab-module-scss-module__zilpnq__semanticGrid{gap:var(--space-5);grid-template-columns:repeat(3,1fr)}}.ColorTab-module-scss-module__zilpnq__semanticCategory h6{margin:0 0 var(--space-2)0;font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.5px}.ColorTab-module-scss-module__zilpnq__semanticBlocks{gap:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:769px){.ColorTab-module-scss-module__zilpnq__semanticBlocks{grid-template-columns:1fr}}.ColorTab-module-scss-module__zilpnq__semanticBlock{align-items:center;gap:var(--space-2);padding:var(--space-2);cursor:pointer;border-radius:6px;transition:all .2s;display:flex}.ColorTab-module-scss-module__zilpnq__semanticBlock:hover{background:var(--bg-muted);transform:translate(4px)}.ColorTab-module-scss-module__zilpnq__semanticSwatch{border:1px solid rgba(0,0,0,.1);border-radius:6px;flex-shrink:0;width:32px;height:32px;transition:all .2s}.ColorTab-module-scss-module__zilpnq__semanticBlock:hover .ColorTab-module-scss-module__zilpnq__semanticSwatch{transform:scale(1.1);box-shadow:0 2px 4px rgba(0,0,0,.15)}.ColorTab-module-scss-module__zilpnq__semanticLabel{font-size:var(--text-xs);color:var(--text-secondary);font-weight:var(--font-md);text-transform:capitalize}
.CustomPresetTab-module-scss-module__MCcT6a__customPresetTab{gap:2rem;height:100%;max-height:600px;display:flex}@media (max-width:1024px){.CustomPresetTab-module-scss-module__MCcT6a__customPresetTab{flex-direction:column;gap:1.5rem;max-height:none}}.CustomPresetTab-module-scss-module__MCcT6a__customSection,.CustomPresetTab-module-scss-module__MCcT6a__presetsSection{flex-direction:column;flex:1;min-height:0;display:flex}.CustomPresetTab-module-scss-module__MCcT6a__customSection{border-right:1px solid var(--border);padding-right:2rem}@media (max-width:1024px){.CustomPresetTab-module-scss-module__MCcT6a__customSection{border-right:none;border-bottom:1px solid var(--border);padding-bottom:1.5rem;padding-right:0}}.CustomPresetTab-module-scss-module__MCcT6a__presetsSection{overflow-y:auto}@media (max-width:1024px){.CustomPresetTab-module-scss-module__MCcT6a__presetsSection{padding-top:1.5rem}}.CustomPresetTab-module-scss-module__MCcT6a__header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.CustomPresetTab-module-scss-module__MCcT6a__header h4{color:var(--text);margin:0;font-size:1.125rem;font-weight:600}.CustomPresetTab-module-scss-module__MCcT6a__colorCreation{gap:1.5rem;margin-bottom:2rem;display:flex}@media (max-width:768px){.CustomPresetTab-module-scss-module__MCcT6a__colorCreation{flex-direction:column;gap:1rem}}.CustomPresetTab-module-scss-module__MCcT6a__colorInput{flex:1}.CustomPresetTab-module-scss-module__MCcT6a__colorInput h5{color:var(--text);margin:0 0 .75rem;font-size:.875rem;font-weight:600}.CustomPresetTab-module-scss-module__MCcT6a__pickerWrapper .CustomPresetTab-module-scss-module__MCcT6a__w-color-chrome{box-shadow:none!important;border:1px solid var(--border)!important;border-radius:8px!important;width:100%!important}.CustomPresetTab-module-scss-module__MCcT6a__shadesDisplay{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(4,1fr);gap:4px;height:48px;margin-top:.75rem;display:grid}.CustomPresetTab-module-scss-module__MCcT6a__shadeBox{cursor:default;border:1px solid rgba(0,0,0,.1);border-radius:6px;width:100%;height:48px}.CustomPresetTab-module-scss-module__MCcT6a__controls{margin-top:auto}.CustomPresetTab-module-scss-module__MCcT6a__previewButton{background:var(--primary-500);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background-color .2s;display:flex}.CustomPresetTab-module-scss-module__MCcT6a__previewButton:hover{background:var(--primary-600)}.CustomPresetTab-module-scss-module__MCcT6a__saveControls{align-items:flex-end;gap:.5rem;display:flex}.CustomPresetTab-module-scss-module__MCcT6a__themeNameInput{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:4px;flex:1;padding:.5rem;font-size:.875rem}.CustomPresetTab-module-scss-module__MCcT6a__themeNameInput:focus{border-color:var(--primary-500);outline:none}.CustomPresetTab-module-scss-module__MCcT6a__themeNameInput::placeholder{color:var(--text-muted)}.CustomPresetTab-module-scss-module__MCcT6a__saveButton{background:var(--secondary-500);color:var(--text);cursor:pointer;white-space:nowrap;border:none;border-radius:4px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;transition:background-color .2s;display:flex}.CustomPresetTab-module-scss-module__MCcT6a__saveButton:hover:not(:disabled){background:var(--secondary-600)}.CustomPresetTab-module-scss-module__MCcT6a__saveButton:disabled{opacity:.5;cursor:not-allowed}.CustomPresetTab-module-scss-module__MCcT6a__themesGrid{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem;display:grid}.CustomPresetTab-module-scss-module__MCcT6a__themeCard{background:var(--bg-muted);border:2px solid var(--border);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.CustomPresetTab-module-scss-module__MCcT6a__themeCard:hover{border-color:var(--primary-500);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.CustomPresetTab-module-scss-module__MCcT6a__themeCard.CustomPresetTab-module-scss-module__MCcT6a__active{border-color:var(--primary-500);background:var(--primary-100)}.CustomPresetTab-module-scss-module__MCcT6a__themePreview{justify-content:center;gap:6px;display:flex}.CustomPresetTab-module-scss-module__MCcT6a__primaryPreview,.CustomPresetTab-module-scss-module__MCcT6a__secondaryPreview{border:1px solid rgba(0,0,0,.1);border-radius:8px;width:40px;height:40px}.CustomPresetTab-module-scss-module__MCcT6a__customThemes h5{color:var(--text);border-top:1px solid var(--border);margin:0 0 1rem;padding-top:1rem;font-size:1rem;font-weight:600}.CustomPresetTab-module-scss-module__MCcT6a__headerResetButton{border:1px solid var(--border);cursor:pointer;color:var(--text-secondary);background:0 0;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;transition:all .2s;display:flex}.CustomPresetTab-module-scss-module__MCcT6a__headerResetButton:hover{background:var(--bg-muted);color:var(--text);border-color:var(--border-strong)}.CustomPresetTab-module-scss-module__MCcT6a__headerResetButton svg{font-size:14px}
.DevSettings-module-scss-module__JMBCXW__floatingButton{bottom:var(--space-6);right:var(--space-6);background:var(--bg-dark);width:48px;height:48px;color:var(--text-light);cursor:pointer;z-index:9999;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:fixed;box-shadow:0 4px 8px rgba(0,0,0,.2)}.DevSettings-module-scss-module__JMBCXW__floatingButton svg{font-size:20px;transition:transform .3s}.DevSettings-module-scss-module__JMBCXW__floatingButton:hover{background:var(--primary-600);transform:scale(1.05)}.DevSettings-module-scss-module__JMBCXW__floatingButton:hover svg{transform:rotate(90deg)}.DevSettings-module-scss-module__JMBCXW__floatingButton:active{transform:scale(.95)}.DevSettings-module-scss-module__JMBCXW__overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:rgba(0,0,0,.5);animation:.2s DevSettings-module-scss-module__JMBCXW__fadeIn;position:fixed;top:0;bottom:0;left:0;right:0}.DevSettings-module-scss-module__JMBCXW__popup{background:var(--bg-light);border-radius:12px;flex-direction:column;width:900px;max-width:90vw;height:600px;max-height:90vh;animation:.3s DevSettings-module-scss-module__JMBCXW__slideIn;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 32px rgba(0,0,0,.2)}.DevSettings-module-scss-module__JMBCXW__header{padding:var(--space-4)var(--space-5);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:60px;display:flex}.DevSettings-module-scss-module__JMBCXW__header .DevSettings-module-scss-module__JMBCXW__headerLeft{align-items:center;gap:var(--space-5);flex:1;display:flex}.DevSettings-module-scss-module__JMBCXW__header h3{font-size:var(--text-lg);color:var(--text);font-weight:var(--font-semibold);margin:0}.DevSettings-module-scss-module__JMBCXW__headerActions{align-items:center;gap:var(--space-3);display:flex}.DevSettings-module-scss-module__JMBCXW__closeButton{padding:var(--space-2);cursor:pointer;color:var(--text-muted);background:0 0;border:none;justify-content:center;align-items:center;font-size:20px;transition:color .2s;display:flex}.DevSettings-module-scss-module__JMBCXW__closeButton:hover{color:var(--text)}.DevSettings-module-scss-module__JMBCXW__headerTabs{align-items:center;gap:var(--space-3);display:flex}.DevSettings-module-scss-module__JMBCXW__tab{padding:var(--space-2)var(--space-3);cursor:pointer;color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-md);align-items:center;gap:var(--space-2);background:0 0;border:none;border-radius:6px;transition:all .2s;display:flex;position:relative}.DevSettings-module-scss-module__JMBCXW__tab:hover{color:var(--text);background:var(--bg-muted)}.DevSettings-module-scss-module__JMBCXW__tab.DevSettings-module-scss-module__JMBCXW__active{color:var(--primary-500)}.DevSettings-module-scss-module__JMBCXW__tab svg{font-size:14px}.DevSettings-module-scss-module__JMBCXW__content{padding:var(--space-5);flex:1;overflow-y:auto}.DevSettings-module-scss-module__JMBCXW__content::-webkit-scrollbar{width:8px}.DevSettings-module-scss-module__JMBCXW__content::-webkit-scrollbar-track{background:var(--bg-muted)}.DevSettings-module-scss-module__JMBCXW__content::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.DevSettings-module-scss-module__JMBCXW__content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@keyframes DevSettings-module-scss-module__JMBCXW__fadeIn{0%{opacity:0}to{opacity:1}}@keyframes DevSettings-module-scss-module__JMBCXW__slideIn{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}