@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&family=Inter:wght@400;500;600&display=swap";.dark-theme,:root{--bg-activity-bar: #333333;--bg-explorer: #252526;--bg-editor: #1e1e1e;--bg-tab-inactive: #2d2d2d;--bg-tab-active: #1e1e1e;--bg-status-bar: #fbbd23;--fg-status-bar: #333333;--text-main: #cccccc;--text-muted: #999999;--text-active: #ffffff;--accent-color: #fbbd23;--accent-hover: #e0a311;--accent-blue: #61afef;--syntax-keyword: #c678dd;--syntax-variable: #9cdcfe;--syntax-string: #e5c07b;--syntax-component: #4ec9b0;--syntax-bracket: #808080;--syntax-comment: #98c379;--syntax-tag-bg: rgba(255,255,255,.08)}.light-theme{--bg-activity-bar: #f3f3f3;--bg-explorer: #f3f3f3;--bg-editor: #ffffff;--bg-tab-inactive: #ececec;--bg-tab-active: #ffffff;--bg-status-bar: #007acc;--fg-status-bar: #ffffff;--text-main: #111111;--text-muted: #4a4a4a;--text-active: #000000;--accent-color: #005a9e;--accent-hover: #005a9e;--accent-blue: #007acc;--syntax-keyword: #0000ff;--syntax-variable: #001080;--syntax-string: #a35b00;--syntax-component: #267f99;--syntax-bracket: #000000;--syntax-comment: #006600;--syntax-tag-bg: rgba(0,0,0,.05)}:root{--font-mono: "Fira Code", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--sidebar-width: 250px;--activity-bar-width: 48px;--status-bar-height: 22px;--tabs-height: 35px}*{box-sizing:border-box;margin:0;padding:0}body,html,#root{height:100%;width:100%;overflow:hidden;background-color:var(--bg-editor);color:var(--text-main);font-family:var(--font-sans);font-size:16px}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw}.main-content{display:flex;flex:1;overflow:hidden}@media(max-width:768px){.main-content{flex-direction:column-reverse}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#64646466;border:1px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#646464b3;border:1px solid transparent;background-clip:padding-box}::-webkit-scrollbar-corner{background:transparent}.sidebar{width:var(--activity-bar-width);min-width:var(--activity-bar-width);background-color:var(--bg-activity-bar);display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid rgba(0,0,0,.2);font-size:13px;z-index:999}.sidebar-top,.sidebar-bottom{display:flex;flex-direction:column;align-items:center}.sidebar-icon{width:100%;aspect-ratio:1;display:flex;justify-content:center;align-items:center;color:var(--text-muted);cursor:pointer;position:relative;transition:color .2s ease,transform .2s ease;outline:none;will-change:transform}.sidebar-icon:hover{color:var(--accent-blue);transform:translateY(-2px)}.sidebar-icon:focus-visible{color:var(--accent-blue);outline:2px solid var(--accent-blue);outline-offset:-2px}.dark-theme .sidebar-icon:hover,.dark-theme .sidebar-icon:focus-visible{color:var(--accent-color)}.dark-theme .sidebar-icon:focus-visible{outline-color:var(--accent-color)}.sidebar-icon:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 14px);top:50%;transform:translateY(-50%) translate(-5px);background-color:var(--bg-explorer);color:var(--text-main);padding:6px 12px;border-radius:4px;font-size:13px;font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s cubic-bezier(.2,.8,.2,1),transform .2s cubic-bezier(.2,.8,.2,1),visibility .2s;z-index:9999;box-shadow:0 4px 12px #00000040;border:1px solid rgba(0,0,0,.2)}.sidebar-icon:hover:after,.sidebar-icon:focus-visible:after{opacity:1;visibility:visible;transform:translateY(-50%) translate(0)}.sidebar-icon.active{color:var(--accent-color)}.sidebar-icon.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background-color:var(--accent-blue)}.dark-theme .sidebar-icon.active:before{background-color:var(--accent-color)}@media(max-width:768px){.sidebar{width:100%;min-width:100%;height:var(--activity-bar-width);flex-direction:row;border-right:none;border-top:1px solid rgba(0,0,0,.2);z-index:10}.sidebar-top,.sidebar-bottom{flex-direction:row}.sidebar-bottom{margin-left:auto}.sidebar-icon{width:var(--activity-bar-width);height:var(--activity-bar-width)}.sidebar-icon.active:before{inset:0 0 auto;width:100%;height:2px}.sidebar-icon:after{left:50%;top:auto;bottom:calc(100% + 14px);transform:translate(-50%) translateY(5px)}.sidebar-icon:hover:after,.sidebar-icon:focus-visible:after{transform:translate(-50%) translateY(0)}}.explorer{width:var(--sidebar-width);min-width:var(--sidebar-width);background-color:var(--bg-explorer);border-right:1px solid rgba(0,0,0,.2);display:flex;flex-direction:column}@media(max-width:768px){.explorer{display:none}}.explorer-title{padding:10px 20px;font-size:11px;letter-spacing:.5px;font-weight:500;color:var(--text-main);text-transform:uppercase}.folder{display:flex;flex-direction:column}.folder-header{display:flex;align-items:center;padding:4px 10px;cursor:pointer;color:var(--text-main);font-weight:600;transition:background-color .1s}.folder-header:hover{background-color:#ffffff0d}.folder-name{margin-left:2px;font-size:11px;letter-spacing:.5px}.folder-contents{display:flex;flex-direction:column}.file-item{display:flex;align-items:center;padding:4px 10px 4px 28px;cursor:pointer;transition:background-color .2s ease;outline:none}.file-item:hover{background-color:#ffffff1a}.file-item.active{background-color:#ffffff26;color:var(--text-active)}.file-item:focus-visible{outline:2px solid var(--accent-blue);outline-offset:-2px}.file-icon{margin-right:6px;font-size:14px;display:inline-flex;align-items:center;justify-content:center;width:16px;transition:transform .2s cubic-bezier(.2,.8,.2,1);will-change:transform}.file-item:hover .file-icon,.file-item:focus-visible .file-icon{transform:translate(4px)}.file-name{font-size:13px}.js-icon,.yml-icon{font-size:10px;font-weight:700}.readme-container{padding:40px 60px;height:100%;overflow-y:auto;font-family:Consolas,Courier New,monospace;font-size:15px;line-height:1.6;color:var(--text-muted)}.intro-header-section{display:flex;align-items:flex-start;gap:30px;margin-bottom:40px}.avatar-container img{width:120px;height:120px;min-width:120px;border-radius:50%;border:1px solid #e5c07b;display:flex;align-items:center;justify-content:center;opacity:.8}.avatar-container svg{color:#e5c07b;width:60px;height:60px;opacity:.4}.intro-text-content{display:flex;flex-direction:column}.md-h1{font-size:32px;font-weight:700;color:var(--text-active);margin-bottom:16px;margin-top:5px}.md-h2{font-size:22px;font-weight:700;color:var(--text-active);margin-bottom:20px;margin-top:10px}.md-hash{color:var(--syntax-keyword);margin-right:12px;font-weight:700}.intro-paragraph{color:var(--syntax-string);font-size:16px;line-height:1.7;max-width:600px}.md-card{background-color:#ffffff05;border:1px solid var(--syntax-tag-bg);border-radius:8px;padding:24px 30px;margin-bottom:24px;max-width:800px}.status-list{list-style:none;padding:0;margin:0}.status-list li{display:flex;align-items:center;margin-bottom:16px;color:var(--text-main);font-weight:500;letter-spacing:.3px}.status-list li:last-child{margin-bottom:0}.status-icon{margin-right:14px}.icon-green{color:var(--syntax-comment)}.icon-purple{color:var(--syntax-keyword)}.icon-yellow{color:var(--syntax-string)}.highlight-yellow{color:var(--syntax-string);margin:0 4px}.highlight-green{color:var(--syntax-comment);margin:0 4px}.tech-stack-container{display:flex;flex-wrap:wrap;gap:12px}.tech-badge{background-color:#80808008;border:1px solid var(--syntax-tag-bg);border-radius:6px;padding:6px 14px;color:var(--accent-blue);font-size:13px;font-weight:600;transition:background-color .2s}.tech-badge:hover{background-color:#ffffff14}.footer-comment{color:var(--syntax-comment);font-style:italic;margin-top:40px;max-width:800px;line-height:1.6}@media(max-width:768px){.intro-header-section{flex-direction:column;align-items:center;text-align:center}.readme-container{padding:20px}}.about-container{padding:32px;color:var(--text-main, #d4d4d4);font-family:var(--font-mono, "Courier New", Courier, monospace);height:100%;overflow-y:auto;position:relative}.about-header{margin-bottom:40px}.about-title{font-size:1.8rem;font-weight:700;color:#d4d4d4;margin:0 0 8px;letter-spacing:-.5px}.about-subtitle{color:#858585;font-size:.9rem;margin:0}.timeline-layout{display:flex;gap:40px;margin-bottom:60px;position:relative}.timeline-tree{width:250px;flex-shrink:0;font-size:.95rem;color:#ccc}.tree-section-title{display:flex;align-items:center;gap:8px;color:#c586c0;font-size:1.1rem;font-weight:700;margin-bottom:16px;margin-top:32px}.tree-section-title:first-child{margin-top:0}.tree-node-group{position:relative;padding-left:12px;margin-left:8px;border-left:1px solid #444}.tree-item{display:flex;align-items:center;gap:8px;padding:6px 0;position:relative;color:#a0a0a0}.tree-item:before{content:"";position:absolute;left:-12px;top:50%;width:12px;height:1px;background-color:#444}.tree-item.active{color:#4ec9b0}.timeline-cards{flex-grow:1;display:flex;flex-direction:column;gap:32px;position:relative}.timeline-card-wrapper{position:relative}.card-connector-line{position:absolute;left:-40px;top:50%;width:40px;height:1px;background-color:#444;z-index:0}.timeline-card{border:1px solid #333;border-radius:6px;padding:24px;background-color:#1e1e1e;position:relative;z-index:1;transition:border-color .2s}.timeline-card:hover{border-color:#555}.card-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.card-icon{color:#c586c0;margin-top:2px}.card-title{color:#d4d4d4;font-size:1.1rem;font-weight:700;margin:0 0 4px}.card-subtitle{color:#858585;font-size:.85rem;margin:0}.card-content{color:#a0a0a0;font-size:.95rem;line-height:1.5;margin-bottom:20px;padding-left:36px}.card-content ul{margin:0;padding-left:20px}.card-content li{margin-bottom:6px}.card-tags{display:flex;gap:8px;flex-wrap:wrap;padding-left:36px}.card-tag{background-color:#2b3a32;color:#4ec9b0;padding:4px 12px;border-radius:12px;font-size:.8rem}.card-footer{display:flex;justify-content:flex-end;margin-top:20px}.deep-dive-btn{background-color:transparent;color:#4ec9b0;border:1px solid #4ec9b0;padding:6px 16px;font-family:inherit;font-size:.85rem;cursor:pointer;transition:all .2s ease;border-radius:2px}.deep-dive-btn:hover{background-color:#c586c0;border-color:#c586c0;color:#fff}.skills-matrix-section{margin-top:40px}.skills-matrix-title{font-size:1.4rem;color:#d4d4d4;margin-bottom:24px}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.skill-category{border:1px solid #333;border-radius:4px;padding:20px;background-color:#1e1e1e}.skill-category-name{color:#4ec9b0;font-size:1.1rem;margin:0 0 12px;font-weight:700}.skill-items{color:#d4d4d4;font-size:.95rem;line-height:1.6}@media(max-width:900px){.timeline-layout{flex-direction:column}.timeline-tree{width:100%;margin-bottom:32px}.card-connector-line{display:none}.skills-grid{grid-template-columns:1fr}}.light-theme .about-container{color:#222}.light-theme .about-title{color:#111}.light-theme .about-subtitle{color:#555}.light-theme .timeline-tree{color:#444}.light-theme .tree-section-title{color:#6a1b9a}.light-theme .tree-node-group{border-color:#ccc}.light-theme .tree-item{color:#555}.light-theme .tree-item:before{background-color:#ccc}.light-theme .tree-item.active{color:#2e7d32;font-weight:500}.light-theme .card-connector-line{background-color:#ccc}.light-theme .timeline-card{background-color:#fff;border-color:#ccc;box-shadow:0 2px 10px #0000000d}.light-theme .timeline-card:hover{border-color:#888}.light-theme .card-title{color:#111}.light-theme .card-subtitle{color:#555}.light-theme .card-content{color:#333}.light-theme .card-icon{color:#6a1b9a}.light-theme .card-tag{background-color:#e8f5e9;color:#1b5e20;border:1px solid #c8e6c9}.light-theme .deep-dive-btn{color:#2e7d32;border-color:#2e7d32}.light-theme .deep-dive-btn:hover{background-color:#6a1b9a;border-color:#6a1b9a;color:#fff}.light-theme .skills-matrix-title{color:#111}.light-theme .skill-category{background-color:#fff;border-color:#ccc;box-shadow:0 2px 10px #0000000d}.light-theme .skill-category-name{color:#2e7d32}.light-theme .skill-items{color:#333;font-weight:500}.projects-gallery{padding:24px;color:var(--text-main, #d4d4d4);font-family:var(--font-mono, "Courier New", Courier, monospace);height:100%;overflow-y:auto}.projects-section-title{font-size:1.2rem;margin-bottom:20px;color:#c586c0;border-bottom:1px solid #333;padding-bottom:8px;display:inline-block}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:40px}.project-card{border:1px solid #444;border-radius:4px;background-color:#1e1e1e;overflow:hidden;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;min-height:320px}.project-card:hover{border-color:#4ec9b0;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.project-image-placeholder{width:100%;height:140px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #333;font-weight:700;letter-spacing:1px;font-size:1.5rem}.project-content{padding:16px;display:flex;flex-direction:column;flex-grow:1}.project-title{font-size:1.1rem;font-weight:700;margin:0 0 8px;color:#569cd6;transition:color .2s ease}.project-card:hover .project-title{color:#4ec9b0}.project-desc{font-size:.9rem;line-height:1.4;margin:0 0 16px;color:#a0a0a0;flex-grow:1}.project-tech-stack{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.tech-tag{font-size:.75rem;padding:4px 8px;background-color:#4ec9b01a;color:#4ec9b0;border:1px solid rgba(78,201,176,.3);border-radius:3px}.project-detail-container{padding:32px;font-family:var(--font-mono, "Courier New", Courier, monospace);color:#d4d4d4;max-width:800px;margin:0 auto;height:100%;overflow-y:auto}.project-header{border-bottom:1px dashed #444;padding-bottom:24px;margin-bottom:32px}.project-header h1{color:#c586c0;margin:0 0 16px;font-size:2.2rem;font-weight:400;letter-spacing:-.5px}.project-meta{display:flex;flex-wrap:wrap;gap:24px;color:#858585;font-size:.95rem;margin-bottom:24px}.meta-item{display:flex;align-items:center;gap:8px}.project-links{display:flex;gap:16px}.project-link-btn{background:transparent;color:#4ec9b0;border:1px solid #4ec9b0;padding:8px 16px;border-radius:4px;cursor:pointer;font-family:inherit;font-size:.95rem;display:flex;align-items:center;gap:8px;text-decoration:none;transition:all .2s}.project-link-btn:hover{background:#4ec9b026;box-shadow:0 0 8px #4ec9b033}.project-section{margin-bottom:32px}.project-section h2{color:#569cd6;font-size:1.3rem;margin-bottom:16px;font-weight:400}.project-section p{line-height:1.7;color:#ccc;font-size:1rem}.detail-tech-stack{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.detail-tech-tag{padding:6px 12px;background:#252526;border:1px solid #3c3c3c;color:#ce9178;border-radius:4px;font-size:.95rem}.light-theme .projects-gallery,.light-theme .project-detail-container{color:#222}.light-theme .project-card{background-color:#fff;border-color:#ccc;box-shadow:0 2px 8px #0000000d}.light-theme .project-image-placeholder{border-bottom-color:#ccc}.light-theme .projects-section-title{color:#6a1b9a;border-bottom-color:#ccc}.light-theme .project-desc{color:#444}.light-theme .tech-tag{background-color:#e8f5e9;color:#1b5e20;border-color:#c8e6c9}.light-theme .project-card:hover{border-color:#2e7d32}.light-theme .project-title{color:#1565c0}.light-theme .project-card:hover .project-title{color:#2e7d32}.light-theme .project-header{border-bottom-color:#ccc}.light-theme .project-header h1{color:#6a1b9a;font-weight:500}.light-theme .project-meta{color:#555}.light-theme .project-section h2{color:#1565c0;font-weight:500}.light-theme .project-section p{color:#333}.light-theme .detail-tech-tag{background:#f5f5f5;border-color:#ccc;color:#b71c1c}.light-theme .project-link-btn{color:#2e7d32;border-color:#2e7d32;font-weight:500}.light-theme .project-link-btn:hover{background:#e8f5e9}.contact-page-container{padding:40px;height:100%;overflow-y:auto;font-family:var(--font-mono, "Courier New", Courier, monospace);display:flex;flex-direction:column;gap:40px}.json-editor-container{display:flex;background-color:#1e1e1e;border-radius:6px;overflow:hidden;border:1px solid #333;box-shadow:0 4px 12px #0006;max-width:800px}.code-content{padding:32px 40px;flex-grow:1;display:flex;flex-direction:column;gap:20px;font-size:15px;line-height:28px}.json-line{display:flex;align-items:center}.message-line{align-items:flex-start!important}.indent-1{padding-left:28px}.indent-2{padding-left:56px}.bracket{color:#d4d4d4}.key{color:#fbbd23}.colon{color:#d4d4d4}.comma{color:#d4d4d4;align-self:flex-end;margin-bottom:2px}.message-comma{align-self:flex-end}.colon-align-1{margin-left:56px}.colon-align-2{margin-left:48px}.colon-align-3,.colon-align-4{margin-left:32px}.colon-align-5{margin-left:40px}.json-input{background-color:#ffffff08;border:1px solid #333;border-radius:4px;color:#a0a0a0;font-family:inherit;font-size:15px;padding:8px 12px;outline:none;transition:border-color .2s}.json-input:focus{border-color:#fbbd23;background-color:#ffffff0d}.json-input::placeholder{color:#555;opacity:1}.field-input{width:320px}.field-textarea{width:450px;min-height:140px;resize:vertical;padding:12px;line-height:1.6}.json-submit-button{background-color:#fbbd231a;color:#fbbd23;border:1px solid rgba(251,189,35,.3);border-radius:4px;padding:6px 12px;cursor:pointer;font-family:inherit;font-size:13px;display:flex;align-items:center;gap:8px;transition:all .2s}.json-submit-button:hover{background-color:#fbbd2333;border-color:#fbbd23}.send-icon{color:#fbbd23}.social-links-section{max-width:800px;margin-bottom:8px}.social-title{color:#4ec9b0;font-size:1.1rem;font-weight:400;margin:0 0 16px}.social-icons{display:flex;gap:16px}.social-icon-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background-color:#1e1e1e;border:1px solid #333;border-radius:50%;color:#d4d4d4;text-decoration:none;transition:all .2s ease}.social-icon-btn:hover{background-color:#2d2d2d;color:#fbbd23;border-color:#555;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.light-theme .json-editor-container{background-color:#fff;border-color:#ddd}.light-theme .bracket,.light-theme .colon,.light-theme .comma{color:#333}.light-theme .key{color:#a31515}.light-theme .json-input{background-color:#f9f9f9;border-color:#ccc;color:#333}.light-theme .json-input:focus{border-color:#a31515;background-color:#fff}.light-theme .json-input::placeholder{color:#888}.light-theme .json-submit-button{background-color:#fff3f3;color:#a31515;border-color:#fcc}.light-theme .json-submit-button:hover{background-color:#ffe6e6;border-color:#a31515}.light-theme .send-icon{color:#a31515}.light-theme .social-title{color:green}.light-theme .social-icon-btn{background-color:#fff;border-color:#ccc;color:#333}.light-theme .social-icon-btn:hover{background-color:#f5f5f5;color:#00f;border-color:#999}.cv-view-container{padding:32px;height:100%;overflow-y:auto;font-family:var(--font-main, sans-serif);color:var(--text-main);background-color:var(--bg-editor);display:flex;flex-direction:column;align-items:center}.cv-view-container{padding:24px;height:100%;overflow-y:hidden;font-family:var(--font-main, sans-serif);color:var(--text-main);background-color:var(--bg-editor);display:flex;flex-direction:column;align-items:center;gap:16px}.cv-content-wrapper{width:100%;max-width:900px;flex-grow:1;border:1px solid var(--border-color, #333);border-radius:8px;overflow:hidden;background-color:#2d2d2d;box-shadow:0 4px 12px #0000004d;position:relative}.cv-iframe{width:100%;height:100%;border:none;background-color:#fff}.cv-fallback{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--text-muted);pointer-events:none;z-index:-1}.cv-footer{display:flex;justify-content:center;width:100%;padding-bottom:8px}.download-btn{display:inline-flex;align-items:center;gap:8px;background-color:transparent;color:var(--accent-blue, #4ec9b0);border:1px solid var(--accent-blue, #4ec9b0);padding:10px 24px;border-radius:4px;font-family:var(--font-mono, monospace);font-size:15px;cursor:pointer;transition:all .2s ease}.download-btn:hover{background-color:var(--accent-blue, #4ec9b0);color:#1e1e1e;box-shadow:0 0 8px #4ec9b066}[data-theme=light] .cv-view-container{background-color:var(--bg-main)}[data-theme=light] .cv-content-wrapper{background-color:#f5f5f5;border-color:#ddd;box-shadow:0 2px 8px #0000001a}[data-theme=light] .download-btn:hover{color:#fff}.code-body{font-family:var(--font-mono);font-size:14px;line-height:1.6;padding:30px 40px}.code-line{margin-bottom:4px;color:var(--text-main)}.indent-1{padding-left:20px}.indent-2{padding-left:40px}.code-keyword{color:var(--syntax-keyword)}.code-variable{color:var(--syntax-variable)}.code-string{color:var(--syntax-string)}.code-component{color:var(--syntax-component)}.code-bracket{color:var(--syntax-bracket)}.code-prop{color:var(--syntax-variable)}.tech-tag{display:inline-block;padding:2px 10px;border-radius:12px;font-size:11px;font-family:var(--font-sans);font-weight:500;margin-right:8px;border:1px solid var(--syntax-tag-bg)}.react{background-color:#61dafb1a;color:#61dafb;border-color:#61dafb4d}.python{background-color:#3776ab1a;color:#ffe873;border-color:#ffe8734d}.tf{background-color:#ff6f001a;color:#ff6f00;border-color:#ff6f004d}.tailwind{background-color:#06b6d41a;color:#06b6d4;border-color:#06b6d44d}.tags-container{display:flex;margin:10px 0 10px 20px}.dashboard-preview-card{margin:20px 0 30px 20px;background-color:var(--bg-explorer);border:1px solid var(--syntax-tag-bg);border-radius:8px;width:100%;max-width:600px;height:250px;display:flex;justify-content:center;align-items:center;box-shadow:0 10px 30px #0000001a}.card-placeholder{display:flex;flex-direction:column;align-items:center;color:var(--text-muted);font-family:var(--font-sans);font-size:16px;font-weight:500}.chart-icon{font-size:32px;margin-bottom:12px;color:var(--accent-color)}.text-content{color:var(--text-main);max-width:700px;font-family:var(--font-sans);line-height:1.5;margin-top:5px;margin-bottom:5px}.editor-container{flex:1;display:flex;flex-direction:column;background-color:var(--bg-editor);overflow:hidden;position:relative}.tabs-container{display:flex;height:var(--tabs-height);background-color:var(--bg-explorer);overflow-x:auto;border-bottom:1px solid rgba(0,0,0,.3)}.tabs-container::-webkit-scrollbar{height:2px}.tab{display:flex;align-items:center;min-width:fit-content;padding:0 10px 0 16px;background-color:var(--bg-tab-inactive);color:var(--text-muted);cursor:pointer;border-right:1px solid rgba(0,0,0,.2);border-top:2px solid transparent;transition:background-color .2s ease,filter .2s ease;outline:none;animation:tabSlideIn .3s cubic-bezier(.2,.8,.2,1) forwards}@keyframes tabSlideIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.tab:hover{background-color:#ffffff0d;filter:brightness(1.15)}.tab.active{background-color:var(--bg-tab-active);color:var(--text-active);border-top:2px solid var(--accent-blue)}.tab:focus-visible{outline:2px solid var(--accent-blue);outline-offset:-2px}.tab-icon{margin-right:6px;font-size:13px}.tab-icon-text{font-size:10px;font-weight:700}.tab-title{margin-right:12px}.tab-close{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;opacity:0;transition:opacity .2s,background-color .2s}.tab:hover .tab-close,.tab.active .tab-close{opacity:1}.tab-close:hover{background-color:#ffffff1a}.editor-content{flex:1;position:relative;overflow:hidden}.empty-editor{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted)}.vs-logo-placeholder{font-size:120px;font-weight:700;opacity:1;margin-bottom:40px}.shortcuts p{margin:10px 0;display:flex;align-items:center;font-size:14px}.key{background-color:#ffffff1a;padding:4px 8px;border-radius:4px;margin-left:8px;font-size:12px;display:inline-block}.status-bar{height:var(--status-bar-height);background-color:var(--bg-status-bar);color:var(--fg-status-bar);display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:0 10px;z-index:10}.status-left,.status-right{display:flex;align-items:center;height:100%}.status-item{display:flex;align-items:center;padding:0 8px;height:100%;cursor:pointer;transition:background-color .2s;gap:4px}.status-item:hover{background-color:#fff3}.highlight{font-weight:500}