.app-editor {display:flex;flex-direction:column;height:100%;background:#1e1e1e; }.ed-topbar {height:35px;background:#252526;display:flex;align-items:center;padding:0 var(--space-2);border-bottom:1px solid #111;}.ed-menu {display:flex;gap:var(--space-2);color:#cccccc;font-size:13px;}.ed-menu-item {padding:4px 8px;cursor:pointer;border-radius:3px;}.ed-menu-item:hover {background:#3e3e42;}.ed-main {flex:1;display:flex;overflow:hidden;}.ed-activity-bar {width:48px;background:#333333;display:flex;flex-direction:column;align-items:center;padding-top:var(--space-2);gap:var(--space-2);}.ed-activity-item {width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#858585;font-size:24px;cursor:pointer;position:relative;}.ed-activity-item.active {color:#ffffff;}.ed-activity-item.active::before {content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent-primary);}.ed-sidebar {width:220px;background:#252526;border-right:1px solid #1e1e1e;display:flex;flex-direction:column;}.ed-sidebar-header {padding:10px 20px;font-size:11px;text-transform:uppercase;color:#bbbbbb;font-weight:bold;}.ed-file-list {flex:1;overflow-y:auto;}.ed-file-item {display:flex;align-items:center;gap:6px;padding:4px 20px;font-size:13px;color:#cccccc;cursor:pointer;}.ed-file-item:hover {background:#2a2d2e;}.ed-file-item.active {background:#37373d;color:#ffffff;}.ed-file-icon {width:16px;color:#519aba; }.ed-editor {flex:1;display:flex;flex-direction:column;background:#1e1e1e;}.ed-tabs {display:flex;background:#252526;height:35px;overflow-x:auto;}.ed-tabs::-webkit-scrollbar { display:none; }.ed-tab {display:flex;align-items:center;gap:6px;padding:0 16px;background:#2d2d2d;color:#8f8f8f;font-size:13px;cursor:pointer;border-right:1px solid #252526;min-width:120px;}.ed-tab.active {background:#1e1e1e;color:#ffffff;border-top:1px solid var(--accent-primary);}.ed-tab-close {margin-left:auto;opacity:0;padding:2px;border-radius:3px;}.ed-tab:hover .ed-tab-close { opacity:1; }.ed-tab.active .ed-tab-close { opacity:1; }.ed-tab-close:hover { background:#333; }.ed-breadcrumbs {height:22px;display:flex;align-items:center;padding:0 16px;font-size:12px;color:#a6a6a6;box-shadow:0 2px 5px rgba(0,0,0,0.2);z-index:2;}.ed-breadcrumb-item {display:flex;align-items:center;}.ed-breadcrumb-sep {margin:0 4px;}.ed-content-wrapper {flex:1;display:flex;overflow:hidden;position:relative;}.ed-lines {width:50px;background:#1e1e1e;color:#858585;font-family:var(--font-mono);font-size:14px;line-height:1.6;text-align:right;padding:16px 16px 16px 0;user-select:none;overflow-y:hidden;}.ed-document {flex:1;padding:16px 32px;overflow-y:auto;font-family:var(--font-mono);font-size:14px;line-height:1.6;color:#d4d4d4;}.ed-h1 { color:#569cd6; font-weight:bold; font-size:2em; margin:0.67em 0; line-height:1.2; }.ed-h2 { color:#569cd6; font-weight:bold; font-size:1.5em; margin:0.83em 0; border-bottom:1px solid #333; padding-bottom:5px; }.ed-h3 { color:#569cd6; font-weight:bold; font-size:1.17em; margin:1em 0; }.ed-p { margin:1em 0; color:#cccccc; }.ed-strong { color:#4ec9b0; font-weight:bold; }.ed-em { font-style:italic; color:#ce9178; }.ed-link { color:#3794ff; text-decoration:underline; cursor:pointer; }.ed-list { padding-left:20px; color:#cccccc; }.ed-list-item { margin-bottom:4px; }.ed-code { color:#dcdcaa; background:#2d2d2d; padding:2px 4px; border-radius:3px; }.ed-block { background:#1e1e1e; border-left:3px solid #569cd6; padding:10px 15px; margin:1em 0; color:#9cdcfe; }.ed-img { max-width:100%; border:1px solid #333; border-radius:4px; margin:1em 0; }.ed-meta { color:#6a9955;}.ed-statusbar {height:22px;background:#007acc;display:flex;align-items:center;justify-content:space-between;padding:0 10px;font-size:12px;color:#ffffff;}.ed-status-left, .ed-status-right {display:flex;align-items:center;gap:15px;}