.blog-editor-container{display:flex;flex-direction:column;height:calc(100vh - 200px);min-height:600px;background:var(--theme-background);border-radius:12px;overflow:hidden;border:1px solid color-mix(in srgb,var(--theme-foreground) 10%,transparent)}.editor-loading{display:flex;align-items:center;justify-content:center;height:200px;color:var(--theme-foreground);font-family:var(--theme-font),monospace}.editor-toolbar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:color-mix(in srgb,var(--theme-foreground) 5%,var(--theme-background));border-bottom:1px solid color-mix(in srgb,var(--theme-foreground) 8%,transparent);flex-shrink:0;flex-wrap:wrap}.toolbar-group{display:flex;align-items:center;gap:4px;padding-right:12px;border-right:1px solid color-mix(in srgb,var(--theme-foreground) 10%,transparent)}.toolbar-group:last-child{border-right:none}.toolbar-group-right{margin-left:auto;border-right:none;padding-right:0;gap:16px}.toolbar-button{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;background:color-mix(in srgb,var(--theme-foreground) 8%,var(--theme-background));color:color-mix(in srgb,var(---theme-accent) 85%,transparent);border:1px solid color-mix(in srgb,var(--theme-foreground) 12%,transparent);border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;font-family:var(--theme-font),monospace;transition:all .2s cubic-bezier(.4,0,.2,1);min-width:64px;height:36px;box-shadow:0 1px 2px color-mix(in srgb,var(--theme-foreground) 5%,transparent)}.toolbar-button:hover{background:color-mix(in srgb,var(--theme-foreground) 12%,var(--theme-background));color:var(--theme-foreground);border-color:color-mix(in srgb,var(--theme-foreground) 20%,transparent);box-shadow:0 2px 4px color-mix(in srgb,var(--theme-foreground) 8%,transparent);transform:translateY(-1px)}.toolbar-button:active{transform:translateY(0);box-shadow:0 1px 2px color-mix(in srgb,var(--theme-foreground) 5%,transparent)}.toolbar-button.is-active{background:color-mix(in srgb,var(--theme-accent) 15%,var(--theme-background));color:var(--theme-accent);border-color:color-mix(in srgb,var(--theme-accent) 30%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--theme-accent) 20%,transparent)}.toolbar-dropdown{position:relative;display:inline-block}.toolbar-dropdown-menu{display:none;position:absolute;top:100%;left:0;margin-top:4px;background:var(--theme-background);border:1px solid color-mix(in srgb,var(--theme-foreground) 15%,transparent);border-radius:6px;box-shadow:0 4px 12px color-mix(in srgb,var(--theme-foreground) 20%,transparent);z-index:1000;min-width:120px;padding:4px}.toolbar-dropdown:hover .toolbar-dropdown-menu{display:block}.toolbar-dropdown-item{display:block;width:100%;padding:8px 12px;background:transparent;color:var(--theme-foreground);border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;font-family:var(--theme-font),monospace;text-align:left;transition:all .2s ease}.toolbar-dropdown-item:hover{background:color-mix(in srgb,var(--theme-foreground) 10%,var(--theme-background));color:var(--theme-accent)}.editor-content-wrapper{flex:1;overflow-y:auto;background:var(--theme-background);position:relative;min-height:0}.editor-content-wrapper>div{height:100%;display:flex;flex-direction:column}.prose-editor{max-width:100%;color:var(--theme-foreground);font-family:var(--theme-font),monospace;font-size:16px;line-height:1.75;min-height:100%}.prose-editor:focus{outline:none}.prose-editor .ProseMirror{outline:none;min-height:100%}.prose-editor .ProseMirror:focus{outline:none}.prose-editor p{margin:1.5rem 0}.prose-editor h1,.prose-editor h2,.prose-editor h3,.prose-editor h4,.prose-editor h5,.prose-editor h6{font-weight:600;margin-top:2rem;margin-bottom:1rem;color:var(--theme-foreground)}.prose-editor h1{font-size:1.75rem;color:var(--theme-heading1)}.prose-editor h1:before{content:"#";margin-right:.5rem}.prose-editor h2{font-size:1.6rem;color:var(--theme-heading2)}.prose-editor h2:before{content:"##";margin-right:.5rem}.prose-editor h3{font-size:1.5rem;color:var(--theme-heading3)}.prose-editor h3:before{content:"###";margin-right:.5rem}.prose-editor strong{font-weight:600}.prose-editor code{background:color-mix(in srgb,var(--theme-foreground) 5%,transparent);color:color-mix(in srgb,var(--theme-foreground) 90%,transparent);padding:2px 8px;border-radius:6px;font-size:.875rem;font-family:var(--theme-font),monospace}.prose-editor pre.expressive-code{background:transparent;border:2px solid color-mix(in srgb,var(--theme-foreground) 8%,transparent);border-radius:12px;padding:0;overflow-x:auto;margin:2rem 0;position:relative}.prose-editor pre.expressive-code code{display:block;background:transparent;padding:16px;color:inherit;font-family:var(--theme-font),monospace;font-size:.875rem;line-height:1.6;overflow-x:auto;border-radius:10px}.prose-editor pre.expressive-code{--ec-codeFontFml: var(--theme-font), monospace}.prose-editor pre.expressive-code code span{font-style:normal!important}.prose-editor blockquote{border-left:4px solid var(--theme-accent);padding-left:1.5rem;margin:1.5rem 0;background:color-mix(in srgb,var(--theme-foreground) 5%,transparent);border-radius:8px;padding:1rem 1.5rem;position:relative}.prose-editor blockquote:before{content:">";position:absolute;left:.75rem;color:var(--theme-accent);font-weight:600}.prose-editor ul,.prose-editor ol{padding-left:2rem;margin:1.5rem 0}.prose-editor ul li{list-style-type:"-";margin:.5rem 0;color:var(--theme-list)}.prose-editor ol li{list-style-type:decimal;margin:.5rem 0;color:var(--theme-list)}.prose-editor a{color:var(--theme-link);text-decoration:underline;text-underline-offset:2px}.prose-editor a:hover{text-decoration:underline}.prose-editor img{display:block;max-width:100%;margin:1.5rem auto;border:8px solid color-mix(in srgb,var(--theme-foreground) 10%,transparent);border-radius:12px;overflow:hidden}.prose-editor hr{border:none;border-top:1px solid color-mix(in srgb,var(--theme-separator) 50%,transparent);margin:2rem 0;border-radius:1px}.prose-editor aside.admonition{padding:1.5rem 1.75rem;border-radius:12px;margin:1.5rem 0;background:color-mix(in srgb,var(--theme-foreground) 7%,var(--theme-background))}@media(min-width:768px){.prose-editor aside.admonition{padding-left:1.5rem;padding-right:1.5rem}}.prose-editor aside.admonition p.admonition-title{margin-bottom:.5rem;display:inline-block;font-weight:600;position:relative;margin-left:1.625rem;color:var(--theme-foreground)}@media(min-width:768px){.prose-editor aside.admonition p.admonition-title{margin-left:2.125rem}}.prose-editor aside.admonition p.admonition-title:before{width:1rem;height:1rem;position:absolute;left:-1.5rem;top:.375rem;content:"";mask-size:contain;mask-position:center;mask-repeat:no-repeat}.prose-editor aside.admonition[data-admonition-type=note]{background:color-mix(in srgb,var(--theme-note) 7%,var(--theme-background))}.prose-editor aside.admonition[data-admonition-type=note] p.admonition-title{color:var(--theme-note)}.prose-editor aside.admonition[data-admonition-type=note] p.admonition-title:before{background:var(--theme-note);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' width='16' height='16' aria-hidden='true'%3E%3Cpath d='M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8Zm8-6.5a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13ZM6.5 7.75A.75.75 0 0 1 7.25 7h1a.75.75 0 0 1 .75.75v2.75h.25a.75.75 0 0 1 0 1.5h-2a.75.75 0 0 1 0-1.5h.25v-2h-.25a.75.75 0 0 1-.75-.75ZM8 6a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z'%3E%3C/path%3E%3C/svg%3E")}.prose-editor aside.admonition[data-admonition-type=tip]{background:color-mix(in srgb,var(--theme-tip) 7%,var(--theme-background))}.prose-editor aside.admonition[data-admonition-type=tip] p.admonition-title{color:var(--theme-tip)}.prose-editor aside.admonition[data-admonition-type=tip] p.admonition-title:before{background:var(--theme-tip);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' width='16' height='16' aria-hidden='true'%3E%3Cpath d='M8 1.5c-2.363 0-4 1.69-4 3.75 0 .984.424 1.625.984 2.304l.214.253c.223.264.47.556.673.848.284.411.537.896.621 1.49a.75.75 0 0 1-1.484.211c-.04-.282-.163-.547-.37-.847a8.456 8.456 0 0 0-.542-.68c-.084-.1-.173-.205-.268-.32C3.201 7.75 2.5 6.766 2.5 5.25 2.5 2.31 4.863 0 8 0s5.5 2.31 5.5 5.25c0 1.516-.701 2.5-1.328 3.259-.095.115-.184.22-.268.319-.207.245-.383.453-.541.681-.208.3-.33.565-.37.847a.751.751 0 0 1-1.485-.212c.084-.593.337-1.078.621-1.489.203-.292.45-.584.673-.848.075-.088.147-.173.213-.253.561-.679.985-1.32.985-2.304 0-2.06-1.637-3.75-4-3.75ZM5.75 12h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5ZM6 15.25a.75.75 0 0 1 .75-.75h2.5a.75.75 0 0 1 0 1.5h-2.5a.75.75 0 0 1-.75-.75Z'%3E%3C/path%3E%3C/svg%3E")}.prose-editor aside.admonition[data-admonition-type=important]{background:color-mix(in srgb,var(--theme-important) 7%,var(--theme-background))}.prose-editor aside.admonition[data-admonition-type=important] p.admonition-title{color:var(--theme-important)}.prose-editor aside.admonition[data-admonition-type=important] p.admonition-title:before{background:var(--theme-important);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' width='16' height='16' aria-hidden='true'%3E%3Cpath d='M0 1.75C0 .784.784 0 1.75 0h12.5C15.216 0 16 .784 16 1.75v9.5A1.75 1.75 0 0 1 14.25 13H8.06l-2.573 2.573A1.458 1.458 0 0 1 3 14.543V13H1.75A1.75 1.75 0 0 1 0 11.25Zm1.75-.25a.25.25 0 0 0-.25.25v9.5c0 .138.112.25.25.25h2a.75.75 0 0 1 .75.75v2.19l2.72-2.72a.749.749 0 0 1 .53-.22h6.5a.25.25 0 0 0 .25-.25v-9.5a.25.25 0 0 0-.25-.25Zm7 2.25v2.5a.75.75 0 0 1-1.5 0v-2.5a.75.75 0 0 1 1.5 0ZM9 9a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z'%3E%3C/path%3E%3C/svg%3E")}.prose-editor aside.admonition[data-admonition-type=caution]{background:color-mix(in srgb,var(--theme-caution) 7%,var(--theme-background))}.prose-editor aside.admonition[data-admonition-type=caution] p.admonition-title{color:var(--theme-caution)}.prose-editor aside.admonition[data-admonition-type=caution] p.admonition-title:before{background:var(--theme-caution);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' width='16' height='16' aria-hidden='true'%3E%3Cpath d='M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575Zm1.763.707a.25.25 0 0 0-.44 0L1.698 13.132a.25.25 0 0 0 .22.368h12.164a.25.25 0 0 0 .22-.368Zm.53 3.996v2.5a.75.75 0 0 1-1.5 0v-2.5a.75.75 0 0 1 1.5 0ZM9 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z'%3E%3C/path%3E%3C/svg%3E")}.prose-editor aside.admonition[data-admonition-type=warning]{background:color-mix(in srgb,var(--theme-warning) 7%,var(--theme-background))}.prose-editor aside.admonition[data-admonition-type=warning] p.admonition-title{color:var(--theme-warning)}.prose-editor aside.admonition[data-admonition-type=warning] p.admonition-title:before{background:var(--theme-warning);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' width='16' height='16' aria-hidden='true'%3E%3Cpath d='M4.47.22A.749.749 0 0 1 5 0h6c.199 0 .389.079.53.22l4.25 4.25c.141.14.22.331.22.53v6a.749.749 0 0 1-.22.53l-4.25 4.25A.749.749 0 0 1 11 16H5a.749.749 0 0 1-.53-.22L.22 11.53A.749.749 0 0 1 0 11V5c0-.199.079-.389.22-.53Zm.84 1.28L1.5 5.31v5.38l3.81 3.81h5.38l3.81-3.81V5.31L10.69 1.5ZM8 4a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-1.5 0v-3.5A.75.75 0 0 1 8 4Zm0 8a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z'%3E%3C/path%3E%3C/svg%3E")}.prose-editor>p.is-empty:first-child:before,.prose-editor>.ProseMirror>p.is-empty:first-child:before{content:attr(data-placeholder);float:left;color:color-mix(in srgb,var(--theme-foreground) 40%,transparent);pointer-events:none;height:0}.prose-editor>.ProseMirror.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:color-mix(in srgb,var(--theme-foreground) 40%,transparent);pointer-events:none;height:0}.prose-editor aside.admonition .is-empty:before,.prose-editor aside.admonition p.is-empty:before{content:none!important}.prose-preview{padding:24px;max-width:100%;color:var(--theme-foreground);font-family:var(--theme-font),monospace}.prose-preview :global(*){box-sizing:border-box}@media(max-width:768px){.blog-editor-container{height:calc(100vh - 150px);min-height:500px}.editor-toolbar{padding:8px 12px;gap:4px}.toolbar-group{padding-right:8px;gap:2px}.toolbar-button{padding:6px 12px;font-size:13px;min-width:56px;height:32px}.prose-editor{padding:16px;font-size:14px}}