:root{font-family:JetBrains Mono,Fira Code,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;line-height:1.5;font-weight:400;color:#c0caf5;background-color:#1a1b26;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0;background:#1a1b26;color:#c0caf5}a{color:#7aa2f7}:root{--tn-bg: #1a1b26;--tn-bg-dark: #16161e;--tn-bg-soft: #1f2335;--tn-surface: #24283b;--tn-surface-2: #292e42;--tn-border: #3b4261;--tn-text: #c0caf5;--tn-muted: #9aa5ce;--tn-comment: #565f89;--tn-blue: #7aa2f7;--tn-cyan: #7dcfff;--tn-purple: #bb9af7;--tn-green: #9ece6a;--tn-yellow: #e0af68;--tn-red: #f7768e;--tn-orange: #ff9e64}.app-root.theme-light{--tn-bg: #eff1f5;--tn-bg-dark: #e6e9ef;--tn-bg-soft: #dce0e8;--tn-surface: #ccd0da;--tn-surface-2: #bcc0cc;--tn-border: #acb0be;--tn-text: #4c4f69;--tn-muted: #6c6f85;--tn-comment: #8c8fa1;--tn-blue: #1e66f5;--tn-cyan: #04a5e5;--tn-purple: #8839ef;--tn-green: #40a02b;--tn-yellow: #df8e1d;--tn-red: #d20f39;--tn-orange: #fe640b}html,body,#root{height:100%;width:100%;margin:0;padding:0}.app-root{height:100%;display:flex;flex-direction:column;background:var(--tn-bg);color:var(--tn-text);min-width:0}.navbar{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:var(--tn-bg-dark);border-bottom:1px solid var(--tn-border);-webkit-user-select:none;user-select:none;gap:10px}.navbar-left .logo{font-weight:600;color:var(--tn-text);font-size:14px;letter-spacing:.3px;display:inline-flex;align-items:center;gap:6px}.navbar-right{display:flex;align-items:center;gap:8px;min-width:0}.active-file-pill{font-size:12px;color:var(--tn-muted);background:var(--tn-surface);border:1px solid var(--tn-border);padding:4px 8px;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:50vw;display:inline-flex;align-items:center;gap:6px}.language-menu{position:relative}.language-chip{background:var(--tn-surface);color:var(--tn-text);border:1px solid var(--tn-border);padding:4px 8px;border-radius:4px;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.language-chip:hover{border-color:var(--tn-blue)}.language-menu-popup{position:absolute;top:calc(100% + 6px);right:0;width:240px;background:var(--tn-bg-soft);border:1px solid var(--tn-border);border-radius:6px;padding:8px;z-index:20;box-shadow:0 8px 20px #00000073}.language-menu-title{font-size:11px;font-weight:700;color:var(--tn-comment);margin-bottom:6px;letter-spacing:.3px}.language-menu-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.language-menu-item{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:12px;color:var(--tn-text)}.language-name{display:inline-flex;align-items:center;gap:6px}.language-menu-item span:last-child{color:var(--tn-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.run-btn{background:var(--tn-blue);color:var(--tn-bg-dark);border:1px solid var(--tn-blue);padding:5px 10px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.run-btn:hover{background:#89b4fa;border-color:#89b4fa}.settings-btn{background:var(--tn-surface);color:var(--tn-text);border:1px solid var(--tn-border);width:30px;height:30px;padding:0;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.settings-btn:hover{border-color:var(--tn-blue);background:var(--tn-surface-2)}.run-btn:disabled,.explorer-btn:disabled,.console-clear-btn:disabled{opacity:.5;cursor:not-allowed}.workspace-area{flex:1;display:flex;flex-direction:row;min-height:0;min-width:0;width:100%;height:100%}.workspace-area>*{min-width:0;min-height:0}.main-pane{min-width:0;min-height:0;display:flex;flex-direction:column;height:100%;overflow:hidden}.editor-area{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;width:100%;height:100%}.editor-area>*{min-width:0;min-height:0}.editor-pane{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;height:100%;background:var(--tn-bg)}.editor-tabs{height:34px;display:flex;align-items:stretch;overflow-x:auto;overflow-y:hidden;background:var(--tn-bg-dark);border-bottom:1px solid var(--tn-border);flex-shrink:0}.editor-tab{display:flex;align-items:center;min-width:0;max-width:220px;background:var(--tn-bg-soft);border-right:1px solid var(--tn-border)}.editor-tab.active{background:var(--tn-bg);box-shadow:inset 0 2px 0 0 var(--tn-blue)}.editor-tab-button{background:transparent;border:none;color:var(--tn-muted);padding:0 10px;height:100%;min-width:0;flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.editor-tab.active .editor-tab-button{color:var(--tn-text)}.editor-tab-close{background:transparent;border:none;color:var(--tn-comment);width:22px;height:22px;border-radius:4px;margin-right:6px;cursor:pointer;font-size:14px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.editor-tab-close:hover{background:var(--tn-surface-2);color:var(--tn-text)}.editor-content{flex:1;min-height:0;min-width:0}.editor-statusbar{height:24px;border-top:1px solid var(--tn-border);background:var(--tn-bg-dark);color:var(--tn-muted);display:flex;align-items:center;justify-content:space-between;padding:0 10px;font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;flex-shrink:0;gap:10px}.editor-status-left,.editor-status-right{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.editor-status-right{color:var(--tn-border);font-weight:600}.editor-empty{position:absolute;inset:34px 0 24px;display:flex;align-items:center;justify-content:center;background:#1a1b26eb;color:var(--tn-comment);font-size:13px;pointer-events:none}.app-root.theme-light .editor-empty{background:#eff1f5f0;color:var(--tn-muted)}.settings-panel{height:100%;overflow:auto;padding:16px;box-sizing:border-box;display:flex;flex-direction:column;gap:14px}.settings-title{font-size:16px;font-weight:700;color:var(--tn-text)}.settings-subtitle{margin:0;font-size:12px;color:var(--tn-muted);max-width:560px}.settings-group{display:flex;flex-direction:column;gap:6px;max-width:320px}.settings-label{font-size:12px;color:var(--tn-muted)}.settings-meta{font-size:11px;color:var(--tn-comment)}.settings-select{background:var(--tn-bg-soft);color:var(--tn-text);border:1px solid var(--tn-border);padding:6px 8px;font-size:12px;outline:none}.settings-select:focus{border-color:var(--tn-blue)}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-switch{display:inline-flex;align-items:center;cursor:pointer}.settings-switch-input{position:absolute;opacity:0;width:0;height:0}.settings-switch-track{width:38px;height:22px;background:var(--tn-border);border-radius:999px;padding:2px;box-sizing:border-box;transition:background .2s ease;display:inline-flex;align-items:center}.settings-switch-thumb{width:18px;height:18px;background:var(--tn-text);border-radius:50%;transform:translate(0);transition:transform .2s ease}.settings-switch-input:checked+.settings-switch-track{background:var(--tn-blue)}.settings-switch-input:checked+.settings-switch-track .settings-switch-thumb{transform:translate(16px)}.settings-switch-input:focus-visible+.settings-switch-track{outline:2px solid var(--tn-cyan);outline-offset:2px}.explorer-pane{display:flex;flex-direction:column;background:var(--tn-bg-dark);border-right:1px solid var(--tn-border);min-width:0;min-height:0;height:100%;overflow:hidden}.explorer-header{display:flex;flex-direction:column;gap:8px;padding:10px 8px;border-bottom:1px solid var(--tn-border)}.explorer-title{font-size:11px;font-weight:700;letter-spacing:.4px;color:var(--tn-comment);display:inline-flex;align-items:center;gap:6px}.explorer-actions{display:flex;gap:6px;flex-wrap:wrap}.explorer-btn{background:var(--tn-surface);color:var(--tn-text);border:1px solid var(--tn-border);font-size:12px;padding:3px 6px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.explorer-btn:hover{background:var(--tn-surface-2)}.explorer-btn.danger{border-color:#8f4e66;color:#f4b8c9}.app-root.theme-light .explorer-btn.danger{background:#f2d7de;border-color:#b42346;color:#7a102b}.app-root.theme-light .explorer-btn.danger:hover{background:#edc6d1;border-color:#9f1d3e;color:#661024}.explorer-tree{flex:1;overflow:auto;padding:8px 0;min-height:0}.tree-row{display:flex;align-items:center;height:24px;gap:4px}.tree-row.active{background:#7aa2f740}.tree-row.creating{background:#bb9af72e}.tree-toggle{width:16px;height:16px;padding:0;background:transparent;border:none;color:var(--tn-muted);cursor:pointer;line-height:1}.tree-spacer{width:16px;flex-shrink:0}.tree-entry{border:none;background:transparent;color:var(--tn-muted);padding:0;font-size:12px;cursor:pointer;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;display:inline-flex;align-items:center;gap:6px}.tree-entry.folder{color:var(--tn-text)}.tree-entry.file{color:var(--tn-muted)}.tree-create-input{flex:1;min-width:0;background:var(--tn-bg-soft);color:var(--tn-text);border:1px solid var(--tn-blue);font-size:12px;padding:2px 6px;height:20px;outline:none}.explorer-error{padding:8px;font-size:12px;border-top:1px solid #7f3f5a;background:#f7768e24;color:#f4b8c9}.console{background:var(--tn-bg-dark);color:var(--tn-text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;padding:8px;overflow:hidden;border-top:1px solid var(--tn-border);display:flex;flex-direction:column;gap:6px;min-width:0}.console-title-row{display:flex;align-items:center;justify-content:space-between}.console-title{color:var(--tn-comment);display:inline-flex;align-items:center;gap:6px}.console-clear-btn{background:var(--tn-surface);color:var(--tn-text);border:1px solid var(--tn-border);padding:2px 6px;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.console-clear-btn:hover{background:var(--tn-surface-2)}.console-terminal{border:1px solid var(--tn-border);flex:1;min-height:0;min-width:0;width:100%;display:flex}.runno-runner{display:flex;flex:1;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;--runno-editor-height: 0;--runno-editor-max-height: 0;--runno-terminal-min-height: 100%;--runno-terminal-height: 100%}.console-error{color:var(--tn-red);font-size:12px}.logo-icon{color:var(--tn-cyan)}.tree-icon{color:var(--tn-blue)}.inline-icon{flex-shrink:0}.spin{animation:spin 1s linear infinite}.gutter{background-color:var(--tn-surface-2)}.gutter.gutter-vertical{cursor:row-resize}.gutter.gutter-horizontal{cursor:col-resize}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}