document.addEventListener("DOMContentLoaded", async () => {
  const [tab] = await chrome.tabs.query({ active: true, currentWindow: true });
  const url = new URL(tab.url);
  const domain = url.hostname;

  document.getElementById("domain").textContent = domain;

  chrome.storage.sync.get([domain], (result) => {
    document.getElementById("css").value = result[domain] || "";
  });

  document.getElementById("save").addEventListener("click", () => {
    const css = document.getElementById("css").value;
    chrome.storage.sync.set({ [domain]: css }, () => {
      chrome.tabs.sendMessage(tab.id, { type: "applyCSS" });
    });
  });
});