@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Fira+Code:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&family=Roboto+Mono:wght@400;500&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:Roboto,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}#root{width:100%;height:100%}a{color:#1a73e8;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#1557b0}button{cursor:pointer;background-color:#f8f9fa;border:1px solid #0000;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#dadce0}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}:root{--titlebar-bg:#323233;--titlebar-text:#ccc;--activitybar-bg:#333;--activitybar-icon:#858585;--activitybar-icon-active:#fff;--activitybar-indicator:#007acc;--activitybar-width:48px;--sidebar-bg:#252526;--sidebar-text:#ccc;--sidebar-header:#bbb;--sidebar-selected-bg:#37373d;--sidebar-hover-bg:#2a2d2e;--sidebar-width:240px;--editor-bg:#1e1e1e;--editor-text:#d4d4d4;--editor-line-highlight:#2a2d2e;--editor-selection:#264f78;--editor-gutter:#858585;--editor-gutter-active:#c6c6c6;--tab-active-bg:#1e1e1e;--tab-inactive-bg:#2d2d2d;--tab-active-text:#fff;--tab-inactive-text:#969696;--tab-border:#252526;--terminal-bg:#1e1e1e;--terminal-toolbar-bg:#252526;--terminal-text:#ccc;--statusbar-bg:#007acc;--statusbar-text:#fff;--statusbar-hover:#1f8ad2;--border-color:#3c3c3c;--border-panel:#414141;--minimap-bg:#1e1e1e;--minimap-width:65px;--breadcrumb-bg:#1e1e1e;--breadcrumb-text:#a9a9a9;--scrollbar-thumb:#4e4e4e;--scrollbar-thumb-hover:#686868;--syn-keyword:#569cd6;--syn-string:#ce9178;--syn-comment:#6a9955;--syn-function:#dcdcaa;--syn-number:#b5cea8;--syn-builtin:#4ec9b0;--syn-decorator:#dcdcaa;--syn-variable:#9cdcfe;--syn-type:#4ec9b0;--syn-operator:#d4d4d4;--syn-parameter:#9cdcfe;--font-ui:"Inter", -apple-system, "Segoe UI", sans-serif;--font-code:"Fira Code", "Consolas", "Courier New", monospace;--titlebar-height:30px;--tab-height:35px;--breadcrumb-height:22px;--statusbar-height:22px;--terminal-height:200px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-ui);background:var(--editor-bg);color:var(--editor-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:13px;overflow:hidden}.vscode-shell{grid-template-areas:"titlebar titlebar titlebar""activitybar sidebar editor-area""statusbar statusbar statusbar";grid-template-columns:var(--activitybar-width) var(--sidebar-width) 1fr;grid-template-rows:var(--titlebar-height) 1fr var(--statusbar-height);width:100vw;height:100vh;display:grid}.titlebar{background:var(--titlebar-bg);height:var(--titlebar-height);border-bottom:1px solid var(--border-color);-webkit-user-select:none;user-select:none;-webkit-app-region:drag;grid-area:titlebar;justify-content:space-between;align-items:center;padding:0 12px;display:flex}.titlebar-left{align-items:center;gap:12px;display:flex}.titlebar-icon{justify-content:center;align-items:center;width:16px;height:16px;display:flex}.titlebar-icon svg{fill:#007acc}.titlebar-menus{gap:0;display:flex}.titlebar-menu-item{color:var(--titlebar-text);cursor:pointer;border-radius:0;padding:2px 8px;font-size:13px;transition:background .1s}.titlebar-menu-item:hover{background:#ffffff1a}.titlebar-center{color:var(--titlebar-text);white-space:nowrap;font-size:12px;position:absolute;left:50%;transform:translate(-50%)}.titlebar-right{align-items:center;gap:0;display:flex}.window-control{width:46px;height:var(--titlebar-height);cursor:pointer;color:var(--titlebar-text);justify-content:center;align-items:center;transition:background .1s;display:flex}.window-control:hover{background:#ffffff1a}.window-control.close:hover{color:#fff;background:#c42b1c}.activitybar{background:var(--activitybar-bg);border-right:1px solid var(--border-color);width:var(--activitybar-width);flex-direction:column;grid-area:activitybar;align-items:center;padding-top:0;display:flex}.activitybar-top{flex-direction:column;align-items:center;width:100%;display:flex}.activitybar-bottom{flex-direction:column;align-items:center;width:100%;margin-top:auto;padding-bottom:4px;display:flex}.activitybar-item{cursor:pointer;width:48px;height:48px;color:var(--activitybar-icon);justify-content:center;align-items:center;transition:color .1s;display:flex;position:relative}.activitybar-item:hover,.activitybar-item.active{color:var(--activitybar-icon-active)}.activitybar-item.active:before{content:"";background:var(--activitybar-indicator);border-radius:0 1px 1px 0;width:2px;position:absolute;top:6px;bottom:6px;left:0}.activitybar-badge{color:#fff;background:#007acc;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:600;display:flex;position:absolute;top:8px;right:8px}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border-color);flex-direction:column;grid-area:sidebar;display:flex;overflow:hidden}.sidebar-header{flex-shrink:0;justify-content:space-between;align-items:center;height:35px;padding:0 20px;display:flex}.sidebar-title{color:var(--sidebar-header);text-transform:uppercase;letter-spacing:1.2px;font-size:11px;font-weight:600}.sidebar-header-actions{gap:4px;display:flex}.sidebar-header-btn{width:22px;height:22px;color:var(--sidebar-header);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;transition:opacity .1s,background .1s;display:flex}.sidebar-header:hover .sidebar-header-btn{opacity:1}.sidebar-header-btn:hover{background:#ffffff1a}.sidebar-content{flex:1;overflow:hidden auto}.tree-section{border-bottom:none}.tree-section-header{color:var(--sidebar-header);text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--sidebar-bg);align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:700;display:flex}.tree-section-header:hover{background:var(--sidebar-hover-bg)}.tree-chevron{justify-content:center;width:16px;font-size:10px;transition:transform .15s;display:inline-flex}.tree-chevron.open{transform:rotate(90deg)}.tree-item{color:var(--sidebar-text);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;height:22px;padding:2px 8px 2px 28px;font-size:13px;transition:background 80ms;display:flex;overflow:hidden}.tree-item:hover{background:var(--sidebar-hover-bg)}.tree-item.selected{background:var(--sidebar-selected-bg);color:#fff}.tree-item-icon{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.tree-item-icon.python{color:#519aba}.tree-item-label{text-overflow:ellipsis;overflow:hidden}.editor-area{background:var(--editor-bg);flex-direction:column;grid-area:editor-area;display:flex;overflow:hidden}.editor-area.sidebar-collapsed{grid-column:2/4}.tab-bar{background:var(--tab-border);height:var(--tab-height);border-bottom:1px solid var(--border-color);flex-shrink:0;align-items:stretch;display:flex;overflow-x:auto}.tab-bar::-webkit-scrollbar{height:0}.tab{min-width:120px;max-width:200px;color:var(--tab-inactive-text);background:var(--tab-inactive-bg);border-right:1px solid var(--border-color);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:center;gap:6px;padding:0 12px;font-size:13px;transition:background 80ms,color 80ms;display:flex;position:relative}.tab:hover{background:var(--tab-active-bg)}.tab.active{background:var(--tab-active-bg);color:var(--tab-active-text)}.tab.active:after{content:"";background:var(--activitybar-indicator);height:1px;position:absolute;top:0;left:0;right:0}.tab-icon{color:#519aba;flex-shrink:0;width:14px;height:14px}.tab-label{text-overflow:ellipsis;flex:1;overflow:hidden}.tab-close{color:#0000;cursor:pointer;background:0 0;border:none;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:16px;transition:background .1s,color .1s;display:flex}.tab:hover .tab-close,.tab.active .tab-close{color:var(--tab-inactive-text)}.tab-close:hover{background:#ffffff26;color:var(--tab-active-text)!important}.breadcrumbs{height:var(--breadcrumb-height);background:var(--breadcrumb-bg);border-bottom:1px solid var(--border-color);color:var(--breadcrumb-text);flex-shrink:0;align-items:center;gap:4px;padding:0 12px;font-size:12px;display:flex}.breadcrumb-item{cursor:pointer;transition:color .1s}.breadcrumb-item:hover{color:#e8e8e8}.breadcrumb-sep{color:#666;font-size:10px}.editor-content{flex:1;display:flex;overflow:hidden}.editor-main{flex-direction:column;flex:1;display:flex;overflow:auto}.editor-main::-webkit-scrollbar{width:10px}.editor-main::-webkit-scrollbar-track{background:0 0}.editor-main::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:0}.editor-main::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.program-header{background:var(--editor-bg);border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 16px 4px;display:flex}.program-meta{flex-direction:column;gap:2px;display:flex}.program-title{color:var(--tab-active-text);font-size:13px;font-weight:500}.program-desc{color:var(--editor-gutter);font-size:11px}.program-actions{align-items:center;gap:4px;display:flex}.program-action-btn{font-size:12px;font-family:var(--font-ui);color:#fff;cursor:pointer;background:#0e639c;border:none;border-radius:0;align-items:center;gap:4px;padding:4px 10px;transition:background .12s;display:flex}.program-action-btn:hover{background:#17b}.program-action-btn.secondary{color:var(--sidebar-text);border:1px solid var(--border-color);background:0 0}.program-action-btn.secondary:hover{background:#ffffff0f}.program-action-btn.copied{background:#16825d}.code-editor{flex:1;min-height:0;display:flex}.code-gutter{text-align:right;-webkit-user-select:none;user-select:none;background:var(--editor-bg);flex-shrink:0;width:60px;padding:8px 0}.gutter-line{font-family:var(--font-code);color:var(--editor-gutter);height:20px;padding-right:16px;font-size:13px;line-height:20px;display:block}.gutter-line.active-line{color:var(--editor-gutter-active)}.code-content{flex:1;min-width:0;padding:8px 0;overflow-x:auto}.code-line{font-family:var(--font-code);white-space:pre;min-width:fit-content;height:20px;padding:0 16px 0 0;font-size:13px;line-height:20px;display:flex}.code-line.active-line{background:var(--editor-line-highlight)}.code-line-text{white-space:pre}.syn-keyword{color:var(--syn-keyword)}.syn-string{color:var(--syn-string)}.syn-comment{color:var(--syn-comment);font-style:italic}.syn-function{color:var(--syn-function)}.syn-number{color:var(--syn-number)}.syn-builtin{color:var(--syn-builtin)}.syn-decorator{color:var(--syn-decorator)}.syn-variable{color:var(--syn-variable)}.minimap{width:var(--minimap-width);background:var(--minimap-bg);border-left:1px solid var(--border-color);cursor:pointer;flex-shrink:0;position:relative;overflow:hidden}.minimap-content{transform-origin:100% 0;pointer-events:none;width:400%;padding:8px 4px;transform:scale(.25)}.minimap-line{gap:2px;height:4px;margin-bottom:1px;display:flex}.minimap-token{opacity:.7;border-radius:0;height:3px}.minimap-viewport{pointer-events:none;background:#64646433;border:1px solid #64646466;width:100%;position:absolute;top:0;right:0}.terminal-panel{background:var(--terminal-bg);border-top:1px solid var(--border-color);height:var(--terminal-height);flex-direction:column;flex-shrink:0;display:flex}.terminal-tabs{background:var(--terminal-toolbar-bg);border-bottom:1px solid var(--border-color);align-items:center;gap:0;height:35px;padding:0 8px;display:flex}.terminal-tab-group{align-items:center;gap:0;display:flex}.terminal-tab{cursor:pointer;color:var(--tab-inactive-text);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #0000;padding:6px 12px;font-size:12px;font-weight:500;transition:color .1s}.terminal-tab.active{color:var(--tab-active-text);border-bottom-color:var(--activitybar-indicator)}.terminal-tab:hover{color:var(--tab-active-text)}.terminal-tab-badge{color:#fff;background:#4d4d4d;border-radius:8px;margin-left:4px;padding:0 5px;font-size:10px}.terminal-actions{gap:2px;margin-left:auto;display:flex}.terminal-action-btn{width:26px;height:26px;color:var(--sidebar-text);cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;display:flex}.terminal-action-btn:hover{background:#ffffff1a}.terminal-body{font-family:var(--font-code);color:var(--terminal-text);flex:1;padding:8px 16px;font-size:13px;line-height:1.5;overflow-y:auto}.terminal-body::-webkit-scrollbar{width:8px}.terminal-body::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}.terminal-prompt{color:var(--syn-builtin)}.terminal-output{color:var(--terminal-text);white-space:pre-wrap}.terminal-cursor{background:var(--terminal-text);vertical-align:text-bottom;width:7px;height:15px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.statusbar{background:var(--statusbar-bg);height:var(--statusbar-height);color:var(--statusbar-text);z-index:100;grid-area:statusbar;justify-content:space-between;align-items:center;padding:0 8px;font-size:12px;display:flex}.statusbar-left,.statusbar-right{align-items:center;gap:0;display:flex}.statusbar-item{height:var(--statusbar-height);cursor:pointer;white-space:nowrap;align-items:center;gap:4px;padding:0 6px;transition:background .1s;display:flex}.statusbar-item:hover{background:var(--statusbar-hover)}.statusbar-icon{align-items:center;font-size:14px;display:flex}.program-list-panel{flex-direction:column;height:100%;display:flex}.program-selector-bar{background:var(--editor-bg);border-bottom:1px solid var(--border-color);flex-shrink:0;align-items:center;gap:8px;padding:4px 8px;display:flex}.program-select{font-size:12px;font-family:var(--font-ui);background:var(--sidebar-bg);border:1px solid var(--border-color);color:var(--editor-text);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23858585' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 6px center;background-repeat:no-repeat;outline:none;flex:1;padding:3px 24px 3px 8px}.program-select:focus{border-color:var(--activitybar-indicator)}.program-count{color:var(--editor-gutter);white-space:nowrap;font-size:11px}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:0 0}.sidebar-content::-webkit-scrollbar-thumb{background:0 0}.sidebar-content:hover::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.code-editor{animation:.15s ease-out fadeIn}.no-file-selected{color:var(--editor-gutter);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.no-file-icon{opacity:.3;font-size:48px}.no-file-text{font-size:13px}.no-file-shortcuts{flex-direction:column;gap:6px;margin-top:12px;font-size:12px;display:flex}.shortcut-row{align-items:center;gap:8px;display:flex}.shortcut-key{background:var(--sidebar-bg);border:1px solid var(--border-color);font-family:var(--font-code);color:var(--sidebar-text);border-radius:2px;padding:2px 6px;font-size:11px}@media (width<=900px){:root{--sidebar-width:180px}}.welcome-page{background:var(--editor-bg);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex;overflow-y:auto}.welcome-content{gap:80px;width:100%;max-width:900px;display:flex}.welcome-left,.welcome-right{flex:1}.welcome-title{color:#ccc;letter-spacing:-.5px;margin-bottom:2px;font-size:28px;font-weight:300}.welcome-subtitle{color:#858585;margin-bottom:28px;font-size:14px}.welcome-section{margin-bottom:24px}.welcome-heading{color:#ccc;margin-bottom:10px;font-size:13px;font-weight:600}.welcome-link{color:#3794ff;cursor:pointer;align-items:center;gap:8px;padding:4px 0;font-size:13px;transition:color .1s;display:flex}.welcome-link:hover{color:#4dabff;text-decoration:underline}.welcome-recent{cursor:pointer;align-items:center;gap:12px;padding:3px 0;font-size:13px;display:flex}.welcome-recent:hover .welcome-recent-name{color:#3794ff;text-decoration:underline}.welcome-recent-name{color:#3794ff;transition:color .1s}.welcome-recent-path{color:#858585;font-size:12px}.welcome-more{color:#3794ff;cursor:pointer;padding:4px 0;font-size:13px}.welcome-more:hover{text-decoration:underline}.welcome-walkthrough{background:var(--sidebar-bg);border:1px solid var(--border-color);color:var(--editor-text);cursor:pointer;border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:10px 14px;font-size:13px;transition:background .1s;display:flex}.welcome-walkthrough:hover{background:var(--sidebar-hover-bg)}.welcome-badge{color:#fff;letter-spacing:.3px;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:600}.welcome-footer{color:#858585;align-items:center;gap:6px;margin-top:40px;font-size:13px;display:flex}.welcome-footer input[type=checkbox]{accent-color:#007acc}.welcome-footer label{cursor:pointer;align-items:center;gap:6px;display:flex}.scratch-editor{color:var(--editor-text);resize:none;font-family:var(--font-code);caret-color:#aeafad;background:0 0;border:none;outline:none;flex:1;width:100%;min-height:100%;padding:8px 16px;font-size:13px;line-height:20px}.scratch-editor::placeholder{color:#5a5a5a;font-style:italic}@media (width<=700px){:root{--titlebar-height:40px;--tab-height:32px;--statusbar-height:24px;--terminal-height:150px}.vscode-shell{grid-template-columns:1fr;grid-template-areas:"titlebar""editor-area""statusbar";grid-template-rows:var(--titlebar-height) 1fr var(--statusbar-height)}.activitybar,.sidebar,.minimap{display:none}.editor-area.sidebar-collapsed{grid-column:auto}.titlebar{height:var(--titlebar-height);padding:0 8px}.titlebar-menus{display:none}.titlebar-center{text-overflow:ellipsis;max-width:60%;font-size:11px;overflow:hidden}.window-control{display:none}.tab-bar{height:var(--tab-height);-webkit-overflow-scrolling:touch;overflow-x:auto}.tab{min-width:90px;max-width:140px;padding:0 8px;font-size:12px}.tab-close{width:18px;height:18px;font-size:14px}.breadcrumbs{height:20px;padding:0 8px;font-size:11px}.program-header{flex-direction:column;align-items:flex-start;gap:6px;padding:6px 10px 4px}.program-title{font-size:12px}.program-desc{font-size:10px}.program-actions{width:100%}.program-action-btn{padding:4px 8px;font-size:11px}.code-gutter{width:40px}.gutter-line{padding-right:8px;font-size:11px}.code-line{font-size:12px}.terminal-panel{height:var(--terminal-height)}.terminal-tabs{height:30px;padding:0 4px;overflow-x:auto}.terminal-tab{padding:4px 8px;font-size:10px}.terminal-body{padding:6px 10px;font-size:11px}.statusbar{padding:0 4px;font-size:11px;overflow-x:auto}.statusbar-item{white-space:nowrap;padding:0 4px;font-size:10px}.welcome-page{padding:20px 16px}.welcome-content{flex-direction:column;gap:24px}.welcome-title{font-size:22px}.welcome-subtitle{margin-bottom:16px;font-size:13px}.welcome-walkthrough{padding:8px 10px;font-size:12px}.welcome-badge{padding:1px 6px;font-size:9px}.welcome-recent{font-size:12px}.welcome-recent-path{display:none}.welcome-footer{margin-top:20px;font-size:12px}.scratch-editor{padding:6px 10px;font-size:12px}}@media (width<=400px){.tab{min-width:70px;max-width:100px}.tab-icon{display:none}.welcome-title{font-size:18px}.program-actions{flex-direction:row;gap:4px}}.colab-shell{--c-orange:#f9ab00;--c-blue:#8ab4f8;--c-green-bg:#1a8746;--c-bg:#1e1e1e;--c-bg2:#2d2d2d;--c-canvas:#111;--c-hover:#3c3c3c;--c-text:#e8eaed;--c-text2:#9aa0a6;--c-text3:#80868b;--c-border:#3c4043;--c-cell-bg:#1e1e1e;--c-code-bg:#282828;--c-gutter-bg:#252525;--c-sidebar-bg:#252526;--c-active-bg:#37373d;--c-active-color:#8ab4f8;--c-font:"Roboto", sans-serif;--c-mono:"Roboto Mono", "Consolas", monospace;--c-syn-kw:#569cd6;--c-syn-str:#ce9178;--c-syn-cmt:#6a9955;--c-syn-fn:#dcdcaa;--c-syn-num:#b5cea8;--c-syn-bi:#4ec9b0;--c-syn-dec:#dcdcaa;width:100vw;height:100vh;font-family:var(--c-font);color:var(--c-text);background:var(--c-canvas);grid-template:"header header"48px"sidebar content"1fr/48px 1fr;display:grid}.colab-shell.colab-light{--c-bg:#fff;--c-bg2:#f8f9fa;--c-canvas:#f0f0f0;--c-hover:#f1f3f4;--c-text:#202124;--c-text2:#5f6368;--c-text3:#80868b;--c-border:#dadce0;--c-cell-bg:#fff;--c-code-bg:#f8f9fa;--c-gutter-bg:#f1f3f4;--c-sidebar-bg:#f8f9fa;--c-active-bg:#e8f0fe;--c-active-color:#1967d2;--c-syn-kw:#00f;--c-syn-str:green;--c-syn-cmt:gray;--c-syn-fn:#795e26;--c-syn-num:#098658;--c-syn-bi:#267f99;--c-syn-dec:#795e26}.c-syn-keyword{color:var(--c-syn-kw)}.c-syn-string{color:var(--c-syn-str)}.c-syn-comment{color:var(--c-syn-cmt);font-style:italic}.c-syn-function{color:var(--c-syn-fn)}.c-syn-number{color:var(--c-syn-num)}.c-syn-builtin{color:var(--c-syn-bi)}.c-syn-decorator{color:var(--c-syn-dec)}.c-topbar{background:var(--c-bg);border-bottom:1px solid var(--c-border);grid-area:header;justify-content:space-between;align-items:center;height:48px;padding:0 8px 0 12px;display:flex}.c-topbar-left{align-items:center;gap:10px;display:flex}.c-logo{flex-shrink:0;width:28px;height:28px}.c-logo img{width:100%;height:100%}.c-brand-info{flex-direction:column;display:flex}.c-brand-row{align-items:center;gap:6px;display:flex}.c-brand-title{color:var(--c-text);font-size:15px}.c-star{cursor:pointer;color:var(--c-text3);background:0 0;border:none;padding:2px;display:flex}.c-star:hover,.c-star.starred{color:var(--c-orange)}.c-menu-bar{gap:0;display:flex}.c-menu-item{color:var(--c-text2);cursor:pointer;border-radius:4px;padding:2px 8px;font-size:13px}.c-menu-item:hover{background:var(--c-hover);color:var(--c-text)}.c-topbar-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.c-switch-btn{color:#8ab4f8;cursor:pointer;background:#569cd61a;border:1px solid #569cd6;border-radius:16px;align-items:center;gap:6px;height:32px;padding:0 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.c-switch-btn:hover{background:#569cd640;border-color:#8ab4f8}.colab-shell.colab-light .c-switch-btn{color:#1a73e8;background:#1a73e814;border-color:#1a73e8}.c-dark-toggle{cursor:pointer;width:36px;height:36px;color:var(--c-text2);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex}.c-dark-toggle:hover{background:var(--c-hover)}.c-connect{cursor:pointer;color:#e5e7eb;background:#0b1220;border:1px solid #1f3b64;border-radius:16px;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.c-connect.connected{color:#fff;background:#1f2937;border:none}.c-indicator{background:#34a853;border-radius:50%;width:8px;height:8px}.c-ram{color:var(--c-text3);margin-left:4px;font-size:11px}.c-avatar{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4285f4,#db4437,#f4b400,#0f9d58);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:500;display:flex}.c-sidebar{background:var(--c-sidebar-bg);border-right:1px solid var(--c-border);flex-direction:column;grid-area:sidebar;align-items:center;gap:4px;padding-top:8px;display:flex}.c-sidebar-item{cursor:pointer;width:40px;height:40px;color:var(--c-text2);border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex}.c-sidebar-item:hover{background:var(--c-hover)}.c-content-wrapper{background:var(--c-canvas);flex-direction:column;grid-area:content;display:flex;overflow:hidden}.c-toolbar{border-bottom:1px solid var(--c-border);background:var(--c-bg);flex-shrink:0;align-items:center;gap:8px;height:36px;padding:4px 16px 4px 68px;display:flex}.c-toolbar-label{color:var(--c-active-color);font-size:13px;font-weight:500}.c-toolbar-sep{background:var(--c-border);width:1px;height:20px}.c-program-selector{font-size:13px;font-family:var(--c-font);border:1px solid var(--c-border);background:var(--c-bg);color:var(--c-text);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235f6368' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border-radius:4px;outline:none;min-width:200px;padding:4px 28px 4px 10px}.c-program-selector:focus{border-color:var(--c-blue)}.c-count{color:var(--c-text3);font-size:12px}.c-content{flex:1;padding:16px 0;overflow-y:auto}.c-cells{max-width:960px;margin:0 auto;padding:0 24px}.c-cell{background:var(--c-cell-bg);border:1px solid #0000;border-radius:8px;margin-bottom:2px;transition:border-color .15s,box-shadow .15s;animation:.2s ease-out c-fadeIn;display:flex}.c-cell:hover{box-shadow:0 1px 3px #0000000f}.c-cell.c-cell-active{border-color:var(--c-blue);box-shadow:0 1px 6px #1a73e826}.c-cell-gutter{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;width:52px;padding-top:10px;display:flex}.c-run-btn{cursor:pointer;width:28px;height:28px;color:var(--c-text3);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.c-run-btn:hover{background:var(--c-hover);color:var(--c-text)}.c-cell.c-cell-active .c-run-btn{color:var(--c-blue)}.c-counter{font-size:11px;font-family:var(--c-mono);color:var(--c-text3)}.c-cell-body{flex-direction:column;flex:1;min-width:0;display:flex}.c-cell-header{padding:8px 12px 4px 0}.c-cell-title{color:var(--c-text);font-size:13px;font-weight:500}.c-cell-desc{color:var(--c-text3);font-size:11px}.c-code-block{border:1px solid var(--c-border);background:var(--c-code-bg);border-radius:4px;margin:0 12px 8px 0;display:flex;position:relative;overflow:hidden}.c-line-nums{background:var(--c-gutter-bg);text-align:right;-webkit-user-select:none;user-select:none;border-right:1px solid var(--c-border);min-width:40px;padding:10px 0}.c-lnum{font-family:var(--c-mono);color:var(--c-text3);padding:0 8px;font-size:12px;line-height:1.6;display:block}.c-code-area{flex:1;padding:10px 12px;overflow-x:auto}.c-code-area pre{font-family:var(--c-mono);color:var(--c-text);white-space:pre;margin:0;font-size:13px;line-height:1.6}.c-copy-btn{background:var(--c-bg);border:1px solid var(--c-border);cursor:pointer;color:var(--c-text2);z-index:10;border-radius:4px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;display:flex;position:absolute;top:8px;right:8px}.c-copy-btn:hover{color:var(--c-blue);border-color:var(--c-blue)}.c-copy-btn.copied{background:var(--c-green-bg);color:#fff;border-color:#0000}.c-output{font-family:var(--c-mono);color:var(--c-text2);border-top:1px solid var(--c-border);padding:8px 12px 10px 0;font-size:12px;line-height:1.5}.c-content::-webkit-scrollbar{width:8px}.c-content::-webkit-scrollbar-track{background:0 0}.c-content::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:4px}@keyframes c-fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (width<=720px){.colab-shell{grid-template:"header""content"1fr/1fr}.c-sidebar,.c-menu-bar{display:none}.c-brand-title{font-size:13px}.c-topbar{flex-wrap:nowrap;height:44px;padding:0 6px}.c-topbar-left{gap:6px;min-width:0}.c-topbar-right{gap:4px}.c-switch-btn{height:28px;padding:0 10px;font-size:11px}.c-dark-toggle{width:30px;height:30px;font-size:16px}.c-connect{height:28px;padding:0 8px;font-size:11px}.c-ram{display:none}.c-avatar{width:26px;height:26px;font-size:11px}.c-toolbar{flex-wrap:wrap;gap:4px;height:auto;padding:4px 8px}.c-toolbar-label{font-size:12px}.c-toolbar-sep{display:none}.c-program-selector{flex:1;min-width:0;font-size:12px}.c-count{font-size:11px}.c-cells{padding:0 8px}.c-cell{flex-direction:column}.c-cell-gutter{flex-direction:row;align-items:center;gap:8px;width:100%;padding:6px 8px 0}.c-run-btn{width:24px;height:24px}.c-counter{font-size:10px}.c-cell-header{padding:4px 8px}.c-cell-title{font-size:12px}.c-cell-desc{font-size:10px}.c-code-block{margin:0 8px 8px}.c-line-nums{min-width:30px}.c-lnum{padding:0 4px;font-size:10px}.c-code-area{padding:8px}.c-code-area pre{font-size:11px}.c-copy-btn{padding:2px 6px;font-size:10px;top:4px;right:4px}.c-output{padding:6px 8px;font-size:11px}}@media (width<=400px){.c-switch-btn span:not(.c-switch-btn svg){display:none}.c-brand-title{text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-size:11px;overflow:hidden}.c-connect{font-size:10px}}