Http-

.post-category display: inline-block; background: #e2eaf1; padding: 0.2rem 0.9rem; border-radius: 40px; font-size: 0.7rem; font-weight: 600; text-transform: uppercase; color: #1e4a76; letter-spacing: 0.5px; margin-bottom: 0.8rem;

.empty-preview background: #f9fcff; border-radius: 1.5rem; padding: 3rem 1.5rem; text-align: center; color: #98b1c9; border: 1px dashed #cbdde9;

@media (max-width: 860px) .builder-grid grid-template-columns: 1fr; gap: 1.5rem; .hero h1 font-size: 2rem; body padding: 1.2rem; .post-category display: inline-block

.hero p color: #2c3e4e; margin-top: 0.75rem; font-size: 1.1rem; font-weight: 500;

input:focus, textarea:focus, select:focus border-color: #2d6a9f; box-shadow: 0 0 0 3px rgba(45, 106, 159, 0.2); padding: 0.2rem 0.9rem

.copy-btn:hover background: #eef3fc; border-color: #2d6a9f;

<div class="input-group"> <label>📅 Date (optional)</label> <input type="date" id="postDate"> </div> .empty-preview background: #f9fcff

.btn-generate:hover background: linear-gradient(100deg, #1f6e9e, #134f72); transform: scale(0.98); box-shadow: 0 2px 5px rgba(0,0,0,0.1);