.write-article[data-v-afed1027]{display:flex;flex-direction:column;height:100vh;background:var(--bg-primary);color:var(--text-primary);overflow:hidden}.editor-header[data-v-afed1027]{height:56px;display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0;z-index:100}.back-home-btn[data-v-afed1027]{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:6px 12px;border-radius:6px;transition:background .2s}.back-home-btn[data-v-afed1027]:hover{background:var(--bg-hover)}.back-icon[data-v-afed1027]{font-size:1.2rem}.back-text[data-v-afed1027]{font-weight:600;color:var(--accent-orange);font-size:.95rem}.editor-identity[data-v-afed1027]{margin-left:1rem;padding-left:1rem;border-left:1px solid var(--border-color);color:var(--text-secondary);font-size:.85rem;font-family:var(--font-mono)}.header-right[data-v-afed1027]{display:flex;align-items:center;gap:1rem}.logout-btn[data-v-afed1027]{padding:.5rem 1rem;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;font-size:.9rem}.logout-btn[data-v-afed1027]:hover{background:var(--bg-hover);color:var(--accent-orange);border-color:var(--accent-orange)}.publish-btn[data-v-afed1027]{padding:.5rem 1.5rem;background:var(--accent-orange);color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0003}.publish-btn[data-v-afed1027]:hover{filter:brightness(1.1);transform:translateY(-1px)}.publish-btn[data-v-afed1027]:disabled{opacity:.6;cursor:not-allowed;transform:none}.editor-toolbar[data-v-afed1027]{height:40px;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 1.5rem;gap:1rem}.toolbar-group[data-v-afed1027]{display:flex;gap:.25rem}.toolbar-divider[data-v-afed1027]{width:1px;height:18px;background:var(--border-color)}.editor-toolbar button[data-v-afed1027]{padding:4px 10px;background:transparent;border:1px solid transparent;color:var(--text-secondary);border-radius:4px;cursor:pointer;font-size:.85rem;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:32px}.editor-toolbar button[data-v-afed1027]:hover{background:var(--bg-hover);color:var(--accent-orange)}.main-container[data-v-afed1027]{display:flex;justify-content:center;flex:1;overflow:hidden;position:relative;background:var(--bg-secondary);gap:1rem}.outline-sidebar[data-v-afed1027],.meta-sidebar[data-v-afed1027]{width:280px;flex-shrink:0;padding:1.5rem;overflow-y:auto;background:var(--bg-secondary);z-index:5;border:1px solid var(--border-color);border-radius:8px;margin:1rem 0}.sidebar-title[data-v-afed1027],.section-label[data-v-afed1027]{font-size:.8rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;margin-bottom:1rem;letter-spacing:.05em}.outline-list[data-v-afed1027]{display:flex;flex-direction:column;gap:.3rem}.outline-item[data-v-afed1027]{padding:.35rem .6rem;border-radius:4px;cursor:pointer;font-size:.85rem;color:var(--text-primary);transition:all .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.outline-item[data-v-afed1027]:hover{background:var(--bg-hover);color:var(--accent-orange)}.outline-item.level-1[data-v-afed1027]{font-weight:600;color:var(--text-bright)}.outline-item.level-2[data-v-afed1027]{padding-left:1.25rem;font-size:.8rem}.outline-item.level-3[data-v-afed1027]{padding-left:2rem;font-size:.75rem;opacity:.8}.outline-item.level-4[data-v-afed1027],.outline-item.level-5[data-v-afed1027],.outline-item.level-6[data-v-afed1027]{padding-left:2.75rem;font-size:.75rem;opacity:.6}.empty-outline[data-v-afed1027]{font-size:.85rem;color:var(--text-secondary);font-style:italic;text-align:center;margin-top:2rem}.writing-area[data-v-afed1027]{flex:0 1 1000px;display:flex;justify-content:center;overflow-y:auto;background:var(--bg-primary);box-shadow:inset 0 0 20px #0003}.editor-container[data-v-afed1027]{width:100%;max-width:1000px;display:flex;min-height:100%;background:var(--bg-elevated);position:relative;box-shadow:0 0 30px #0000004d}.editor-pane[data-v-afed1027]{flex:1;min-width:0;height:100%}.view-mode-toggle-overlay[data-v-afed1027]{position:absolute;top:1rem;right:1rem;display:flex;background:var(--bg-secondary);padding:2px;border-radius:6px;z-index:10;opacity:.4;transition:opacity .3s}.view-mode-toggle-overlay[data-v-afed1027]:hover{opacity:1}.mini-mode-btn[data-v-afed1027]{padding:4px 8px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:4px;font-size:.8rem}.mini-mode-btn.active[data-v-afed1027]{background:var(--bg-elevated);color:var(--accent-orange)}.editor-inner[data-v-afed1027],.preview-inner[data-v-afed1027]{display:flex;flex-direction:column;height:100%}.title-input-editor[data-v-afed1027]{width:100%;padding:2.5rem 2.5rem 1rem;background:transparent;border:none;color:var(--text-bright);font-size:2.2rem;font-weight:700;outline:none}.title-divider[data-v-afed1027]{margin:0 2.5rem;height:1px;background:var(--border-color);opacity:.5}.preview-title[data-v-afed1027]{padding:2.5rem 2.5rem 1rem;font-size:2.2rem;font-weight:700;color:var(--text-bright)}.markdown-editor[data-v-afed1027]{width:100%;flex:1;padding:1.5rem 2.5rem;background:transparent;border:none;color:var(--text-primary);font-family:var(--font-mono);font-size:1.05rem;line-height:1.8;resize:none;outline:none}.preview-pane-wrapper[data-v-afed1027]{flex:1;min-width:0;height:100%;overflow-y:auto}.preview-pane[data-v-afed1027]{padding:1rem 2.5rem 2.5rem;background:transparent}.mode-edit .preview-pane[data-v-afed1027],.mode-preview .editor-pane[data-v-afed1027]{display:none}.mode-edit .editor-pane[data-v-afed1027],.mode-preview .preview-pane[data-v-afed1027]{border-right:none}.meta-section[data-v-afed1027]{margin-bottom:2rem}.type-selector-vertical[data-v-afed1027]{display:flex;flex-direction:column;gap:.5rem}.type-btn-v[data-v-afed1027]{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;text-align:left;transition:all .2s}.type-btn-v.active[data-v-afed1027]{border-color:var(--accent-orange);background:var(--bg-elevated);color:var(--accent-orange)}.meta-control[data-v-afed1027]{display:flex;flex-direction:column;gap:.5rem}.meta-select-v[data-v-afed1027],.meta-input-v[data-v-afed1027],.summary-input-v[data-v-afed1027]{width:100%;padding:.5rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.9rem;outline:none}.meta-input-v[data-v-afed1027]:focus,.summary-input-v[data-v-afed1027]:focus{border-color:var(--accent-orange)}.summary-input-v[data-v-afed1027]{height:100px;resize:none}.meta-btn-v[data-v-afed1027]{padding:.5rem;background:var(--bg-hover);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer}.meta-btn-v[data-v-afed1027]:hover{background:var(--accent-orange);color:#fff}.tags-manager-v[data-v-afed1027]{display:flex;flex-direction:column;gap:.75rem}.existing-tags-v[data-v-afed1027]{display:flex;flex-wrap:wrap;gap:.4rem}.tag-pill-v[data-v-afed1027]{padding:.2rem .6rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;font-size:.75rem;cursor:pointer}.tag-pill-v.selected[data-v-afed1027]{background:var(--accent-orange);color:#fff;border-color:var(--accent-orange)}.writing-area[data-v-afed1027]::-webkit-scrollbar{width:8px}.outline-sidebar[data-v-afed1027]::-webkit-scrollbar,.meta-sidebar[data-v-afed1027]::-webkit-scrollbar{width:4px}.back-home-btn[data-v-afed1027]{border:0;background:transparent;color:inherit}.writing-area[data-v-afed1027]{min-width:0}@media(max-width:1100px){.outline-sidebar[data-v-afed1027]{display:none}}@media(max-width:760px){.write-article[data-v-afed1027]{height:auto;min-height:100vh;overflow:visible}.editor-header[data-v-afed1027]{padding:0 12px;gap:8px}.editor-identity[data-v-afed1027]{display:none}.editor-toolbar[data-v-afed1027]{height:auto;min-height:40px;flex-wrap:wrap;padding:8px}.main-container[data-v-afed1027]{flex-direction:column;overflow:visible;gap:16px}.writing-area[data-v-afed1027]{flex:auto;order:0;width:100%;overflow:visible}.meta-sidebar[data-v-afed1027]{order:1;width:100%;margin:0;overflow:visible}.editor-container[data-v-afed1027]{flex-direction:column;min-height:60vh;padding-top:48px}.view-mode-toggle-overlay[data-v-afed1027]{opacity:1;top:8px}.editor-pane[data-v-afed1027],.preview-pane-wrapper[data-v-afed1027]{height:auto;flex:auto}.markdown-editor[data-v-afed1027]{min-height:45vh;padding:16px}.title-input-editor[data-v-afed1027],.preview-title[data-v-afed1027]{font-size:24px;padding:16px}.preview-pane[data-v-afed1027]{padding:16px;overflow-wrap:anywhere}.preview-pane[data-v-afed1027] pre{overflow:auto}}