Http-
<div class="builder-grid"> <!-- LEFT: EDITOR FORM --> <div class="card"> <div class="card-header"> <h2>✏️ Post composer</h2> </div> <div class="form-panel"> <div class="input-group"> <label>📌 Title</label> <input type="text" id="postTitle" placeholder="e.g., The Future of Web Protocols" maxlength="120"> <div class="char-hint">max 120 characters</div> </div>
<div class="input-group"> <label>📂 Category / Topic</label> <input type="text" id="postCategory" placeholder="e.g., Technology, HTTP, DevTools" value="HTTP / Networking"> </div> <div class="builder-grid"> <
<div class="input-group"> <label>📅 Date (optional)</label> <input type="date" id="postDate"> </div> !-- LEFT: EDITOR FORM -->
.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; ✏️ Post composer<
.hero h1 span background: #0b2b3b; color: white; font-size: 1.4rem; padding: 0.2rem 0.8rem; border-radius: 60px; background: linear-gradient(120deg, #1e4668, #0f2c44); box-shadow: 0 2px 6px rgba(0,0,0,0.1);
.empty-preview background: #f9fcff; border-radius: 1.5rem; padding: 3rem 1.5rem; text-align: center; color: #98b1c9; border: 1px dashed #cbdde9;
/* main container */ .app-container max-width: 1400px; margin: 0 auto;