-- Services
local Players = game:GetService("Players")
local UIS = game:GetService("UserInputService")
local RunService = game:GetService("RunService")
local TweenService = game:GetService("TweenService")

-- Player
local player = Players.LocalPlayer

-- Color Variables
local mainColor = Color3.fromRGB(48,48,52)
local secondaryColor = Color3.fromRGB(60,60,65)
local headerColor = Color3.fromRGB(36,36,40)
local selectionColor = Color3.fromRGB(255,255,255)

-- ScreenGui
local gui = Instance.new("ScreenGui")
gui.ResetOnSpawn = false
gui.DisplayOrder = 9999
gui.Parent = player:WaitForChild("PlayerGui")

------------------------------------------------
-- SPLASH SCREEN
------------------------------------------------
local splash = Instance.new("Frame")
splash.Size = UDim2.new(1, 0, 1, 0)
splash.BackgroundColor3 = Color3.fromRGB(0, 0, 0)
splash.BackgroundTransparency = 1.0
splash.BorderSizePixel = 0
splash.ZIndex = 10000
splash.Parent = gui

local splashContent = Instance.new("Frame")
splashContent.Size = UDim2.new(0, 300, 0, 150)
splashContent.Position = UDim2.new(0.5, -150, 0.5, -75)
splashContent.BackgroundColor3 = mainColor
splashContent.BorderSizePixel = 0
splashContent.ZIndex = 10001
splashContent.Parent = splash
Instance.new("UICorner", splashContent).CornerRadius = UDim.new(0, 14)

local splashTitle = Instance.new("TextLabel")
splashTitle.Size = UDim2.new(1, 0, 0.5, 0)
splashTitle.Position = UDim2.new(0, 0, 0, 20)
splashTitle.Text = "Made with love"
splashTitle.Font = Enum.Font.SourceSansBold
splashTitle.TextSize = 24
splashTitle.TextColor3 = Color3.fromRGB(220, 220, 220)
splashTitle.BackgroundTransparency = 1
splashTitle.ZIndex = 10002
splashTitle.Parent = splashContent

local splashAuthor = Instance.new("TextLabel")
splashAuthor.Size = UDim2.new(1, 0, 0.5, 0)
splashAuthor.Position = UDim2.new(0, 0, 0.5, 0)
splashAuthor.Text = "by Mqrci"
splashAuthor.Font = Enum.Font.SourceSansSemibold
splashAuthor.TextSize = 18
splashAuthor.TextColor3 = Color3.fromRGB(180, 180, 180)
splashAuthor.BackgroundTransparency = 1
splashAuthor.ZIndex = 10002
splashAuthor.Parent = splashContent

-- Fade out splash screen after 2 seconds
task.wait(2)
TweenService:Create(splash, TweenInfo.new(0.5, Enum.EasingStyle.Quad, Enum.EasingDirection.In), {
    BackgroundTransparency = 1
}):Play()
TweenService:Create(splashContent, TweenInfo.new(0.5, Enum.EasingStyle.Quad, Enum.EasingDirection.In), {
    BackgroundColor3 = Color3.fromRGB(48, 48, 52)
}):Play()
task.wait(0.5)
splash:Destroy()

-- Main window
local main = Instance.new("Frame")
main.Size = UDim2.new(0, 320, 0, 200)
main.Position = UDim2.new(0.5, -160, 0.5, -100)
main.BackgroundColor3 = mainColor
main.BorderSizePixel = 0
main.Parent = gui
Instance.new("UICorner", main).CornerRadius = UDim.new(0,14)

-- Header
local header = Instance.new("Frame")
header.Size = UDim2.new(1, 0, 0, 36)
header.BackgroundColor3 = headerColor
header.BorderSizePixel = 0
header.Parent = main
Instance.new("UICorner", header).CornerRadius = UDim.new(0,14)

