.expanded-editor-backdrop{position:fixed;inset:0;background:#0009;z-index:1040}.expanded-editor-card{position:fixed;inset:48px 287px 48px 48px;z-index:1050;display:flex;flex-direction:column;background:var(--bg-tertiary, #1c1c1c);border:1px solid var(--border-subtle, #333333);border-radius:12px;box-shadow:0 16px 48px #00000080,0 0 0 1px #ffffff0d;overflow:hidden}.expanded-editor-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-subtle, #333333);flex-shrink:0}.expanded-editor-title{font-family:var(--font-body, Lato, sans-serif);font-size:14px;font-weight:600;color:var(--text-primary, #ffffff)}.expanded-editor-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:var(--text-tertiary, #8B8B8B);cursor:pointer;transition:background .15s ease,color .15s ease}.expanded-editor-close:hover{background:var(--bg-hover, rgba(255, 255, 255, .1));color:var(--text-primary, #ffffff)}.expanded-editor-header-right{position:relative}.expanded-editor-discard-popover{position:absolute;top:100%;right:0;margin-top:8px;width:220px;padding:12px;background:var(--bg-tertiary, #1c1c1c);border:1px solid var(--border-medium, #404040);border-radius:8px;box-shadow:0 8px 24px #00000080;z-index:10}.expanded-editor-discard-text{margin:0 0 10px;font-family:var(--font-body, Lato, sans-serif);font-size:13px;color:var(--text-secondary, #d9d9d9)}.expanded-editor-discard-actions{display:flex;gap:8px}.expanded-editor-discard-btn-cancel{flex:1;padding:5px 0;border:1px solid var(--border-medium, #404040);border-radius:6px;background:transparent;color:var(--text-secondary, #d9d9d9);font-family:var(--font-body, Lato, sans-serif);font-size:12px;font-weight:500;cursor:pointer;transition:background .15s ease}.expanded-editor-discard-btn-cancel:hover{background:var(--bg-hover, rgba(255, 255, 255, .08))}.expanded-editor-discard-btn-discard{flex:1;padding:5px 0;border:1px solid var(--status-error, #EF4444);border-radius:6px;background:var(--status-error, #EF4444);color:#fff;font-family:var(--font-body, Lato, sans-serif);font-size:12px;font-weight:600;cursor:pointer;transition:opacity .15s ease}.expanded-editor-discard-btn-discard:hover{opacity:.9}.expanded-editor-agentic-card{flex-shrink:0;margin:12px 16px 0;padding:12px;background:var(--bg-secondary, #0a0a0a);border:1px solid var(--border-subtle, #333333);border-radius:8px;overflow:hidden}.expanded-editor-agentic-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:var(--text-tertiary, #8B8B8B)}.expanded-editor-agentic-instruction{flex:1;font-family:var(--font-body, Lato, sans-serif);font-size:12px;font-style:italic;color:var(--text-secondary, #d9d9d9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expanded-editor-agentic-close{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;border-radius:4px;background:transparent;color:var(--text-tertiary, #8B8B8B);cursor:pointer;flex-shrink:0;transition:background .15s ease,color .15s ease}.expanded-editor-agentic-close:hover{background:var(--bg-hover, rgba(255, 255, 255, .1));color:var(--text-primary, #ffffff)}.expanded-editor-agentic-refined{max-height:120px;overflow-y:auto;padding:8px 12px;background:var(--bg-tertiary, #1c1c1c);border-radius:6px;font-family:var(--font-body, Lato, sans-serif);font-size:13px;line-height:1.6;color:var(--text-primary, #ffffff);white-space:pre-wrap;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.expanded-editor-agentic-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.expanded-editor-agentic-btn{padding:4px 12px;border:1px solid var(--border-medium, #404040);border-radius:6px;background:transparent;color:var(--text-secondary, #d9d9d9);font-family:var(--font-body, Lato, sans-serif);font-size:12px;font-weight:500;cursor:pointer;transition:background .15s ease}.expanded-editor-agentic-btn:hover{background:var(--bg-hover, rgba(255, 255, 255, .08))}.expanded-editor-agentic-btn:disabled{opacity:.5;cursor:not-allowed}.expanded-editor-agentic-btn-primary{border-color:var(--accent-primary, #FF8EE5);background:var(--accent-primary, #FF8EE5);color:#000;font-weight:600}.expanded-editor-agentic-btn-primary:hover{opacity:.9;background:var(--accent-primary, #FF8EE5)}.expanded-editor-body{flex:1;display:flex;overflow:hidden;min-height:0}.expanded-editor-pane{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.expanded-editor-pane-half{flex:0 0 50%}.expanded-editor-divider{width:1px;background:var(--border-subtle, #333333);flex-shrink:0}.expanded-editor-pane-label{padding:6px 24px;font-family:var(--font-body, Lato, sans-serif);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary, #8B8B8B);border-bottom:1px solid var(--border-subtle, #333333);flex-shrink:0}.expanded-editor-pane-edit{background:var(--bg-secondary, #0a0a0a)}.expanded-editor-pane-preview{background:var(--bg-tertiary, #1c1c1c)}.expanded-editor-textarea{flex:1;width:100%;margin:0;padding:20px 24px;border:none;resize:none;outline:none;background:transparent;color:var(--text-primary, #ffffff);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:14px;line-height:1.8;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}.expanded-editor-textarea::placeholder{color:var(--text-placeholder, #999999)}.expanded-editor-textarea::-webkit-scrollbar{width:4px}.expanded-editor-textarea::-webkit-scrollbar-track{background:transparent}.expanded-editor-textarea::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:2px}.expanded-editor-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-top:1px solid var(--border-subtle, #333333);flex-shrink:0}.expanded-editor-charcount{font-family:var(--font-body, Lato, sans-serif);font-size:12px;color:var(--text-tertiary, #8B8B8B)}.expanded-editor-footer-actions{display:flex;align-items:center;gap:8px}.expanded-editor-btn-cancel{padding:6px 16px;border:1px solid var(--border-medium, #404040);border-radius:6px;background:transparent;color:var(--text-secondary, #d9d9d9);font-family:var(--font-body, Lato, sans-serif);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease}.expanded-editor-btn-cancel:hover{background:var(--bg-hover, rgba(255, 255, 255, .08));border-color:var(--border-prominent, #555555)}.expanded-editor-btn-save{padding:6px 16px;border:1px solid var(--accent-primary, #FF8EE5);border-radius:6px;background:var(--accent-primary, #FF8EE5);color:#000;font-family:var(--font-body, Lato, sans-serif);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease,opacity .15s ease}.expanded-editor-btn-save:hover{opacity:.9}.markdown-preview{flex:1;overflow-y:auto;padding:16px 20px;font-family:var(--font-body, Lato, sans-serif);font-size:15px;line-height:1.7;color:var(--text-primary);scrollbar-width:thin;scrollbar-color:var(--text-node-scrollbar-thumb) transparent}.markdown-preview::-webkit-scrollbar{width:4px}.markdown-preview::-webkit-scrollbar-track{background:transparent}.markdown-preview::-webkit-scrollbar-thumb{background:var(--text-node-scrollbar-thumb, rgba(255, 255, 255, .25));border-radius:2px}.markdown-preview-empty{color:var(--text-node-metadata-text);font-style:italic}.markdown-preview h1{font-size:24px;font-weight:700;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border-primary)}.markdown-preview h2{font-size:20px;font-weight:600;margin:20px 0 8px}.markdown-preview h3{font-size:16px;font-weight:600;margin:16px 0 8px}.markdown-preview p{margin:0 0 12px}.markdown-preview ul,.markdown-preview ol{margin:0 0 12px;padding-left:24px}.markdown-preview li{margin:0 0 4px}.markdown-preview code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:13px;padding:2px 6px;border-radius:4px;background:var(--bg-secondary, rgba(255, 255, 255, .06))}.markdown-preview pre{margin:0 0 12px;padding:12px 16px;border-radius:8px;background:var(--bg-secondary, rgba(255, 255, 255, .06));overflow-x:auto}.markdown-preview pre code{padding:0;background:none}.markdown-preview blockquote{margin:0 0 12px;padding:8px 16px;border-left:3px solid var(--border-primary);color:var(--text-secondary)}.markdown-preview a{color:var(--accent-primary, #FF8EE5);text-decoration:none}.markdown-preview a:hover{text-decoration:underline}.markdown-preview strong{font-weight:700}.markdown-preview hr{border:none;border-top:1px solid var(--border-primary);margin:16px 0}.markdown-preview table{width:100%;border-collapse:collapse;margin:0 0 12px}.markdown-preview th,.markdown-preview td{border:1px solid var(--border-primary);padding:8px 12px;text-align:left}.markdown-preview th{font-weight:600;background:var(--bg-secondary, rgba(255, 255, 255, .04))}.md-toolbar{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;border-bottom:1px solid var(--border-primary);background:var(--bg-secondary, rgba(255, 255, 255, .03));flex-shrink:0}.md-toolbar-actions{display:flex;align-items:center;gap:2px}.md-toolbar-separator{width:1px;height:20px;background:var(--border-primary);margin:0 6px}.md-toolbar-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .15s ease,color .15s ease}.md-toolbar-btn:hover{background:var(--bg-hover, rgba(255, 255, 255, .08));color:var(--text-primary)}.md-toolbar-btn:active{background:var(--bg-active, rgba(255, 255, 255, .12))}.md-toolbar-view-toggle{display:flex;align-items:center;gap:2px;background:var(--bg-primary, rgba(255, 255, 255, .04));border-radius:6px;padding:2px}.md-toolbar-view-btn{padding:4px 12px;border:none;border-radius:4px;background:transparent;color:var(--text-secondary);font-family:var(--font-body, Lato, sans-serif);font-size:12px;font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease}.md-toolbar-view-btn:hover{color:var(--text-primary)}.md-toolbar-view-btn-active{background:var(--bg-hover, rgba(255, 255, 255, .1));color:var(--text-primary)}
