.DevSettings-module-scss-module__S6GJyW__floatingButton{background:var(--primary-700);color:#fff;cursor:pointer;z-index:9999;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 12px rgba(0,0,0,.2)}.DevSettings-module-scss-module__S6GJyW__floatingButton:hover{transform:scale(1.1);box-shadow:0 6px 16px rgba(0,0,0,.3)}.DevSettings-module-scss-module__S6GJyW__floatingButton:hover svg{transform:rotate(90deg)}.DevSettings-module-scss-module__S6GJyW__floatingButton svg{transition:transform .3s}.DevSettings-module-scss-module__S6GJyW__overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:rgba(0,0,0,.5);justify-content:center;align-items:center;animation:.2s ease-out DevSettings-module-scss-module__S6GJyW__fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes DevSettings-module-scss-module__S6GJyW__fadeIn{0%{opacity:0}to{opacity:1}}.DevSettings-module-scss-module__S6GJyW__modal{background:#fff;border-radius:12px;flex-direction:column;width:90vw;max-width:950px;max-height:85vh;animation:.2s ease-out DevSettings-module-scss-module__S6GJyW__slideIn;display:flex;box-shadow:0 20px 60px rgba(0,0,0,.3)}@keyframes DevSettings-module-scss-module__S6GJyW__slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.DevSettings-module-scss-module__S6GJyW__header{padding:var(--space-4)var(--space-5);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.DevSettings-module-scss-module__S6GJyW__header h2{color:var(--text);margin:0;font-size:1.25rem;font-weight:600}.DevSettings-module-scss-module__S6GJyW__closeButton{cursor:pointer;padding:var(--space-2);color:var(--text-secondary);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.DevSettings-module-scss-module__S6GJyW__closeButton:hover{background:var(--bg-muted);color:var(--text)}.DevSettings-module-scss-module__S6GJyW__closeButton svg{font-size:20px}.DevSettings-module-scss-module__S6GJyW__presets{padding:var(--space-4)var(--space-5);border-bottom:1px solid var(--border);background:var(--bg)}.DevSettings-module-scss-module__S6GJyW__presets .DevSettings-module-scss-module__S6GJyW__presetLabel{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:var(--space-2);font-size:.75rem;font-weight:600}.DevSettings-module-scss-module__S6GJyW__presets .DevSettings-module-scss-module__S6GJyW__presetButtons{gap:var(--space-2);flex-wrap:wrap;display:flex}.DevSettings-module-scss-module__S6GJyW__presetButton{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:6px;font-size:.875rem;transition:border-color .15s,box-shadow .15s;display:flex}.DevSettings-module-scss-module__S6GJyW__presetButton:hover{border-color:var(--primary)}.DevSettings-module-scss-module__S6GJyW__presetButton.DevSettings-module-scss-module__S6GJyW__active{border-color:var(--primary);box-shadow:0 0 0 2px rgba(57,181,74,.2)}.DevSettings-module-scss-module__S6GJyW__presetButton .DevSettings-module-scss-module__S6GJyW__presetColors{gap:2px;display:flex}.DevSettings-module-scss-module__S6GJyW__presetButton .DevSettings-module-scss-module__S6GJyW__presetColors span{border-radius:3px;width:16px;height:16px}.DevSettings-module-scss-module__S6GJyW__resetButton{padding:var(--space-2)var(--space-3);border:1px solid var(--border);cursor:pointer;color:var(--text-secondary);background:#fff;border-radius:6px;margin-left:auto;font-size:.875rem;transition:border-color .15s,color .15s}.DevSettings-module-scss-module__S6GJyW__resetButton:hover{color:#dc2626;border-color:#dc2626}.DevSettings-module-scss-module__S6GJyW__modalBody{flex:1;display:flex;overflow:hidden}.DevSettings-module-scss-module__S6GJyW__sidebar{border-right:1px solid var(--border);background:var(--bg);width:180px;padding:var(--space-2)0;flex-shrink:0;overflow-y:auto}.DevSettings-module-scss-module__S6GJyW__sidebarItem{width:100%;padding:var(--space-2)var(--space-4);text-align:left;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:.8125rem;transition:background .15s,color .15s;display:block}.DevSettings-module-scss-module__S6GJyW__sidebarItem:hover{background:var(--bg-muted);color:var(--text)}.DevSettings-module-scss-module__S6GJyW__sidebarItem.DevSettings-module-scss-module__S6GJyW__active{background:var(--primary-100);color:var(--primary-700);font-weight:500}.DevSettings-module-scss-module__S6GJyW__content{padding:var(--space-4)var(--space-5);flex:1;overflow-y:auto}.DevSettings-module-scss-module__S6GJyW__tokenGrid{gap:var(--space-2);display:grid}.DevSettings-module-scss-module__S6GJyW__tokenRow{align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:6px;grid-template-columns:32px 1fr auto;transition:background .15s;display:grid}.DevSettings-module-scss-module__S6GJyW__tokenRow:hover{background:var(--bg)}.DevSettings-module-scss-module__S6GJyW__tokenRow.DevSettings-module-scss-module__S6GJyW__nonEditable{grid-template-columns:32px 1fr 1fr}.DevSettings-module-scss-module__S6GJyW__colorSwatch{border:1px solid var(--border);border-radius:6px;flex-shrink:0;width:32px;height:32px}.DevSettings-module-scss-module__S6GJyW__tokenInfo{flex-direction:column;gap:2px;min-width:0;display:flex}.DevSettings-module-scss-module__S6GJyW__tokenInfo .DevSettings-module-scss-module__S6GJyW__tokenName{font-family:var(--mono-font);color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;overflow:hidden}.DevSettings-module-scss-module__S6GJyW__tokenInfo .DevSettings-module-scss-module__S6GJyW__tokenValue{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.DevSettings-module-scss-module__S6GJyW__tokenControls{align-items:center;gap:var(--space-2);display:flex}.DevSettings-module-scss-module__S6GJyW__tokenSelect{padding:var(--space-1)var(--space-2);border:1px solid var(--border);color:var(--text);cursor:pointer;background:#fff;border-radius:4px;min-width:120px;font-size:.75rem}.DevSettings-module-scss-module__S6GJyW__tokenSelect:focus{border-color:var(--primary);outline:none}.DevSettings-module-scss-module__S6GJyW__colorPicker{border:1px solid var(--border);cursor:pointer;border-radius:4px;width:32px;height:32px;padding:0;overflow:hidden}.DevSettings-module-scss-module__S6GJyW__colorPicker::-webkit-color-swatch-wrapper{padding:0}.DevSettings-module-scss-module__S6GJyW__colorPicker::-webkit-color-swatch{border:none;border-radius:3px}.DevSettings-module-scss-module__S6GJyW__spacingItem{align-items:center;gap:var(--space-3);padding:var(--space-2);grid-template-columns:1fr auto 1fr;display:grid}.DevSettings-module-scss-module__S6GJyW__spacingItem .DevSettings-module-scss-module__S6GJyW__spacingBar{background:var(--primary-200);border-radius:4px;min-width:4px;height:8px}.DevSettings-module-scss-module__S6GJyW__typographyItem{padding:var(--space-2)}.DevSettings-module-scss-module__S6GJyW__typographyItem .DevSettings-module-scss-module__S6GJyW__typographySample{margin-top:var(--space-1);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.DevSettings-module-scss-module__S6GJyW__tableItem{gap:var(--space-3);padding:var(--space-2);border-bottom:1px solid var(--border-light);grid-template-columns:1fr 1fr;display:grid}.DevSettings-module-scss-module__S6GJyW__tableItem:last-child{border-bottom:none}.DevSettings-module-scss-module__S6GJyW__tableItem code{font-family:var(--mono-font);color:var(--text);font-size:.8125rem}.DevSettings-module-scss-module__S6GJyW__tableItem span{color:var(--text-secondary);font-size:.8125rem}.DevSettings-module-scss-module__S6GJyW__overlayRow{grid-template-columns:32px 1fr auto}.DevSettings-module-scss-module__S6GJyW__overlayControls{align-items:center;gap:var(--space-3);display:flex}.DevSettings-module-scss-module__S6GJyW__opacityControl{align-items:center;gap:var(--space-1);display:flex}.DevSettings-module-scss-module__S6GJyW__opacityControl input[type=range]{width:80px;accent-color:var(--primary)}.DevSettings-module-scss-module__S6GJyW__opacityControl span{color:var(--text-secondary);text-align:right;min-width:35px;font-size:.75rem}.DevSettings-module-scss-module__S6GJyW__gradientControls{align-items:center;gap:var(--space-2);display:flex}.DevSettings-module-scss-module__S6GJyW__gradientArrow{color:var(--text-secondary);font-size:.875rem}