-- Title
local title = Instance.new("TextLabel")
title.Size = UDim2.new(1, -90, 1, 0)
title.Position = UDim2.new(0, 12, 0, 0)
title.Text = "Teleport To Pos"
title.TextXAlignment = Enum.TextXAlignment.Left
title.Font = Enum.Font.SourceSansSemibold
title.TextSize = 18
title.TextColor3 = Color3.fromRGB(220,220,220)
title.BackgroundTransparency = 1
title.Parent = header

-- Header buttons
local function makeButton(text, x, color)
    local b = Instance.new("TextButton")
    b.Size = UDim2.new(0, 28, 0, 22)
    b.Position = UDim2.new(1, x, 0, 7)
    b.Text = text
    b.Font = Enum.Font.SourceSansBold
    b.TextSize = 16
    b.TextColor3 = Color3.fromRGB(230,230,230)
    b.BackgroundColor3 = color or secondaryColor
    b.BorderSizePixel = 0
    b.Parent = header
    Instance.new("UICorner", b).CornerRadius = UDim.new(0,6)
    return b
end

local minimize = makeButton("-", -64)
local close = makeButton("X", -32, Color3.fromRGB(140,60,60))

-- Content
local content = Instance.new("Frame")
content.Size = UDim2.new(1, 0, 1, -36)
content.Position = UDim2.new(0, 0, 0, 36)
content.BackgroundTransparency = 1
content.ClipsDescendants = true
content.Parent = main

------------------------------------------------
-- Smooth Drag System
------------------------------------------------
local dragging = false
local dragOffset = Vector2.zero
local targetPos = main.Position

header.InputBegan:Connect(function(input)
    if input.UserInputType == Enum.UserInputType.MouseButton1 then
        dragging = true
        local mousePos = UIS:GetMouseLocation()
        dragOffset = mousePos - Vector2.new(main.AbsolutePosition.X, main.AbsolutePosition.Y)
    end
end)

UIS.InputEnded:Connect(function(input)
    if input.UserInputType == Enum.UserInputType.MouseButton1 then
        dragging = false
    end
end)

RunService.RenderStepped:Connect(function()
    if dragging then
        local mousePos = UIS:GetMouseLocation()
        targetPos = UDim2.fromOffset(mousePos.X - dragOffset.X, mousePos.Y - dragOffset.Y)
    end
    main.Position = main.Position:Lerp(targetPos, 0.12)
end)

------------------------------------------------
-- Minimize / Restore
------------------------------------------------
local normalSize = main.Size
local normalContentSize = content.Size
local minimized = false

local tpButtons = {}
local sidebarButtons = {}

local function updateTPButtons()
    for _, btn in pairs(tpButtons) do
        btn.Visible = not minimized
    end
    for _, btn in pairs(sidebarButtons) do
        btn.Visible = not minimized
    end
    if minimized then
        settingsPanel.Visible = false
    end
end

minimize.MouseButton1Click:Connect(function()
    if minimized then
        minimized = false
        minimize.Text = "-"
        TweenService:Create(main, TweenInfo.new(0.25, Enum.EasingStyle.Quad, Enum.EasingDirection.Out), {Size = normalSize}):Play()
        TweenService:Create(content, TweenInfo.new(0.25, Enum.EasingStyle.Quad, Enum.EasingDirection.Out), {Size = normalContentSize}):Play()
    else
        minimized = true
        minimize.Text = "+"
        TweenService:Create(main, TweenInfo.new(0.25, Enum.EasingStyle.Quad, Enum.EasingDirection.Out), {Size = UDim2.new(0, 320, 0, 36)}):Play()
        TweenService:Create(content, TweenInfo.new(0.25, Enum.EasingStyle.Quad, Enum.EasingDirection.Out), {Size = UDim2.new(content.Size.X.Scale, content.Size.X.Offset, 0, 0)}):Play()
    end
    updateTPButtons()
end)

------------------------------------------------
-- Close
------------------------------------------------
close.MouseButton1Click:Connect(function()
    gui:Destroy()
    script:Destroy()
end)

