/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Merriweather:wght@400;700&display=swap";.blog-writer{box-sizing:border-box;color:#333;background-color:#f9f9f9;flex-direction:column;width:100%;max-width:1600px;height:100vh;margin:0 auto;padding:1rem;font-family:Inter,sans-serif;transition:all .3s;display:flex}.blog-writer.fullscreen{z-index:9999;background-color:#fff;width:100vw;max-width:none;height:100vh;padding:1.5rem;position:fixed;top:0;left:0}.blog-writer__header{flex-direction:column;margin-bottom:1rem;display:flex}@media (width>=768px){.blog-writer__header{flex-direction:row;justify-content:space-between;align-items:center}}.blog-writer__title{background-color:#fff;border:1px solid #ddd;border-radius:4px;width:100%;margin-bottom:1rem;padding:.75rem 1rem;font-size:1.5rem;font-weight:600}@media (width>=768px){.blog-writer__title{flex:1;margin-bottom:0;margin-right:1rem}}.blog-writer__title:focus{border-color:#4a90e2;outline:none;box-shadow:0 0 0 2px #4a90e233}.blog-writer__toolbar{background-color:#fff;border-radius:4px;flex-wrap:wrap;gap:.5rem;padding:.5rem;display:flex;box-shadow:0 1px 3px #0000001a}.blog-writer__toolbar button{color:#555;cursor:pointer;background-color:#f1f1f1;border:none;border-radius:4px;justify-content:center;align-items:center;min-width:2rem;height:2rem;padding:0 .5rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.blog-writer__toolbar button:hover:not(:disabled){background-color:#e0e0e0}.blog-writer__toolbar button:disabled{opacity:.5;cursor:not-allowed}.blog-writer__editor-container{flex-direction:column;flex:1;min-height:300px;margin-bottom:1rem;display:flex}@media (width>=1024px){.blog-writer__editor-container{flex-direction:row;gap:1rem}}.blog-writer__editor{resize:none;background-color:#fff;border:1px solid #ddd;border-radius:4px;width:100%;height:100%;min-height:300px;margin-bottom:1rem;padding:1rem;font-family:Merriweather,serif;line-height:1.6}@media (width>=1024px){.blog-writer__editor{flex:1;margin-bottom:0}}.blog-writer__editor:focus{border-color:#4a90e2;outline:none;box-shadow:0 0 0 2px #4a90e233}.blog-writer__markdown-preview{background-color:#fff;border:1px solid #ddd;border-radius:4px;width:100%;height:100%;padding:1rem;display:none;overflow-y:auto}.blog-writer__markdown-preview .preview-title{text-transform:uppercase;letter-spacing:1px;color:#999;border-bottom:1px solid #eee;margin-bottom:.5rem;padding-bottom:.5rem;font-size:.8rem}.blog-writer__markdown-preview .preview-content{font-family:Merriweather,serif;line-height:1.6}.blog-writer__markdown-preview .preview-content h1,.blog-writer__markdown-preview .preview-content h2,.blog-writer__markdown-preview .preview-content h3{margin-top:1.5rem;margin-bottom:1rem;font-weight:600}.blog-writer__markdown-preview .preview-content h1{font-size:2rem}.blog-writer__markdown-preview .preview-content h2{font-size:1.5rem}.blog-writer__markdown-preview .preview-content h3{font-size:1.25rem}.blog-writer__markdown-preview .preview-content p{margin-bottom:1rem}.blog-writer__markdown-preview .preview-content a{color:#4a90e2;text-decoration:none}.blog-writer__markdown-preview .preview-content a:hover{text-decoration:underline}.blog-writer__markdown-preview .preview-content ol,.blog-writer__markdown-preview .preview-content ul{margin-bottom:1rem;padding-left:2rem}@media (width>=1024px){.blog-writer__markdown-preview{flex:1;display:block}}.blog-writer__footer{background-color:#fff;border-radius:4px;justify-content:space-between;align-items:center;padding:.75rem;display:flex;box-shadow:0 1px 3px #0000001a}.blog-writer__word-count{color:#777;font-size:.9rem}.blog-writer__status{color:#4a90e2;font-size:.9rem}.blog-writer__save-button{color:#fff;cursor:pointer;background-color:#4a90e2;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s}.blog-writer__save-button:hover:not(:disabled){background-color:#3a80d2}.blog-writer__save-button:disabled{opacity:.7;cursor:not-allowed}.blog-writer__shortcuts-help{z-index:100;position:fixed;bottom:1rem;right:1rem}.blog-writer__shortcuts-help .shortcuts-toggle{color:#fff;cursor:pointer;background-color:#333;border-radius:4px;padding:.5rem 1rem;font-size:.8rem;transition:all .2s}.blog-writer__shortcuts-help .shortcuts-toggle:hover{background-color:#444}.blog-writer__shortcuts-help .shortcuts-list{background-color:#fff;border-radius:4px;min-width:200px;margin-bottom:.5rem;padding:1rem;font-size:.9rem;display:none;position:absolute;bottom:100%;right:0;box-shadow:0 2px 8px #00000026}.blog-writer__shortcuts-help .shortcuts-list.visible{display:block}.blog-writer__shortcuts-help .shortcuts-list div{margin-bottom:.5rem}.blog-writer__shortcuts-help .shortcuts-list div:last-child{margin-bottom:0}@media (prefers-color-scheme:dark){.blog-writer{color:#eee}.blog-writer,.blog-writer.fullscreen{background-color:#222}.blog-writer__editor,.blog-writer__markdown-preview,.blog-writer__title{color:#eee;background-color:#333;border-color:#444}.blog-writer__footer,.blog-writer__toolbar{background-color:#333}.blog-writer__footer button,.blog-writer__toolbar button{color:#ddd;background-color:#444}.blog-writer__footer button:hover:not(:disabled),.blog-writer__toolbar button:hover:not(:disabled){background-color:#555}.blog-writer__save-button{background-color:#4a90e2}.blog-writer__save-button:hover:not(:disabled){background-color:#3a80d2}.blog-writer__markdown-preview .preview-content a{color:#6ab0ff}.blog-writer__shortcuts-help .shortcuts-list{color:#eee;background-color:#333}}