diff --git a/src/lib/editor/Editor.svelte b/src/lib/editor/Editor.svelte
index 8f972b0..b54af45 100644
--- a/src/lib/editor/Editor.svelte
+++ b/src/lib/editor/Editor.svelte
@@ -32,5 +32,5 @@
diff --git a/src/styles/editor.css b/src/styles/editor.css
index bd69562..230de0a 100644
--- a/src/styles/editor.css
+++ b/src/styles/editor.css
@@ -6,14 +6,19 @@
overflow-y: auto;
}
-.editor .tiptap {
+/* Fixed A4 paper container (794px = 210mm at 96dpi) */
+.paper {
+ width: 794px;
+ max-width: calc(100vw - 2rem);
+ flex-shrink: 0;
+}
+
+.paper .tiptap {
width: 100%;
- max-width: 720px;
- min-height: 60vh;
- padding: 2rem;
+ min-height: 1123px; /* 297mm at 96dpi */
+ padding: 2.5rem 3rem;
background: var(--color-surface);
- border-radius: var(--radius);
- box-shadow: var(--shadow);
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
border: 1px solid var(--color-border);
outline: none;
font-family: var(--font-serif);
@@ -22,13 +27,13 @@
color: var(--color-text);
}
-.editor .tiptap p {
+.paper .tiptap p {
margin-bottom: 0.75em;
}
-.editor .tiptap h1,
-.editor .tiptap h2,
-.editor .tiptap h3 {
+.paper .tiptap h1,
+.paper .tiptap h2,
+.paper .tiptap h3 {
font-family: var(--font-sans);
font-weight: 700;
line-height: 1.3;
@@ -36,19 +41,19 @@
margin-bottom: 0.5em;
}
-.editor .tiptap h1 {
+.paper .tiptap h1 {
font-size: 1.75rem;
}
-.editor .tiptap h2 {
+.paper .tiptap h2 {
font-size: 1.4rem;
}
-.editor .tiptap h3 {
+.paper .tiptap h3 {
font-size: 1.15rem;
}
-.editor .tiptap p.is-editor-empty:first-child::before {
+.paper .tiptap p.is-editor-empty:first-child::before {
content: attr(data-placeholder);
float: left;
color: var(--color-text-muted);