------------------------------------------------
-- Panel / Teleport
------------------------------------------------
local panel = Instance.new("Frame")
panel.Size = UDim2.new(1, -20, 0, 110)
panel.Position = UDim2.new(0, -13, 0, 20)
panel.BackgroundTransparency = 1
panel.Parent = content

local layout = Instance.new("UIListLayout", panel)
layout.SortOrder = Enum.SortOrder.LayoutOrder
layout.Padding = UDim.new(0, 10)
layout.HorizontalAlignment = Enum.HorizontalAlignment.Center

local buttonWidth = 0.8

-- Helper to create buttons or textbox inside a container for centering
local function createButtonContainer(parent, text, isTextBox)
    local container = Instance.new("Frame")
    container.Size = UDim2.new(1, 0, 0, 30)
    container.BackgroundTransparency = 1
    container.Parent = parent

    local btn
    if isTextBox then
        btn = Instance.new("TextBox")
        btn.PlaceholderText = text
        btn.Text = ""
        btn.BackgroundColor3 = secondaryColor  -- Now uses secondary color from the start
    else
        btn = Instance.new("TextButton")
        btn.Text = text
        btn.BackgroundColor3 = secondaryColor
    end

    btn.Size = UDim2.new(buttonWidth, 0, 1, 0)
    btn.Position = UDim2.new((1 - buttonWidth)/2, 0, 0, 0)
    btn.Font = Enum.Font.SourceSansSemibold
    btn.TextSize = 16
    btn.TextColor3 = Color3.fromRGB(220,220,220)
    btn.BorderSizePixel = 1
    btn.BorderColor3 = Color3.fromRGB(100,100,100)
    btn.Parent = container
    Instance.new("UICorner", btn).CornerRadius = UDim.new(0,6)

    return btn
end

-- Create teleport buttons
local getPosBtn = createButtonContainer(panel, "Get Current Pos", false)
local insertPos = createButtonContainer(panel, "X,Y,Z", true)
local teleportBtn = createButtonContainer(panel, "Teleport", false)

-- Keep buttons in a table for minimize toggle (we store the actual buttons, not containers)
tpButtons = {getPosBtn, insertPos, teleportBtn}

-- Elements that use the secondary color
local secondaryElements = {minimize, close, getPosBtn, teleportBtn, insertPos}

-- Always get the current HumanoidRootPart (robust)
local function getHumanoidRootPart()
    local char = player.Character or player.CharacterAdded:Wait()
    local hrp = char:WaitForChild("HumanoidRootPart", 5)
    return hrp
end

getPosBtn.MouseButton1Click:Connect(function()
    local hrp = getHumanoidRootPart()
    if hrp then
        local pos = hrp.Position
        insertPos.Text = string.format("%.1f,%.1f,%.1f", pos.X, pos.Y, pos.Z)
    end
end)

teleportBtn.MouseButton1Click:Connect(function()
    local hrp = getHumanoidRootPart()
    if hrp then
        local text = insertPos.Text
        local coords = {}
        for num in string.gmatch(text, "[^,]+") do
            table.insert(coords, tonumber(num))
        end
        if #coords == 3 then
            hrp.CFrame = CFrame.new(coords[1], coords[2], coords[3])
        end
    end
end)

------------------------------------------------
-- Settings Panel
------------------------------------------------
local settingsPanel = Instance.new("Frame")
settingsPanel.Size = UDim2.new(1, -60, 1, -36)
settingsPanel.Position = UDim2.new(0, 0, 0, 36)
settingsPanel.BackgroundTransparency = 1
settingsPanel.Visible = false
settingsPanel.Parent = main

local settingsScroll = Instance.new("ScrollingFrame")
settingsScroll.Size = UDim2.new(1, -10, 1, -10)
settingsScroll.Position = UDim2.new(0, 5, 0, 5)
settingsScroll.BackgroundTransparency = 1
settingsScroll.BorderSizePixel = 0
settingsScroll.ScrollBarThickness = 4
settingsScroll.ScrollBarImageColor3 = Color3.fromRGB(100,100,100)
settingsScroll.Parent = settingsPanel

