@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap);:root{--bg-primary:#1e1f22;--bg-secondary:#2b2d30;--bg-tertiary:#393b40;--bg-hover:#4e5157;--bg-selection:#2f65ca;--bg-selection-inactive:#2d3139;--bg-status:#2b2d30;--bg-line-number:#2b2d30;--accent-primary:#3574f0;--accent-secondary:#1a7dc4;--accent-success:#4b9e5f;--accent-warning:#e5a50a;--accent-error:#db5860;--text-primary:#ced0d6;--text-secondary:#8b8d91;--text-disabled:#5a5d63;--text-accent:#6ba7eb;--text-link:#589df6;--border-primary:#43454a;--border-secondary:#2f3136;--border-focus:#3574f0;--border-separator:#32353b;--syntax-keyword:#cf8e6d;--syntax-string:#6aab73;--syntax-number:#2aacb8;--syntax-function:#56a8f5;--syntax-property:#c77dbb;--syntax-builtin:#8888c6;--syntax-comment:#7a7e85;--syntax-tag:#e8bf6a;--syntax-attribute:#bababa;--md-header:#6ba7eb;--md-link:#589df6;--md-code-bg:#2b2d30;--md-blockquote:#3574f0;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-2xl:24px;--space-3xl:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 8px #00000040;--shadow-lg:0 8px 16px #0000004d;--transition-fast:100ms ease-out;--transition-normal:150ms ease-out;--transition-slow:250ms ease-out;--titlebar-height:40px;--tab-height:36px;--statusbar-height:24px;--sidebar-width:260px;--line-height:22px;--scrollbar-track:#2b2d30;--scrollbar-thumb:#4e5157;--scrollbar-thumb-hover:#5a5d63;--font-family:"JetBrains Mono","Fira Code","Consolas",monospace;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:17px;color-scheme:dark}:root[data-font-size=small]{--font-size-sm:13px;--font-size-md:14px;--font-size-lg:16px;--line-height:24px}:root[data-font-size=medium]{--font-size-sm:14px;--font-size-md:16px;--font-size-lg:17px;--line-height:26px}:root[data-font-size=large]{--font-size-sm:16px;--font-size-md:17px;--font-size-lg:18px;--line-height:29px}:root[data-font-size=xlarge]{--font-size-sm:17px;--font-size-md:18px;--font-size-lg:19px;--line-height:31px}:root[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f5f5f5;--bg-tertiary:#e8e8e8;--bg-hover:#dfdfdf;--bg-selection:#0078d4;--bg-selection-inactive:#e5e5e5;--bg-status:#f5f5f5;--bg-line-number:#f5f5f5;--accent-primary:#0078d4;--accent-secondary:#005a9e;--accent-success:#107c10;--accent-warning:#f59b00;--accent-error:#d13438;--text-primary:#1e1e1e;--text-secondary:#616161;--text-disabled:#a0a0a0;--text-accent:#0078d4;--text-link:#0078d4;--border-primary:#ccc;--border-secondary:#d9d9d9;--border-focus:#0078d4;--border-separator:#e5e5e5;--syntax-keyword:#00f;--syntax-string:#a31515;--syntax-number:#098658;--syntax-function:#795e26;--syntax-property:#001080;--syntax-builtin:#00f;--syntax-comment:green;--syntax-tag:maroon;--syntax-attribute:red;--md-header:#0078d4;--md-link:#0078d4;--md-code-bg:#f5f5f5;--md-blockquote:#0078d4;--scrollbar-track:#f5f5f5;--scrollbar-thumb:#c4c4c4;--scrollbar-thumb-hover:#a6a6a6;color-scheme:light}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-md);height:100vh;line-height:1.5;overflow:hidden}body,code{font-family:var(--font-family)}.code-editor-container{background:var(--bg-primary);border-radius:0;color:var(--text-primary);display:flex;flex-direction:column;height:100vh;overflow:hidden}.main-content{display:flex;flex:1 1;min-width:0;overflow:hidden}.left-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-primary);display:flex;flex-shrink:0}.editor-area{background:var(--bg-primary);display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}@media (max-width:768px){.main-content{flex-direction:row}}.title-bar{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);color:var(--text-primary);flex-shrink:0;font-size:var(--font-size-md);gap:var(--space-md);height:var(--titlebar-height);padding:0 var(--space-lg)}.title-bar,.title-content{align-items:center;display:flex}.title-content{flex:1 1;gap:var(--space-sm);justify-content:center;margin:0 auto}.title-text{font-weight:400;letter-spacing:.01em}.title-separator{color:var(--text-secondary);margin:0 var(--space-xs)}.title-file{align-items:center;color:var(--text-primary);display:flex;font-weight:400;gap:var(--space-xs)}.title-file-icon{height:14px;margin:0;opacity:.9;width:14px}.settings-button{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;margin-left:var(--space-md);padding:var(--space-xs);transition:background var(--transition-normal),color var(--transition-normal);width:32px}.settings-button:hover{background:var(--bg-hover);color:var(--text-primary)}.settings-button:active{background:var(--bg-tertiary)}.window-controls{align-items:center;display:flex;gap:var(--space-sm);margin-right:var(--space-md);order:-1}.control{border-radius:50%;cursor:pointer;height:12px;transition:opacity var(--transition-fast);width:12px}.control:hover{opacity:.8}.close{background:#ec6a5e}.minimize{background:#f4bf4f}.maximize{background:#61c554}@media (max-width:768px){.title-separator,.title-text{display:none}}@media (max-width:480px){.window-controls{display:none}.title-bar{padding:0 var(--space-md)}.title-content{justify-content:flex-start;margin:0}}.settings-overlay{animation:fadeIn var(--transition-normal);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9998}.settings-panel{animation:slideIn var(--transition-normal);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);left:50%;max-width:500px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.settings-header{align-items:center;border-bottom:1px solid var(--border-separator);display:flex;justify-content:space-between;padding:var(--space-lg)}.settings-header h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600;margin:0}.settings-close{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;line-height:1;padding:var(--space-xs);transition:background var(--transition-normal),color var(--transition-normal);width:32px}.settings-close:hover{background:var(--bg-hover);color:var(--text-primary)}.settings-content{max-height:60vh;overflow-y:auto;padding:var(--space-lg)}.settings-section{margin-bottom:var(--space-2xl)}.settings-section:last-child{margin-bottom:0}.settings-section h4{color:var(--text-primary);font-size:var(--font-size-md);font-weight:600;margin-bottom:var(--space-md)}.font-size-options{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);grid-template-columns:repeat(4,1fr)}.font-size-option{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-md);padding:var(--space-md);transition:all var(--transition-normal)}.font-size-option:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--text-primary)}.font-size-option.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.theme-options{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(2,1fr)}.theme-option{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-family);font-size:var(--font-size-md);gap:var(--space-sm);padding:var(--space-lg);transition:all var(--transition-normal)}.theme-option:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--text-primary)}.theme-option.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.theme-icon{font-size:24px}@media (max-width:768px){.settings-panel{max-width:400px;width:95%}.font-size-options{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.theme-options{grid-template-columns:1fr}}.tool-stripe{background:var(--bg-secondary);border-right:1px solid var(--border-separator);flex-direction:column;gap:var(--space-xs);padding:var(--space-md) 0;width:48px}.tool-button,.tool-stripe{align-items:center;display:flex}.tool-button{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;height:40px;justify-content:center;position:relative;transition:background var(--transition-normal),color var(--transition-normal);width:40px}.tool-button:hover{background:var(--bg-hover)}.tool-button.active,.tool-button:hover{color:var(--text-primary)}.tool-button.active:after{background:var(--accent-primary);border-radius:0 2px 2px 0;content:"";height:24px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}@media (max-width:768px){.tool-stripe{width:44px}.tool-button{height:36px;width:36px}}@media (max-width:480px){.tool-stripe{width:40px}.tool-button{height:32px;width:32px}}@media (max-width:360px){.tool-stripe{width:36px}.tool-button{height:30px;width:30px}.tool-button svg{height:16px;width:16px}}.project-panel{background:var(--bg-secondary);display:flex;flex-direction:column;overflow:hidden;transition:width var(--transition-normal),opacity var(--transition-normal);width:var(--sidebar-width)}.project-header{align-items:center;border-bottom:1px solid var(--border-separator);color:var(--text-secondary);display:flex;flex-shrink:0;font-size:var(--font-size-sm);font-weight:700;gap:var(--space-md);justify-content:space-between;letter-spacing:.08em;padding:var(--space-md) var(--space-lg);text-transform:uppercase}.project-title{flex:1 1}.project-actions{align-items:center;display:flex;gap:var(--space-xs)}.project-action-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;height:24px;justify-content:center;padding:var(--space-xs);transition:background var(--transition-normal),color var(--transition-normal);width:24px}.project-action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.project-action-btn:active{background:var(--bg-tertiary)}.project-action-btn svg{height:14px;width:14px}.file-explorer{flex:1 1;overflow:auto;padding:var(--space-sm) 0}.folder{margin-bottom:var(--space-sm)}.folder-name{align-items:center;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-md);font-weight:500;gap:var(--space-sm);margin-bottom:var(--space-xs);min-width:0;overflow:hidden;padding:var(--space-xs) var(--space-lg);text-overflow:ellipsis;transition:background var(--transition-normal);-webkit-user-select:none;user-select:none;white-space:nowrap}.folder-name:hover{background:var(--bg-hover)}.folder-arrow{align-items:center;color:var(--text-secondary);display:inline-flex;flex-shrink:0;font-size:8px;height:12px;justify-content:center;transition:transform var(--transition-normal),color var(--transition-normal);width:12px}.folder-arrow.expanded{transform:rotate(90deg)}.folder-files{animation:slideDown var(--transition-slow) ease-out;overflow:hidden;padding-left:0}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:1000px;opacity:1}}.folder-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%23FFA726' d='M2 3.5h5.5l1 1.5H14v8H2V3.5z'/%3E%3Cpath fill='%23FFB74D' d='M2 3.5h5.5l1 1.5H14v1.5H2v-3z'/%3E%3Cpath fill='%23FFA726' d='M2 3.5v9h12v-9H8.5L7.5 2H2v1.5z' opacity='.3'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block;flex-shrink:0;height:16px;opacity:.95;width:16px}.file-item{align-items:center;border-radius:0;color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-md);height:28px;min-width:0;overflow:hidden;padding:var(--space-xs) var(--space-lg);padding-left:calc(var(--space-lg) + 20px);position:relative;text-overflow:ellipsis;transition:background var(--transition-normal),color var(--transition-normal);white-space:nowrap}.file-item:hover{background:var(--bg-hover);color:var(--text-primary)}.file-item.active{background:var(--bg-selection);color:#fff}.file-item.active .file-icon{color:#fff;opacity:.9}.file-icon{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:contain;display:flex;flex-shrink:0;height:16px;justify-content:center;margin-right:var(--space-sm);opacity:.85;width:16px}.file-icon[data-type=py],.file-icon[data-type=python]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E%3Cpath fill='%234B8BBE' d='M63.9 0C33.7 0 35.3 13.8 35.3 13.8l.1 14.3h29v4.3H23.8S0 30.1 0 60.6c0 30.6 20.7 29.6 20.7 29.6h12.4v-17s-.7-20.7 20.4-20.7h35.1s19.8.3 19.8-19.1V19S111 0 63.9 0z'/%3E%3Cpath fill='%23FFD43B' d='M64.3 128c30.2 0 28.6-13.8 28.6-13.8l-.1-14.3h-29v-4.3h40.6S128 97.9 128 67.4c0-30.6-20.7-29.6-20.7-29.6H94.9v17s.7 20.7-20.4 20.7H39.4s-19.8-.3-19.8 19.1V113s-2.3 15 44.7 15z'/%3E%3Ccircle fill='%23FFF' cx='43.5' cy='22.5' r='6'/%3E%3Ccircle fill='%23FFF' cx='83.5' cy='105.5' r='6'/%3E%3C/svg%3E")}.file-icon[data-type=markdown],.file-icon[data-type=md]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 3h20v18H2z'/%3E%3Cpath fill='%23fff' d='M4 7h3l2 3 2-3h3v10h-3v-6l-2 3-2-3v6H4zm14 0h3v10h-3z'/%3E%3C/svg%3E")}.file-icon[data-type=sql]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cellipse cx='24' cy='10' rx='16' ry='6' fill='%23ff9800'/%3E%3Cpath fill='%23ffa726' d='M8 10v20c0 3.3 7.2 6 16 6s16-2.7 16-6V10'/%3E%3Cellipse cx='24' cy='30' rx='16' ry='6' fill='%23fb8c00'/%3E%3C/svg%3E")}.file-icon[data-type=javascript],.file-icon[data-type=js]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23f7df1e' d='M6 6h36v36H6z'/%3E%3Cpath d='m20.2 34 2.7-1.6c.5.9 1 1.7 2.2 1.7 1.1 0 1.8-.4 1.8-2v-9.9h3.3V32c0 3.4-2 5-4.9 5-2.6 0-4.1-1.3-4.9-3z'/%3E%3Cpath d='m14 34 2.7-1.6c.5.9 1 1.7 2.2 1.7 1.1 0 1.8-.4 1.8-2v-9.9H24V32c0 3.4-2 5-4.9 5-2.6 0-4.1-1.3-4.9-3z'/%3E%3C/svg%3E")}.file-icon[data-type=ts],.file-icon[data-type=typescript]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%233178c6' d='M6 6h36v36H6z'/%3E%3Cpath fill='%23fff' d='M12 20h24v3H25v15h-3V23H12z'/%3E%3C/svg%3E")}.file-icon[data-type=json]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23e65100' d='M7 4H5a3 3 0 0 0-3 3v3a3 3 0 0 0 3 3h2v-2H5a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h2V4zm10 0h2a3 3 0 0 1 3 3v3a3 3 0 0 1-3 3h-2v-2h2a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1h-2V4zM7 20H5a3 3 0 0 1-3-3v-3a3 3 0 0 1 3-3h2v2H5a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h2v2zm10 0h2a3 3 0 0 0 3-3v-3a3 3 0 0 0-3-3h-2v2h2a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-2v2z'/%3E%3C/svg%3E")}.file-icon[data-type=html]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23e34f26' d='m3 2 2 18 7 2 7-2 2-18H3z'/%3E%3Cpath fill='%23fff' d='M12 11H8l.2 2H12v2l-3.8 1L7 15H5l.4 4 6.6 2 6.6-2 .4-6h-2l-.7 3-4.3-1v-2h4l.5-4H11V7h6l.3-3H6.2L6 7h6v2z'/%3E%3C/svg%3E")}.file-icon[data-type=css]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%231572B6' d='m3 2 2 18 7 2 7-2 2-18H3z'/%3E%3Cpath fill='%23fff' d='M12 11H8l.2 2H12v2l-3.8 1L7 15H5l.4 4 6.6 2 6.6-2 .4-6h-2l-.7 3-4.3-1v-2h4l.5-4H11V7h6l.3-3H6.2L6 7h6v2z'/%3E%3C/svg%3E")}.file-icon:not([data-type]){background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%238b8d91' d='M6 2h9l5 5v15H6z'/%3E%3Cpath fill='%23cfd1d3' d='M14 2v6h6'/%3E%3C/svg%3E")}.file-icon:not([data-type]):not([style*=background-image]){background-image:none;color:var(--text-accent);font-family:var(--font-family);font-size:10px;font-weight:600}@media (max-width:1024px){:root{--sidebar-width:180px}.project-panel{width:var(--sidebar-width)}}@media (max-width:768px){:root{--sidebar-width:160px}.project-panel{width:var(--sidebar-width)}.file-item{font-size:14px;padding:0 6px 0 16px}.folder-name{font-size:14px;padding:0 6px}.project-header{height:36px;padding:4px 8px}}@media (max-width:480px){:root{--sidebar-width:140px}.project-panel{width:var(--sidebar-width)}.file-explorer{padding:4px}.file-item,.folder{font-size:14px}.file-item,.folder-name{height:26px;padding:0 var(--space-sm)}.file-icon,.folder-icon{height:14px;margin-right:4px;width:14px}.folder-arrow{margin-right:2px;min-width:10px;width:10px}}@media (max-width:360px){:root{--sidebar-width:120px}.project-panel{width:var(--sidebar-width)}.file-explorer{padding:2px}.file-item,.folder{font-size:13px;height:24px;line-height:24px}.folder-name{font-size:13px}.file-icon,.folder-icon{height:12px;margin-right:3px;width:12px}.folder-arrow{margin-right:1px;min-width:8px;width:8px}.project-header{height:32px;padding:4px 8px}.project-title{font-size:14px}.project-action-btn{height:18px;padding:2px;width:18px}.project-action-btn svg{height:14px;width:14px}}.structure-panel{background:var(--bg-secondary);display:flex;flex-direction:column;overflow:hidden;transition:width var(--transition-normal),opacity var(--transition-normal);width:var(--sidebar-width)}.structure-content{flex:1 1;overflow:auto;padding:var(--space-sm) 0}.structure-placeholder{color:var(--text-secondary);font-size:var(--font-size-sm);padding:var(--space-2xl) var(--space-lg);text-align:center}.structure-list{padding:var(--space-xs) 0}.structure-item{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-md);gap:var(--space-sm);height:28px;padding:var(--space-xs) var(--space-lg);transition:background var(--transition-normal),color var(--transition-normal)}.structure-item:hover{background:var(--bg-hover);color:var(--text-primary)}.structure-icon{align-items:center;border-radius:2px;display:inline-flex;flex-shrink:0;font-size:10px;font-weight:700;height:16px;justify-content:center;width:16px}.icon-class{background:#c77dbb26;color:#c77dbb}.icon-function,.icon-method{background:#56a8f526;color:#56a8f5}.icon-variable{background:#e8bf6a26;color:#e8bf6a}.icon-import{background:#8b8d911a;color:var(--text-disabled);font-size:8px}.icon-h1,.icon-h2,.icon-h3,.icon-h4,.icon-h5,.icon-h6{background:#6ba7eb26;color:#6ba7eb}.structure-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.structure-children{width:100%}@media (max-width:1024px){.structure-panel{width:var(--sidebar-width)}}@media (max-width:768px){.structure-panel{width:var(--sidebar-width)}}@media (max-width:480px){.structure-panel{width:var(--sidebar-width)}}@media (max-width:360px){.structure-item{font-size:13px;height:24px}}.tabs{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);display:flex;flex-shrink:0;height:var(--tab-height);overflow-x:auto;overflow-y:hidden;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}.tabs::-webkit-scrollbar{height:6px}.tabs::-webkit-scrollbar-track{background:var(--scrollbar-track)}.tabs::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-sm)}.tabs::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.tab{align-items:center;background:var(--bg-secondary);border-right:1px solid var(--border-separator);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-family:var(--font-family);font-size:var(--font-size-md);gap:var(--space-sm);height:var(--tab-height);max-width:240px;min-width:120px;padding:0 var(--space-lg);transition:background var(--transition-normal),color var(--transition-normal);white-space:nowrap}.tab.active{background:var(--bg-primary);color:var(--text-primary)}.tab:not(.active):hover{background:var(--bg-tertiary);color:var(--text-primary)}.tab span{flex:1 1;overflow:hidden;text-overflow:ellipsis}.tab-close{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:16px;justify-content:center;line-height:1;transition:background var(--transition-fast),color var(--transition-fast);width:16px}.tab-close:hover{background:var(--bg-hover);color:var(--text-primary)}.tab.active .tab-close{color:var(--text-secondary)}.tab.active .tab-close:hover{color:var(--text-primary)}.markdown-toggle{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-md);display:flex;gap:var(--space-xs);margin-bottom:var(--space-xs);margin-left:auto;margin-right:var(--space-xl);margin-top:var(--space-xs);padding:var(--space-xs)}.markdown-mode-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:500;height:28px;justify-content:center;min-width:80px;padding:6px var(--space-lg);text-align:center;transition:all var(--transition-normal)}.markdown-mode-btn:hover:not(.active){background:var(--bg-hover);color:var(--text-primary)}.markdown-mode-btn.active{background:var(--bg-selection);box-shadow:0 1px 3px #0000004d,inset 0 1px 0 #ffffff1a;color:#fff}.markdown-mode-btn.active:hover{background:var(--accent-secondary)}@media (max-width:768px){.tab{max-width:160px;min-width:80px;padding:0 var(--space-md)}.markdown-toggle{margin-right:var(--space-md)}}@media (max-width:480px){.tab{font-size:var(--font-size-sm);max-width:140px;min-width:70px;padding:0 var(--space-sm)}.tab:not(.active){display:none}.markdown-toggle{margin-right:var(--space-sm);padding:2px}.markdown-mode-btn{font-size:13px;min-width:50px;padding:4px var(--space-sm)}}@media (max-width:360px){.tab{max-width:120px;min-width:60px}.markdown-toggle{display:none}}.editor{background:var(--bg-primary);flex:1 1;min-width:0;overflow:hidden;position:relative}.editor-content{display:none;font-size:var(--font-size-md);height:100%;line-height:var(--line-height);overflow:auto;position:relative}.editor-content.active{display:flex}.line-numbers{color:var(--text-disabled);flex-shrink:0;font-family:var(--font-family);font-size:var(--font-size-sm);line-height:var(--line-height);padding:var(--space-lg) var(--space-sm);text-align:right;-webkit-user-select:none;user-select:none;width:56px}.line-numbers div{align-items:center;border-right:1px solid var(--border-primary);display:flex;height:var(--line-height);justify-content:flex-end;line-height:var(--line-height);padding-right:var(--space-sm)}.code-content{background:var(--bg-primary);color:var(--text-primary);flex:1 1;font-family:var(--font-family);font-size:var(--font-size-md);line-height:var(--line-height);min-width:0;padding:var(--space-lg) var(--space-2xl) var(--space-lg) var(--space-md)}.code-content>div{border-radius:0;display:block;height:var(--line-height);margin:0;padding:0 var(--space-xs);white-space:pre}.code-content>div,.md-content{line-height:var(--line-height)}.md-content{background:var(--bg-primary);color:var(--text-primary);flex:1 1;font-family:var(--font-family);min-width:0;padding:var(--space-lg) var(--space-2xl) var(--space-lg) var(--space-md)}.md-line{display:block;line-height:var(--line-height);margin:0;min-height:var(--line-height);padding:0 var(--space-xs);white-space:pre-wrap}.md-h1,.md-h2,.md-h3{color:var(--md-header);font-size:var(--font-size-md);font-weight:700;margin:var(--space-sm) 0}.md-blockquote{background:#3574f014;border-left:2px solid var(--md-blockquote);font-style:italic;margin:var(--space-xs) 0}.md-blockquote,.md-li{color:var(--text-primary);padding-left:var(--space-md)}.md-line code{background:var(--md-code-bg);border-radius:var(--radius-sm);color:var(--syntax-string);font-family:var(--font-family);font-size:calc(var(--font-size-md) - 1px);padding:2px var(--space-xs)}.md-line strong{color:var(--text-primary);font-weight:700}.md-line a{border-bottom:1px solid #0000;color:var(--md-link);text-decoration:none;transition:border-color var(--transition-fast)}.md-line a:hover{border-bottom-color:var(--md-link)}.keyword{color:var(--syntax-keyword);font-weight:500}.string{color:var(--syntax-string)}.number{color:var(--syntax-number)}.property{color:var(--syntax-property)}.builtin{color:var(--syntax-builtin)}.comment{color:var(--syntax-comment);font-style:italic}.json-key{color:var(--text-primary)}.json-string{color:var(--syntax-string)}.code-content ::selection,.editor-content ::selection,.md-content ::selection{background:var(--bg-selection);color:#fff}.code-content::-moz-selection,.editor-content::-moz-selection,.md-content::-moz-selection{background:var(--bg-selection);color:#fff}.code-content::-webkit-scrollbar,.editor-content::-webkit-scrollbar,.md-content::-webkit-scrollbar{height:10px;width:10px}.code-content::-webkit-scrollbar-track,.editor-content::-webkit-scrollbar-track,.md-content::-webkit-scrollbar-track{background:#0000}.code-content::-webkit-scrollbar-thumb,.editor-content::-webkit-scrollbar-thumb,.md-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:content-box;border:2px solid #0000;border-radius:var(--radius-sm)}.code-content::-webkit-scrollbar-thumb:hover,.editor-content::-webkit-scrollbar-thumb:hover,.md-content::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:content-box}.code-content,.editor-content,.md-content{scrollbar-color:var(--scrollbar-thumb) #0000;scrollbar-width:thin}.contact-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:var(--space-lg) 0}.contact-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-xl);transition:all var(--transition-normal)}.contact-card:hover{background:var(--bg-tertiary);border-color:var(--accent-primary)}.skill-grid{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin:var(--space-md) 0}.skill-tag{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-md);text-align:center;transition:all var(--transition-normal)}.skill-tag:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--text-primary)}@media (max-width:768px){.line-numbers{display:none}}@media (max-width:480px){.code-content,.md-content{padding-left:var(--space-lg)}.contact-grid{grid-template-columns:1fr}.skill-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:360px){.skill-grid{grid-template-columns:repeat(2,1fr)}}.status-bar{background:var(--bg-status);border-top:1px solid var(--border-primary);color:var(--text-secondary);flex-shrink:0;font-family:var(--font-family);font-size:var(--font-size-sm);height:var(--statusbar-height);padding:0 var(--space-lg)}.status-bar,.status-left{align-items:center;display:flex}.status-left{gap:var(--space-lg)}.status-left span{color:var(--text-secondary)}.status-right{align-items:center;display:flex;gap:var(--space-lg);margin-left:auto}.status-right span{color:var(--text-secondary)}.App{height:100vh;overflow:hidden;width:100vw}
/*# sourceMappingURL=main.136af859.css.map*/