fix: title H1 style with inline emoji layout

Wrap NoteIcon + TitleField in a flex row container so the emoji
renders inline-left of the title instead of stacked vertically.
Add fallback values for H1 CSS variables (28px, 700 weight).

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

src/components/Editor.css

@@ -179,6 +179,13 @@
   flex-shrink: 0;
 }
 
+.title-section__row {
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  padding-top: 16px;
+}
+
 .title-section__separator {
   border-bottom: 1px solid var(--border-primary, rgba(0, 0, 0, 0.08));
   margin-top: 12px;
@@ -186,7 +193,6 @@
 
 /* --- Note Icon Area --- */
 .note-icon-area {
-  padding: 16px 0 0;
   flex-shrink: 0;
 }
 
@@ -203,8 +209,10 @@
 }
 
 .note-icon-button--active {
-  font-size: 40px;
+  font-size: 32px;
+  line-height: 1.2;
   transition: transform 0.1s;
+  margin-right: 8px;
 }
 
 .note-icon-button--active:hover:not(:disabled) {
@@ -272,8 +280,8 @@
 
 /* --- Title Field --- */
 .title-field {
-  padding: 4px 0 0;
-  flex-shrink: 0;
+  flex: 1;
+  min-width: 0;
 }
 
 .title-field__input {
@@ -282,13 +290,12 @@
   border: none;
   outline: none;
   background: transparent;
-  font-size: var(--headings-h1-font-size);
-  font-weight: var(--headings-h1-font-weight);
-  line-height: var(--headings-h1-line-height);
-  letter-spacing: var(--headings-h1-letter-spacing);
+  font-size: var(--headings-h1-font-size, 28px);
+  font-weight: var(--headings-h1-font-weight, 700);
+  line-height: var(--headings-h1-line-height, 1.2);
+  letter-spacing: var(--headings-h1-letter-spacing, -0.015em);
   color: var(--foreground);
   padding: 0;
-  margin-left: 8px;
 }
 
 .title-field__input::placeholder {

src/components/EditorContent.tsx

@@ -203,18 +203,20 @@ export function EditorContent({
       {showEditor && activeTab && (
         <div className="editor-scroll-area">
           <div className="title-section">
-            <NoteIcon
-              icon={emojiIcon}
-              editable={!isTrashed}
-              onSetIcon={handleSetIcon}
-              onRemoveIcon={handleRemoveIcon}
-            />
-            <TitleField
-              title={activeTab.entry.title}
-              filename={activeTab.entry.filename}
-              editable={!isTrashed}
-              onTitleChange={(newTitle) => onTitleChange?.(activeTab.entry.path, newTitle)}
-            />
+            <div className="title-section__row">
+              <NoteIcon
+                icon={emojiIcon}
+                editable={!isTrashed}
+                onSetIcon={handleSetIcon}
+                onRemoveIcon={handleRemoveIcon}
+              />
+              <TitleField
+                title={activeTab.entry.title}
+                filename={activeTab.entry.filename}
+                editable={!isTrashed}
+                onTitleChange={(newTitle) => onTitleChange?.(activeTab.entry.path, newTitle)}
+              />
+            </div>
             <div className="title-section__separator" />
           </div>
           <SingleEditorView editor={editor} entries={entries} onNavigateWikilink={onNavigateWikilink} onChange={onEditorChange} vaultPath={vaultPath} editable={!isTrashed} />