local settingsLayout = Instance.new("UIListLayout", settingsScroll)
settingsLayout.SortOrder = Enum.SortOrder.LayoutOrder
settingsLayout.Padding = UDim.new(0, 8)
settingsLayout.HorizontalAlignment = Enum.HorizontalAlignment.Center

-- Collapsible Color Picker Function
local function createColorPicker(parent, labelText, currentColor, callback)
    local container = Instance.new("Frame")
    container.Size = UDim2.new(1, -20, 0, 40)
    container.BackgroundTransparency = 1
    container.Parent = parent

    -- Header row with label and color preview
    local headerRow = Instance.new("Frame")
    headerRow.Size = UDim2.new(1, 0, 0, 30)
    headerRow.BackgroundTransparency = 1
    headerRow.Parent = container

    local label = Instance.new("TextLabel")
    label.Size = UDim2.new(1, -40, 1, 0)
    label.Text = labelText
    label.Font = Enum.Font.SourceSansSemibold
    label.TextSize = 16
    label.TextColor3 = Color3.fromRGB(220,220,220)
    label.BackgroundTransparency = 1
    label.TextXAlignment = Enum.TextXAlignment.Left
    label.Parent = headerRow

    -- Color preview button
    local colorPreview = Instance.new("TextButton")
    colorPreview.Size = UDim2.new(0, 30, 0, 30)
    colorPreview.Position = UDim2.new(1, -30, 0, 0)
    colorPreview.BackgroundColor3 = currentColor
    colorPreview.BorderSizePixel = 2
    colorPreview.BorderColor3 = Color3.fromRGB(100,100,100)
    colorPreview.Text = ""
    colorPreview.Parent = headerRow
    Instance.new("UICorner", colorPreview).CornerRadius = UDim.new(0,6)

    -- Picker content (initially hidden)
    local pickerContent = Instance.new("Frame")
    pickerContent.Size = UDim2.new(1, 0, 0, 0)
    pickerContent.Position = UDim2.new(0, 0, 0, 35)
    pickerContent.BackgroundTransparency = 1
    pickerContent.ClipsDescendants = true
    pickerContent.Visible = false
    pickerContent.Parent = container

    local isExpanded = false

    -- Hex label
    local hexLabel = Instance.new("TextLabel")
    hexLabel.Size = UDim2.new(1, 0, 0, 20)
    hexLabel.BackgroundTransparency = 1
    hexLabel.Font = Enum.Font.SourceSansItalic
    hexLabel.TextSize = 14
    hexLabel.TextColor3 = Color3.fromRGB(200,200,200)
    hexLabel.TextXAlignment = Enum.TextXAlignment.Left
    hexLabel.Parent = pickerContent

    local function rgbToHex(color)
        return string.format("#%02X%02X%02X", 
            math.floor(color.R * 255), 
            math.floor(color.G * 255), 
            math.floor(color.B * 255))
    end

    hexLabel.Text = rgbToHex(currentColor)

    -- 2D Saturation/Value gradient picker
    local gradientPicker = Instance.new("Frame")
    gradientPicker.Size = UDim2.new(1, 0, 0, 120)
    gradientPicker.Position = UDim2.new(0, 0, 0, 25)
    gradientPicker.BackgroundColor3 = Color3.fromRGB(255,0,0)
    gradientPicker.BorderSizePixel = 1
    gradientPicker.BorderColor3 = Color3.fromRGB(100,100,100)
    gradientPicker.Parent = pickerContent
    Instance.new("UICorner", gradientPicker).CornerRadius = UDim.new(0,6)

    -- White to transparent overlay (saturation)
    local whiteOverlay = Instance.new("Frame")
    whiteOverlay.Size = UDim2.new(1, 0, 1, 0)
    whiteOverlay.BackgroundColor3 = Color3.fromRGB(255,255,255)
    whiteOverlay.BorderSizePixel = 0
    whiteOverlay.Parent = gradientPicker
    Instance.new("UICorner", whiteOverlay).CornerRadius = UDim.new(0,6)

    local whiteGradient = Instance.new("UIGradient", whiteOverlay)
    whiteGradient.Transparency = NumberSequence.new{
        NumberSequenceKeypoint.new(0, 0),
        NumberSequenceKeypoint.new(1, 1)
    }

    -- Black to transparent overlay (value)
    local blackOverlay = Instance.new("Frame")
    blackOverlay.Size = UDim2.new(1, 0, 1, 0)
    blackOverlay.BackgroundColor3 = Color3.fromRGB(0,0,0)
    blackOverlay.BorderSizePixel = 0
    blackOverlay.Parent = gradientPicker
    Instance.new("UICorner", blackOverlay).CornerRadius = UDim.new(0,6)

    local blackGradient = Instance.new("UIGradient", blackOverlay)
    blackGradient.Rotation = 90
    blackGradient.Transparency = NumberSequence.new{
        NumberSequenceKeypoint.new(0, 1),
        NumberSequenceKeypoint.new(1, 0)
    }

    -- Cursor for 2D picker
    local pickerCursor = Instance.new("Frame")
    pickerCursor.Size = UDim2.new(0, 10, 0, 10)
    pickerCursor.Position = UDim2.new(1, -5, 0, -5)
    pickerCursor.BackgroundTransparency = 1
    pickerCursor.BorderSizePixel = 2
    pickerCursor.BorderColor3 = Color3.fromRGB(255,255,255)
    pickerCursor.ZIndex = 5
    pickerCursor.Parent = gradientPicker
    Instance.new("UICorner", pickerCursor).CornerRadius = UDim.new(1,0)

    -- Hue bar (rainbow gradient)
    local hueBar = Instance.new("Frame")
    hueBar.Size = UDim2.new(1, 0, 0, 15)
    hueBar.Position = UDim2.new(0, 0, 0, 150)
    hueBar.BackgroundColor3 = Color3.fromRGB(255,255,255)
    hueBar.BorderSizePixel = 1
    hueBar.BorderColor3 = Color3.fromRGB(100,100,100)
    hueBar.Parent = pickerContent
    Instance.new("UICorner", hueBar).CornerRadius = UDim.new(0,6)

    local hueGradient = Instance.new("UIGradient", hueBar)
    hueGradient.Color = ColorSequence.new{
        ColorSequenceKeypoint.new(0, Color3.fromRGB(255,0,0)),
        ColorSequenceKeypoint.new(0.17, Color3.fromRGB(255,255,0)),
        ColorSequenceKeypoint.new(0.33, Color3.fromRGB(0,255,0)),
        ColorSequenceKeypoint.new(0.5, Color3.fromRGB(0,255,255)),
        ColorSequenceKeypoint.new(0.67, Color3.fromRGB(0,0,255)),
        ColorSequenceKeypoint.new(0.83, Color3.fromRGB(255,0,255)),
        ColorSequenceKeypoint.new(1, Color3.fromRGB(255,0,0))
    }

    -- Hue cursor
    local hueCursor = Instance.new("Frame")
    hueCursor.Size = UDim2.new(0, 4, 1, 4)
    hueCursor.Position = UDim2.new(0, -2, 0, -2)
    hueCursor.BackgroundColor3 = Color3.fromRGB(255,255,255)
    hueCursor.BorderSizePixel = 1
    hueCursor.BorderColor3 = Color3.fromRGB(0,0,0)
    hueCursor.ZIndex = 5
    hueCursor.Parent = hueBar
    Instance.new("UICorner", hueCursor).CornerRadius = UDim.new(0,2)

    -- Color state
    local selectedHue = 0
    local selectedSat = 1
    local selectedVal = 1

    local function updateColor()
        local finalColor = Color3.fromHSV(selectedHue, selectedSat, selectedVal)
        colorPreview.BackgroundColor3 = finalColor
        hexLabel.Text = rgbToHex(finalColor)
        callback(finalColor)
    end

    -- Toggle picker visibility
    colorPreview.MouseButton1Click:Connect(function()
        isExpanded = not isExpanded
        if isExpanded then
            pickerContent.Visible = true
            TweenService:Create(pickerContent, TweenInfo.new(0.3, Enum.EasingStyle.Quad, Enum.EasingDirection.Out), {
                Size = UDim2.new(1, 0, 0, 170)
            }):Play()
            TweenService:Create(container, TweenInfo.new(0.3, Enum.EasingStyle.Quad, Enum.EasingDirection.Out), {
                Size = UDim2.new(1, -20, 0, 210)
            }):Play()
        else
            TweenService:Create(pickerContent, TweenInfo.new(0.3, Enum.EasingStyle.Quad, Enum.EasingDirection.Out), {
                Size = UDim2.new(1, 0, 0, 0)
            }):Play()
            TweenService:Create(container, TweenInfo.new(0.3, Enum.EasingStyle.Quad, Enum.EasingDirection.Out), {
                Size = UDim2.new(1, -20, 0, 40)
            }):Play()
            wait(0.3)
            pickerContent.Visible = false
        end
    end)

    -- Hue bar interaction
    local hueButton = Instance.new("TextButton")
    hueButton.Size = UDim2.new(1, 0, 1, 0)
    hueButton.BackgroundTransparency = 1
    hueButton.Text = ""
    hueButton.ZIndex = 4
    hueButton.Parent = hueBar

    hueButton.MouseButton1Down:Connect(function()
        local dragging = true
        local function update()
            local mouse = UIS:GetMouseLocation()
            local relativeX = math.clamp((mouse.X - hueBar.AbsolutePosition.X) / hueBar.AbsoluteSize.X, 0, 1)
            selectedHue = relativeX
            hueCursor.Position = UDim2.new(relativeX, -2, 0, -2)
            
            local hueColor = Color3.fromHSV(selectedHue, 1, 1)
            gradientPicker.BackgroundColor3 = hueColor
            updateColor()
        end
        
        update()
        
        local connection
        connection = UIS.InputEnded:Connect(function(input)
            if input.UserInputType == Enum.UserInputType.MouseButton1 then
                dragging = false
                connection:Disconnect()
            end
        end)
        
        local moveConnection
        moveConnection = UIS.InputChanged:Connect(function(input)
            if dragging and input.UserInputType == Enum.UserInputType.MouseMovement then
                update()
            end
        end)
        
        connection:Connect(function()
            moveConnection:Disconnect()
        end)
    end)

    -- 2D Picker interaction
    local pickerButton = Instance.new("TextButton")
    pickerButton.Size = UDim2.new(1, 0, 1, 0)
    pickerButton.BackgroundTransparency = 1
    pickerButton.Text = ""
    pickerButton.ZIndex = 4
    pickerButton.Parent = gradientPicker

    pickerButton.MouseButton1Down:Connect(function()
        local dragging = true
        local function update()
            local mouse = UIS:GetMouseLocation()
            local relativeX = math.clamp((mouse.X - gradientPicker.AbsolutePosition.X) / gradientPicker.AbsoluteSize.X, 0, 1)
            local relativeY = math.clamp((mouse.Y - gradientPicker.AbsolutePosition.Y) / gradientPicker.AbsoluteSize.Y, 0, 1)
            
            selectedSat = relativeX
            selectedVal = 1 - relativeY
            
            pickerCursor.Position = UDim2.new(relativeX, -5, relativeY, -5)
            updateColor()
        end
        
        update()
        
        local connection
        connection = UIS.InputEnded:Connect(function(input)
            if input.UserInputType == Enum.UserInputType.MouseButton1 then
                dragging = false
                connection:Disconnect()
            end
        end)
        
        local moveConnection
        moveConnection = UIS.InputChanged:Connect(function(input)
            if dragging and input.UserInputType == Enum.UserInputType.MouseMovement then
                update()
            end
        end)
        
        connection:Connect(function()
            moveConnection:Disconnect()
        end)
    end)

    return container
