.header h1 font-size: 1.8rem; font-weight: 600; letter-spacing: -0.3px; display: flex; align-items: center; gap: 0.75rem;
.quality-desc font-size: 0.8rem; color: #4a5b57;
.info-note font-size: 0.7rem; text-align: center; margin-top: 1.5rem; color: #7e8c88; border-top: 1px solid #e9edf0; padding-top: 1rem; Arial Normal Panose Default Font Download Extra Quality
// Show a toast / confirmation (since we can't legally serve Arial .ttf directly) const message = isExtra ? "✨ Extra Quality mode selected: This would download Arial Normal with enhanced outlines, full hinting, and OpenType features. For actual use, please acquire a license from Monotype." : "📄 Standard Quality: Downloading Arial Normal (system-compatible). Ensure proper licensing for redistribution.";
.header p opacity: 0.8; margin-top: 0.5rem; font-size: 0.9rem; Ensure proper licensing for redistribution
.preview-area background: #f2f4f6; border-radius: 1.25rem; padding: 1.5rem; margin-bottom: 2rem; border: 1px solid #e0e4e8; box-shadow: inset 0 1px 3px rgba(0,0,0,0.02), 0 2px 4px rgba(0,0,0,0.02);
.header background: #1f3e3a; padding: 1.5rem 2rem; color: white; Ensure proper licensing for redistribution."
.preview-label font-size: 0.75rem; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; color: #5b6e6a; margin-bottom: 0.75rem;
.content padding: 2rem;
.quality-selector background: #f9fafb; border-radius: 1rem; padding: 1rem; margin-bottom: 2rem; border: 1px solid #e2e8f0;
.quality-option:hover background: #eef2f5;