.app{max-width:1200px;margin:0 auto;padding:2rem}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}header h1{font-size:1.5rem;font-weight:600}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;border:none;transition:all .15s ease}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{filter:brightness(1.1)}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--accent)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{color:var(--text)}.post-list{list-style:none}.post-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:.75rem;transition:border-color .15s ease}.post-item:hover{border-color:var(--accent)}.post-info h3{font-size:1rem;font-weight:500;margin-bottom:.25rem}.post-info .meta{font-size:.8rem;color:var(--text-muted)}.post-actions{display:flex;gap:.5rem}.editor-container{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;height:calc(100vh - 200px)}.editor-pane,.preview-pane{display:flex;flex-direction:column}.editor-pane h2,.preview-pane h2{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.75rem}.editor-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-group label{font-size:.8rem;font-weight:500;color:var(--text-muted)}.form-group input,.form-group textarea{padding:.625rem .875rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.9rem;font-family:inherit;resize:vertical}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent)}.form-group textarea.content-editor{flex:1;min-height:400px;font-family:ui-monospace,monospace;line-height:1.6}.preview-pane .preview-content{flex:1;padding:1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow-y:auto}.preview-content h1,.preview-content h2,.preview-content h3{margin:1rem 0 .5rem}.preview-content p{margin-bottom:1rem;line-height:1.7}.preview-content code{background:var(--bg);padding:.2em .4em;border-radius:4px;font-size:.9em}.loading{display:flex;justify-content:center;align-items:center;min-height:200px;color:var(--text-muted)}.message{padding:.75rem 1rem;border-radius:6px;font-size:.875rem;margin-bottom:1rem}.message.success{background:#10b98126;color:var(--success)}.message.error{background:#ef444426;color:var(--error)}@media(max-width:768px){.editor-container{grid-template-columns:1fr}.preview-pane{display:none}}