end

------------------------------------------------
-- Sidebar / Tabs
------------------------------------------------
local sidebar = Instance.new("Frame")
sidebar.Size = UDim2.new(0, 50, 1, -36)
sidebar.Position = UDim2.new(1, -50, 0, 36)
sidebar.BackgroundTransparency = 1
sidebar.Parent = main

local selectionLine = Instance.new("Frame")
selectionLine.Size = UDim2.new(0, 3, 0.5, 0)
selectionLine.Position = UDim2.new(0,0,0,0)
selectionLine.BackgroundColor3 = selectionColor
selectionLine.BorderSizePixel = 0
selectionLine.ZIndex = 2
selectionLine.Parent = sidebar

-- TP button
local tpButton = Instance.new("TextButton")
tpButton.Size = UDim2.new(1, 0, 0.5, 0)
tpButton.Position = UDim2.new(0,0,0,0)
tpButton.Text = "TP"
tpButton.Font = Enum.Font.SourceSansBold
tpButton.TextSize = 14
tpButton.TextColor3 = Color3.fromRGB(220,220,220)
tpButton.BackgroundColor3 = mainColor
tpButton.BorderSizePixel = 0
tpButton.Parent = sidebar
tpButton.AutoButtonColor = false

-- Settings button
local settingsButton = Instance.new("TextButton")
settingsButton.Size = UDim2.new(1,0,0.5,0)
settingsButton.Position = UDim2.new(0,0,0.5,0)
settingsButton.Text = "SET"
settingsButton.Font = Enum.Font.SourceSansBold
settingsButton.TextSize = 14
settingsButton.TextColor3 = Color3.fromRGB(220,220,220)
settingsButton.BackgroundColor3 = mainColor
settingsButton.BorderSizePixel = 0
settingsButton.Parent = sidebar
settingsButton.AutoButtonColor = false
Instance.new("UICorner", settingsButton).CornerRadius = UDim.new(0,14)

