*{box-sizing:border-box;margin:0;padding:0}body{background:#fff;flex-direction:column;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}#header{color:#e2e8f0;background:#1e293b;justify-content:space-between;align-items:center;padding:8px 16px;display:flex}#header-left{align-items:center;gap:10px;display:flex}#app-icon{border-radius:6px}#app-name{letter-spacing:.02em;font-size:18px;font-weight:700}#header-right{align-items:center;gap:16px;display:flex}.header-link{color:#cbd5e1;font-size:13px;text-decoration:none;transition:color .15s}.header-link:hover{color:#fff}#download-app{color:#93c5fd;border:1px solid #3b82f6;border-radius:6px;padding:4px 12px;font-size:13px;text-decoration:none;transition:background .15s,color .15s}#download-app:hover{color:#fff;background:#3b82f6}#control-bar{background:#fafafa;border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;padding:8px 16px;display:flex}#writing-mode{gap:16px;display:flex}.radio-label{cursor:pointer;align-items:center;gap:4px;font-size:14px;display:flex}#export-controls{align-items:center;gap:8px;display:flex}#export-format{cursor:pointer;background:#fff;border:1px solid #d0d0d0;border-radius:4px;padding:6px 10px;font-size:13px}#export-btn{color:#fff;cursor:pointer;background:#2563eb;border:1px solid #1d4ed8;border-radius:4px;padding:6px 16px;font-size:13px;font-weight:500;transition:background .15s}#export-btn:hover{background:#1d4ed8}#editor-container{flex:1;overflow:auto}#editor{min-height:100%;padding:32px 40px}#editor.vertical-writing{writing-mode:vertical-rl;overflow:auto hidden}#editor.vertical-writing .tiptap{writing-mode:vertical-rl}#editor.horizontal-writing{writing-mode:horizontal-tb;overflow:hidden auto}.tiptap{outline:none;min-height:100%}.tiptap h1{margin-bottom:.4em;font-size:1.8em}.tiptap h2{margin-bottom:.3em;font-size:1.4em}.tiptap h3{margin-bottom:.3em;font-size:1.2em}.tiptap p{margin-bottom:.6em;line-height:1.8}.tiptap ul,.tiptap ol{margin-bottom:.6em;padding-left:1.5em}.tiptap blockquote{color:#666;border-left:3px solid #ddd;margin-bottom:.6em;padding-left:1em}.tiptap code{background:#f3f4f6;border-radius:3px;padding:2px 4px;font-size:.9em}.tiptap pre{color:#e2e8f0;background:#1e293b;border-radius:6px;margin-bottom:.6em;padding:12px 16px;overflow-x:auto}.tiptap pre code{background:0 0;padding:0}.tiptap a{color:#2563eb;text-decoration:underline}.tiptap img{border-radius:4px;max-width:100%;height:auto}#footer{color:#475569;background:#f0f4ff;border-top:1px solid #dbeafe;justify-content:center;align-items:center;gap:12px;padding:10px 16px;font-size:13px;display:flex}.cta-btn{color:#2563eb;border:1px solid #2563eb;border-radius:4px;padding:4px 12px;font-weight:600;text-decoration:none;transition:background .15s,color .15s}.cta-btn:hover{color:#fff;background:#2563eb}@media print{#header,#control-bar,#footer{display:none!important}#editor-container{overflow:visible}#editor{padding:0}body{height:auto}}