Blur Screen — browser extension
=================================

What this is
-------------
The extension behind Hide Screen's main feature. Click the toolbar icon
to show a draggable, resizable blur patch that follows you across every
tab and keeps blurring whatever is underneath it, on any site.

Why this had to be an extension, not a website button
---------------------------------------------------------
Regular web pages are sandboxed from each other for security — a page
can't reach into a different site's tab. Only a browser extension is
allowed to run a small script on every page you visit, which is the
only way to make one overlay persist and blur content across tabs and
different websites.

How to install it for now (unpublished / developer mode)
-----------------------------------------------------------
1. Unzip this folder somewhere you won't move or delete it — Chrome
   reads the files directly from wherever it lands.
2. Open Chrome (or Edge) and go to chrome://extensions
   (Edge: edge://extensions)
3. Turn on "Developer mode" (top-right toggle).
4. Click "Load unpacked" and select the unzipped "blur-screen-extension"
   folder.
5. A dark icon with a teal rectangle appears in your toolbar. Click it
   once to show the blur patch, click again to hide it.

Publishing it properly later
------------------------------
If this should be publicly installable without developer mode, it
needs to be submitted to the Chrome Web Store (or Microsoft Edge
Add-ons) — that requires a one-time developer account and a review
from the browser maker, not just uploading a file. No code changes
are needed to submit it as-is.

Files
------
manifest.json   Extension configuration (name, permissions, files used)
background.js   Toggles the shared on/off state when the toolbar icon is clicked
content.js      Draws the blur patch on every page and keeps it in sync
content.css     Styling for the blur patch and its drag/resize controls
icons/          Toolbar icon in three sizes
