.code-panel{font-family:var(--font-code);display:grid;overflow:auto;flex:1 1 auto;width:100%;min-width:0;border-radius:4px;background:var(--surface);--line-h: 1.35rem;grid-template-columns:4rem 1fr;grid-auto-rows:var(--line-h)}.line-number{font-size:1rem;position:sticky;left:0;display:flex;align-items:center;justify-content:right;padding:0 .5rem;color:var(--text-muted);background:var(--surface)}.line-text{font-size:.95rem;line-height:var(--line-h);display:block;align-items:center;padding:0 8px;white-space:pre;color:var(--text-code)}.code-panel::-webkit-scrollbar{width:15px;height:15px}.code-panel::-webkit-scrollbar-track{background:transparent}.code-panel::-webkit-scrollbar-track:vertical{box-shadow:inset 1px 0 0 var(--border-strong),inset 0 1px 0 var(--border-strong)}.code-panel::-webkit-scrollbar-track:horizontal{box-shadow:inset 0 1px 0 var(--border-strong)}.code-panel::-webkit-scrollbar-thumb{border:1px solid transparent;background-color:var(--scrollbar);background-clip:content-box}.code-panel::-webkit-scrollbar-corner{background:transparent}.code-panel::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-hover)}.file-path-bar{display:flex;align-items:center;justify-content:left;width:100%;padding:3px 15px;background-color:var(--surface)}.file-path-bar__list{display:flex;margin:0;padding:0;list-style:none}.file-path-bar__button{font-size:.95rem;font-weight:400;display:flex;align-items:center;min-height:1.25rem;padding:0;color:var(--text-muted);border:none;background:none}.file-path-bar__button:hover{color:var(--text)}.file-path-bar__arrow{width:1.25rem;height:1.25rem;filter:var(--icon-muted-filter)}.file-path-bar__button:hover .file-path-bar__arrow{filter:var(--icon-active-filter)}.tab{font-size:.9rem;position:relative;display:flex;align-items:center;flex:0 0 auto;padding:0 .65rem 0 1rem;cursor:pointer;color:var(--text-weak);border-right:1px solid var(--border);gap:10px}.tab:hover{background-color:var(--surface)}.tab--active{position:relative;color:var(--text-inverse);background:var(--surface);box-shadow:inset 0 1px 0 0 var(--accent-2)}.tab--active:after{position:absolute;z-index:10;right:0;bottom:0;left:0;height:1px;content:"";pointer-events:none;background:var(--surface)}.tab__image{flex-shrink:0;width:1rem;height:1rem}.tab__close{display:flex;visibility:hidden;align-items:center;padding:.1rem;cursor:pointer;border:none;border-radius:4px;background:none}.tab--active .tab__close,.tab:hover .tab__close{visibility:visible}.tab__close:hover{background:var(--surface-hover-strong)}.tab__close img{width:1.2rem;height:1.2rem;filter:var(--icon-weak-filter)}.tab--active .tab__close img{filter:var(--icon-inverse-filter)}.tab-bar{display:flex;overflow:auto;align-items:stretch;flex-shrink:0;height:46px;-webkit-user-select:none;user-select:none;background:var(--bg);scrollbar-width:none}.tab-bar__tabs{position:relative;display:flex;align-items:stretch;width:100%;min-width:max-content}.tab-bar__tabs:after{position:absolute;z-index:0;right:0;bottom:0;left:0;height:1px;content:"";pointer-events:none;background:var(--border-strong)}.editor-view{display:flex;overflow:hidden;flex-direction:column;width:100%}.activity-bar{width:3.875rem;height:100%;border-width:1px 1px 0 0;border-style:solid;border-color:var(--border);background-color:var(--bg)}.activity-bar__button{display:flex;align-items:center;justify-content:center;width:100%;padding:15px;border:none;border-left:2px solid transparent;background:none}.activity-bar__button--focused{border-left:2px solid var(--accent)}.activity-bar__button:hover .activity-bar__button__icon,.activity-bar__button--focused .activity-bar__button__icon{filter:var(--icon-active-filter)}.activity-bar__button__icon{width:100%;height:100%;filter:var(--icon-muted-filter)}.file-tree,.file-tree ul{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.file-tree ul{padding-left:16px}.tree-item{display:flex;overflow:hidden;align-items:center;width:100%;height:26px;padding:4px;border:none;background:none;gap:5px}.tree-item:hover{color:var(--text-inverse)}.tree-item__icon{flex-shrink:0;width:.9rem;height:.9rem}.tree-item__arrow{flex-shrink:0;width:1.1rem;height:1.1rem;filter:var(--icon-active-filter)}.tree-item__name{font-size:.95rem;font-weight:400;overflow:hidden;flex-shrink:1;white-space:nowrap;text-overflow:ellipsis}.file-tree>li>.tree-item .tree-item__name{font-size:.9rem;font-weight:800}.explorer-panel{padding-right:3px}.explorer-panel__header{display:flex;align-items:center;justify-content:space-between;padding:8px 13px 6px 24px}.explorer-panel__header-title{font-size:.85rem;font-weight:300}.explorer-panel__header-button{display:flex;align-items:center;justify-content:center;height:1.5rem;transition:background-color .1s;border:none;border-radius:4px;background:none}.explorer-panel__header-button:hover{background-color:var(--surface-hover)}.explorer-panel__header-button-icon{filter:var(--icon-active-filter)}.side-bar-shell{display:flex}.side-bar-panel{overflow:auto;width:20rem;border-right:1px solid var(--border);background:var(--bg)}.status-bar{display:flex;align-items:center;justify-content:space-between;width:100%;height:1.75rem;border-top:1px solid var(--border);background-color:var(--bg)}.status-bar__left{display:flex;gap:10px}.status-bar__right{display:flex;gap:5px}.status-bar__item{display:flex;align-items:center;justify-content:center;height:100%;padding:5px;cursor:pointer;border:none;background:none;gap:2px}.status-bar__item:not(.status-bar__item--focused):hover{background-color:var(--border)}.status-bar__item--focused{background-color:var(--accent)}.status-bar__item-image{width:auto;height:1.1rem;filter:var(--icon-active-filter)}.app-content{display:flex;flex-direction:column;width:100%;height:100vh}.main-content{display:flex;overflow:hidden;flex:1}.footer-content{width:100%}:root{--border: #2b2b2b;--font-ui: "Roboto", monospace;--font-code: "Source Code Pro", Menlo, monospace;--bg: #181818;--surface: #1f1f1f;--surface-hover: #2d2e2e;--surface-hover-strong: #313232;--border-strong: #3c3c3c;--scrollbar: #434343;--text: #c1cccc;--text-weak: #9d9d9d;--text-muted: #868686;--text-code: #d4d4d4;--text-inverse: #fff;--accent: #4678cd;--accent-2: #09f;--icon-muted-filter: invert(46%) sepia(96%) saturate(0%) hue-rotate(286deg) brightness(95%) contrast(100%);--icon-active-filter: invert(89%) sepia(4%) saturate(319%) hue-rotate(131deg) brightness(92%) contrast(89%);--icon-weak-filter: invert(69%) sepia(9%) saturate(0%) hue-rotate(252deg) brightness(89%) contrast(88%);--icon-inverse-filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(104%) contrast(101%)}:root{font-family:var(--font-ui);font-weight:400;line-height:1.5;color:var(--text);background-color:var(--surface);color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-width:320px;min-height:100vh;margin:0}button{font-family:inherit;cursor:pointer;color:inherit}