-- Sidebar buttons table
sidebarButtons = {tpButton, settingsButton}

-- Update colors functions
local function updateMainColor(color)
    mainColor = color
    main.BackgroundColor3 = color
    tpButton.BackgroundColor3 = color
    settingsButton.BackgroundColor3 = color
end

local function updateSecondaryColor(color)
    secondaryColor = color
    for _, element in pairs(secondaryElements) do
        element.BackgroundColor3 = color
    end
end

local function updateHeaderColor(color)
    headerColor = color
    header.BackgroundColor3 = color
end

-- Create color pickers in settings
createColorPicker(settingsScroll, "Main Color", mainColor, updateMainColor)
createColorPicker(settingsScroll, "Secondary Color", secondaryColor, updateSecondaryColor)
createColorPicker(settingsScroll, "Header Color", headerColor, updateHeaderColor)

-- Update canvas size
settingsLayout:GetPropertyChangedSignal("AbsoluteContentSize"):Connect(function()
    settingsScroll.CanvasSize = UDim2.new(0, 0, 0, settingsLayout.AbsoluteContentSize.Y + 10)
end)

-- Tab functionality
local function selectTab(tab)
    if tab == "TP" then
        TweenService:Create(selectionLine, TweenInfo.new(0.3, Enum.EasingStyle.Quad, Enum.EasingDirection.Out), {
            Position = UDim2.new(0,0,0,0)
        }):Play()
        content.Visible = true
        settingsPanel.Visible = false
    elseif tab == "SET" then
        TweenService:Create(selectionLine, TweenInfo.new(0.3, Enum.EasingStyle.Quad, Enum.EasingDirection.Out), {
            Position = UDim2.new(0,0,0.5,0)
        }):Play()
        content.Visible = false
        settingsPanel.Visible = true
    end
end

tpButton.MouseButton1Click:Connect(function() selectTab("TP") end)
settingsButton.MouseButton1Click:Connect(function() selectTab("SET") end)

-- Initial state
selectTab("TP")
updateTPButtons()