Build a Free Invoice Generator with AI

Build a single-page invoice generator as a static HTML/CSS/JS site. The page background should be #0f0f17 with a centered white invoice preview panel (max-width 800px) that looks like a real paper document with subtle box-shadow. At the top left of the invoice, include editable fields for "From" company details: company name (bold, 18px), address line 1, address line 2, city/state/zip, phone, and email. Top right shows a large "INVOICE" heading in #2563eb, followed by fields for invoice number (auto-generated as INV-0001 incrementing), invoice date (defaults to today), due date (date picker), and payment terms dropdown (Net 15, Net 30, Net 60, Due on Receipt). Below that, a "Bill To" section with fields for client name, client company, client address, client email. Use a light gray (#f8f9fa) background strip to separate this from the line items. The line items table has columns: Description (text input, 45% width), Quantity (number input, 15%), Rate (currency input with $ prefix, 20%), and Amount (auto-calculated, 20%, right-aligned, non-editable). Below the table, an "Add Line Item" button with a blue dashed border. Each row has a red X delete button on hover. The table header should be #f1f5f9 background with #64748b text. Below the line items, right-aligned summary box: Subtotal, Tax Rate (editable percentage input defaulting to 0%), Tax Amount (auto-calculated), and Total (bold, larger font, #2563eb color). All currency values format with commas and two decimal places. At the bottom, an optional "Notes" textarea for payment instructions (placeholder: "Payment is due within 30 days...") and a "Terms & Conditions" textarea. Action buttons fixed at bottom of the invoice area: "Print / Save PDF" (triggers window.print with a print stylesheet that hides the dark background and buttons), "Clear Invoice" (confirms then resets), and "Save Draft" (saves all fields to localStorage). On page load, auto-restore the last saved draft. Store the "From" company details separately in localStorage so they persist across new invoices. The print stylesheet should render the invoice on white background with no UI chrome, proper page margins, and page-break-after on the notes section. Make the entire layout responsive — on mobile, stack the From/To sections vertically and make the line items table horizontally scrollable. Read the guide at https://accessagent.ai/api/guide and follow it to deploy the site to AccessAgent.ai. My email is [your@email.com].