:root{--editor-bg: #000000;--editor-surface: #0c0d0e;--editor-text: #e6e8eb;--editor-muted: #8a909c;--editor-hairline: rgba(255, 255, 255, .08);--editor-accent: #2c1ff0}html,body{margin:0;padding:0;background:var(--editor-bg);color:var(--editor-text);font-family:Inter Variable,ui-sans-serif,system-ui,-apple-system,sans-serif}.editor-shell{display:flex;flex-direction:column;min-height:100vh;background:var(--editor-bg)}.editor-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:10px 0;border-bottom:1px solid var(--editor-hairline);background:var(--editor-bg);position:sticky;top:0;z-index:10}.editor-meta{display:flex;align-items:center;gap:12px;font-size:13px;min-width:0}.editor-back{color:var(--editor-muted)!important;text-decoration:none!important;flex-shrink:0;transition:color .12s}.editor-back:hover{color:var(--editor-text)!important}.editor-path{color:var(--editor-muted);font-family:ui-monospace,monospace;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.editor-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.editor-btn{white-space:nowrap}.editor-status{font-size:12px;color:var(--editor-muted)}.editor-btn{background:transparent;border:1px solid var(--editor-hairline);color:var(--editor-text);font-size:13px;padding:6px 14px;border-radius:6px;cursor:pointer;transition:all .12s;font-family:inherit}.editor-btn:hover{border-color:#ffffff29}.editor-btn.primary{background:var(--editor-accent);border-color:var(--editor-accent);color:#fff}.editor-btn.primary:hover{background:#4738ff}.editor-btn:disabled{opacity:.5;cursor:not-allowed}.editor-canvas{flex:1;display:flex;justify-content:center;padding:32px 24px 96px}.editor-canvas>.bn-container,.editor-canvas .bn-editor{width:100%;max-width:720px;background:transparent!important}.editor-empty{width:100%;max-width:480px;margin:96px auto;padding:32px;text-align:center;border:1px solid var(--editor-hairline);border-radius:12px;background:var(--editor-surface)}.editor-empty h2{margin:0 0 8px;font-size:20px;font-weight:600}.editor-empty p{margin:0 0 24px;color:var(--editor-muted);font-size:14px}.editor-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--editor-surface);border:1px solid var(--editor-hairline);border-radius:8px;padding:8px 16px;font-size:13px;color:var(--editor-text);pointer-events:none;animation:editor-toast 2.4s ease-out}@keyframes editor-toast{0%{opacity:0;transform:translate(-50%) translateY(8px)}10%,90%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0}}.bn-container{background:transparent!important}.bn-block-content[data-content-type] .bn-inline-content:empty:before{font-style:normal!important;color:var(--editor-muted)!important;opacity:.5}.bn-block-content[data-content-type=heading] .bn-inline-content:empty:before{font-style:normal!important;font-weight:600}.bn-block-outer .bn-block-content,.ProseMirror-selectednode,.bn-block-outer.bn-block-outer-selected{outline-color:#ffffff14!important}[data-color-scheme],.bn-default-styles{--bn-colors-editor-background: transparent !important;--bn-colors-editor-text: var(--editor-text) !important;--bn-colors-menu-background: var(--editor-surface) !important;--bn-colors-menu-text: var(--editor-text) !important;--bn-colors-tooltip-background: var(--editor-surface) !important;--bn-colors-tooltip-text: var(--editor-text) !important;--bn-colors-hovered-background: rgba(255, 255, 255, .06) !important;--bn-colors-selected-background: rgba(44, 31, 240, .18) !important;--bn-colors-selected-text: #fff !important;--bn-colors-disabled-background: transparent !important;--bn-colors-disabled-text: var(--editor-muted) !important;--bn-colors-shadow: rgba(0, 0, 0, .3) !important;--bn-colors-border: var(--editor-hairline) !important;--bn-colors-side-menu: var(--editor-muted) !important;--bn-colors-highlights-gray-background: rgba(255, 255, 255, .06) !important}.editor-shell{min-height:auto}.editor-canvas{padding:16px 0 64px}.editor-header{position:sticky;top:var(--sl-header-height, 56px);background:color-mix(in srgb,var(--sl-color-bg) 92%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--sl-color-hairline);z-index:5;padding:10px 0;margin-bottom:16px}
