Feat: Legal Styling Studio

[Rahul-R79]

Description

Implement a Legal Styling Studio within the Template Playground to allow users to customize the visual appearance, typography, and layout of generated legal documents in real-time.

Use Case

While the Playground is powerful for logic and data modeling, the final output (Preview & PDF) is currently limited to basic web styling. Legal professionals require high-fidelity documents that adhere to industry standards.
With this feature, users can:

• Typography: Switch between professional Serif (Classic Legal) and Sans-Serif (Modern Corporate) typefaces.
• Layout Controls: Adjust line-height, page margins, and text justification to match law firm templates.
• High-Quality PDF: Export documents that maintain these styles perfectly.

Proposed Solution

1. State Management: Add a legalTheme state in the Zustand store to track user preferences (fonts, margins, etc.).
2. UI Component: A new slide-out panel in the Preview section with:
   • Font Selectors: Premium web fonts (Crimson Pro, Inter, Playfair Display).
   • Sliders: Real-time adjustment of margins and spacing.
3. Dynamic Styling: Use CSS variables injected into the document container for zero-latency updates.
4. PDF Integration: Configure html2pdf.js to capture the custom CSS environment during download.

Visual Comparison

Current Document Look (Baseline)

Functional but visually basic, lacks professional legal formatting:

Expected Professional Output (Target)

Premium typography, proper margins, and authoritative legal layout:

[Rahul-R79]

Hi @mttrbrts @dselman! I'm raising this issue to propose the Legal Styling Studio feature. My goal is to bridge the gap between a developer playground and a professional document automation platform by giving users control over typography and layout.

Before I dive into a PR, I’d love to get your feedback:

1. Do you feel this feature is a priority for the project right now?
2. Does the proposed implementation and mockup align with the project's vision?

If this sounds like a good addition, I’m happy to start working on the PR. Looking forward to your thoughts!