.editor-header{position:sticky;top:0;left:0;width:100vw;z-index:100;display:flex;align-items:center;justify-content:center;padding:.25rem 1rem;border-bottom:.5px solid #2a2a2c;background:#141416;flex-shrink:0;min-height:36px;box-sizing:border-box}.editor-header-right{position:absolute;right:12px;gap:8px}.editor-header-right,.editor-header>*{display:flex;align-items:center}.editor-header-toolbar-center{width:100%}.editor-header button,.editor-header-toolbar-center{display:flex;align-items:center;justify-content:center}.editor-header button{color:#a3a3a3}.editor-header .ai-button{color:#ff6b35}.editor-header .ai-button:hover{color:#f7931e}.editor-text-color{color:var(--editor-text-color)}.editor-header-logo{position:absolute;left:12px;top:0}.editor-header-logo,.editor-header-logo .logo-header{height:100%;display:flex;align-items:center;justify-content:center}.editor-header-logo .logo-header{padding:0;margin:0}.editor-header-toolbar{display:flex;align-items:center;justify-content:center;gap:1rem;height:100%}.editor-header-close,.editor-header-preview{display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:6px;background:none;border:none;color:var(--text-2);transition:all .2s ease;cursor:pointer}.editor-header-close:hover,.editor-header-preview:hover{background:var(--surface-hover);color:var(--text-1)}.editor-header-kebab{display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:0;background:transparent;border:none;color:var(--text-2);transition:all .2s ease;cursor:pointer;position:relative}.editor-header-kebab:hover{background:transparent;color:var(--text-1);transform:scale(1.05)}.editor-header-kebab-menu{position:absolute;top:100%;left:0;min-width:180px;background:transparent;border:none;border-radius:0;box-shadow:none;z-index:1001;padding:.5rem 0;display:flex;flex-direction:column;gap:0;margin-top:2px}.editor-header-kebab-menu-item{padding:.7rem 1.2rem;color:var(--text-2);font-size:var(--ui-font-size-md);background:none;border:none;text-align:left;cursor:pointer;transition:background .15s,color .15s}.editor-header-kebab-menu-item[role=button]{outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.editor-header-kebab-menu-item[role=button]:focus{outline:none;box-shadow:none}.editor-header-kebab-menu-item:hover{background:var(--surface-hover);color:var(--accent-primary)}.editor-toolbar{flex-wrap:wrap;padding:4px 0}.editor-toolbar,.toolbar-group{display:flex;align-items:center}.toolbar-group{gap:2px}.toolbar-group:not(:last-child):after{content:"";width:1px;height:16px;background:var(--border-subtle);margin:0 8px;opacity:.6}.toolbar-group-right{margin-left:auto}.toolbar-button{height:36px;padding:0 12px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:rgba(255,255,255,.7);cursor:pointer;display:flex;align-items:center;gap:6px;font-size:.875rem;font-weight:500;transition:all .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative;overflow:hidden}.toolbar-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 50%,rgba(255,255,255,.03));opacity:0;transition:opacity .3s ease;pointer-events:none}.toolbar-button:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#ffffff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.toolbar-button:hover:before{opacity:1}.toolbar-button.active{background:rgba(229,90,44,.15);border-color:#e55a2c;color:#e55a2c;box-shadow:0 4px 16px rgba(229,90,44,.2)}.toolbar-button svg{width:16px;height:16px;transition:transform .2s ease}.toolbar-button:hover svg{transform:scale(1.05)}.block-type-selector{position:relative}.block-type-menu{position:absolute;top:100%;left:0;margin-top:6px;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:8px;padding:6px;width:200px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:20}.block-type-menu-item{width:100%;text-align:left;padding:8px 12px;border-radius:6px;background:none;border:none;color:var(--text-1);cursor:pointer;font-size:.875rem;transition:background .15s ease}.block-type-menu-item:hover{background:var(--surface-hover)}.block-type-menu-item.active{background:var(--accent-subtle);color:var(--accent-primary);font-weight:600}.color-menu-selector{position:relative}.color-menu{position:absolute;top:100%;left:0;margin-top:6px;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:8px;padding:6px;width:180px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:20}.color-menu-item{width:100%;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;background:none;border:none;color:var(--text-1);cursor:pointer;font-size:.875rem;transition:background .15s ease}.color-menu-item:hover{background:var(--surface-hover)}.color-preview{width:16px;height:16px;border-radius:3px;border:1px solid var(--border-subtle)}.editor-header-actions{display:flex;align-items:center;gap:.5rem}.editor-mode-toggle{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2rem;border:1px solid var(--border-subtle);border-radius:4px;background:var(--surface-2);color:var(--text-2);font-size:var(--ui-font-size-sm);font-weight:600;transition:all .2s ease}.editor-mode-toggle:hover{background:var(--surface-3);border-color:var(--border-hover)}.editor-mode-toggle.active{background:var(--accent-subtle);color:var(--accent-primary);border-color:var(--accent-primary)}.editor-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid var(--border-subtle);border-radius:4px;background:var(--surface-2);color:var(--text-2);cursor:pointer;transition:all .2s ease}.editor-close:hover{background:var(--surface-3);border-color:var(--border-hover);color:var(--text-1)}.editor-topbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:var(--surface-2);border-bottom:1px solid var(--border-subtle);gap:1rem}.editor-toolbar-center{flex:1;justify-content:center}.editor-toolbar-center,.editor-topbar-actions{display:flex;align-items:center;gap:.5rem}.editor-title-section{width:100%;max-width:750px;margin:0 auto;padding:2.5rem 3rem .1rem;display:flex;flex-direction:column;align-items:flex-start}.editor-action-button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid var(--border-subtle);border-radius:4px;background:var(--surface-2);color:var(--text-2);cursor:pointer;transition:all .2s ease;font-size:var(--ui-font-size-sm)}.editor-action-button:hover{background:var(--surface-3);border-color:var(--border-hover);color:var(--text-1)}.editor-add-header-image-row{margin-top:0;height:0}.editor-add-header-image{display:flex;justify-content:flex-end;position:fixed;top:calc(36px + 8px);right:max(12px,env(safe-area-inset-right,12px));z-index:90}.editor-add-header-image-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:8px;border:1px solid var(--border-subtle);background:var(--surface-2);color:var(--text-2);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.editor-add-header-image-btn:hover{background:var(--surface-hover);color:var(--text-1);border-color:var(--border)}.editor-add-header-image-btn span{font-size:var(--ui-font-size-xs);font-weight:500}.editor-title-field,.editor-title-span{flex-grow:1;border:none;background:none;padding:0;margin:0;font-size:var(--editor-title-size);color:var(--editor-text-color);letter-spacing:-.02em;line-height:1.1;cursor:text;transform:none;transform-origin:left center;transition:none;font-family:var(--editor-font-family)}.editor-title-field:focus{font-size:var(--editor-title-size);transform:none}.editor-title-span:hover{transform:none}.editor-title-field::placeholder{color:var(--text-3);opacity:.7}.editor-title-wrapper{width:100%;max-width:var(--editor-content-width);padding:0;display:flex;flex-direction:column;align-items:flex-start;min-height:auto;margin:0 auto}.editor-header.title-focused .editor-title-wrapper{padding:4px 0 6px}.editor-title-field:focus{outline:none;box-shadow:none}.editor-title-field,.editor-title-span,textarea.editor-title-field{width:100%;max-width:var(--editor-content-width);min-height:45px;margin:0 auto;display:block;padding:0;font-size:var(--editor-title-size);line-height:1.1;color:var(--editor-text-color);background:none;border:none;outline:none;box-sizing:border-box;white-space:normal;word-break:break-word;overflow:visible;resize:none;text-align:left}.editor-content-wrapper{width:100%;max-width:100%;margin:0 auto;position:relative}.editor-content{width:100%;max-width:100%;min-height:100vh;background:none;border:none;outline:none;padding:0;margin:0;resize:none;overflow:visible}.editor-content:focus{outline:none;box-shadow:none}.editor-content .ProseMirror{width:100%;max-width:100%;min-height:100vh;background:none;border:none;outline:none;padding:0;margin:0;resize:none;overflow:visible}.ProseMirror.editor-content{outline:none}