.studio-page{width:min(1360px,calc(100% - 56px));margin:auto;padding:35px 0 55px}.studio-intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.studio-intro .eyebrow{font-size:8px;margin-bottom:8px}.studio-intro h1{font-size:25px;margin:0}.studio-intro h1>span{font-size:12px;margin-left:20px;letter-spacing:0;color:#6e6f6e;font-weight:400}.studio-auth-note{background:#191919;color:#8d908e;border:1px solid #313332;border-radius:5px;padding:10px 16px;font-size:11px;margin-bottom:17px}.studio-auth-note a{color:#caceca;margin-left:10px}.ide-shell{border:1px solid #333434;border-radius:7px;overflow:hidden;background:#101313;box-shadow:0 20px 80px #0004}.ide-toolbar{min-height:53px;display:flex;align-items:center;gap:15px;padding:0 16px;border-bottom:1px solid #303231;background:#191a19}.ide-title{display:flex;align-items:center;gap:12px;min-width:0}.ide-title .workspace-symbol{font-size:22px}.ide-title input{width:180px;max-width:25vw;border:0;background:transparent;font-size:12px;padding:3px;color:#dadbda}.ide-title input:focus{outline:1px solid #6c6f6c}.ide-title>span:last-child{font-size:9px;color:#6a6d6b;white-space:nowrap}.ide-actions{margin-left:auto;display:flex;gap:7px;align-items:center}.ide-button{border:1px solid #383a38;border-radius:4px;padding:5px 12px;background:#262726;color:#c0c3c0;font-size:10px;line-height:1.7;cursor:pointer;white-space:nowrap}.ide-button:hover{background:#363836}.ide-run{background:#d2d4d1;border-color:#d2d4d1;color:#1b1e1b;padding:5px 17px}.ide-run:hover{background:#e3e5e2}.ide-button:disabled{opacity:.5;cursor:wait}.file-import input{display:none}.ide-body{display:grid;grid-template-columns:205px 1fr;min-height:600px}.ide-sidebar{background:#141615;border-right:1px solid #2f312f;position:relative;padding-bottom:45px;min-width:0}.sidebar-section{padding:17px 12px}.sidebar-section>label{display:block;font-size:9px;color:#747975;margin-bottom:9px}.sidebar-section select{width:100%;padding:6px;background:#212422;border:1px solid #383d39;border-radius:4px;font-size:10px;color:#bec3bf;min-width:0}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#888d89;padding:9px 16px;letter-spacing:.5px}.sidebar-heading>button{background:none;border:0;color:#b0b7b1;font-size:16px;line-height:1}.ide-file-list>button,.saved-projects>button{display:flex;width:100%;align-items:center;gap:8px;background:none;border:0;padding:7px 16px;text-align:left;color:#9ba19c;font:11px/1.7 Consolas,monospace;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ide-file-list>button:before{content:"C";font-size:9px;color:#6f9bb9}.ide-file-list>button.active{background:#2f3330;color:#dbdedb;border-left:2px solid #9a9f99;padding-left:14px}.saved-projects>button{font-family:inherit;font-size:10px}.saved-projects>button:hover{color:#e7ebe6;background:#262a27}.saved-projects>p{font-size:10px;color:#6d726e;padding:4px 16px}.sidebar-bottom{position:absolute;bottom:14px;left:16px;display:flex;align-items:center;gap:7px;font-size:9px;color:#757c77}.isolation-dot{height:5px;width:5px;background:#879089;border-radius:50%}.ide-button.full{width:100%;text-align:center}.ide-main{min-width:0}.editor-tabbar{height:38px;border-bottom:1px solid #313432;display:flex;align-items:center;font:10px/1.5 Consolas,monospace;color:#c1c5c1;background:#1e211f}.editor-tabbar>#active-filename{padding:11px 21px;border-right:1px solid #313432;background:#1b1d1b;border-top:1px solid #afb6b0;min-width:125px}.editor-tabbar>button{font:9px/1.5 inherit;color:#6f7571;background:none;border:0;padding:5px 15px;margin-left:auto}.editor-tabbar>#editor-position{padding:0 16px;color:#747b76;font-size:9px}.cm-editor{height:350px;background:#151716!important;font:12px/1.8 Consolas,"Courier New",monospace!important}.cm-scroller{overflow:auto!important}.cm-gutters{background:#151716!important;border-right:0!important;color:#505551!important;padding-right:9px}.cm-content{padding:17px 0!important}.cm-line{padding-left:12px!important}.cm-activeLine{background:#2c302d40!important}.cm-activeLineGutter{background:none!important;color:#969e98!important}.cm-selectionBackground{background:#525753!important}.cm-focused{outline:none!important}.cm-cursor{border-color:#bec3bd!important}.ide-output{border-top:1px solid #373d39;min-height:210px;background:#141615}.output-tabs{display:flex;align-items:center;height:36px;border-bottom:1px solid #303431;background:#1a1c1b}.output-tabs>button{border:0;background:none;color:#818883;font-size:10px;height:100%;padding:0 18px;border-bottom:1px solid transparent}.output-tabs>button[aria-selected=true]{color:#d6dad6;border-bottom-color:#b4bab3}.output-tabs>#run-status{margin-left:auto;padding-right:16px;font-size:9px;color:#808882}.ide-output>pre{font:11px/1.85 Consolas,monospace;padding:16px 20px;margin:0;height:142px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;color:#cbd1cc;background:#141615}.ide-output #stdin-panel{padding:12px 20px}.ide-output #stdin-panel>label{font-size:9px;color:#858d87;display:block;margin-bottom:6px}.ide-output textarea{font:11px/1.7 Consolas,monospace;width:100%;height:93px;padding:8px;border:1px solid #3d413e;border-radius:4px;resize:vertical}.artifact-list{display:flex;gap:8px;padding:0 20px 12px;flex-wrap:wrap}.artifact-list:empty{display:none}.artifact-list>a{padding:4px 10px;border:1px solid #4a514c;font-size:9px;border-radius:4px;color:#c5cbc5}.ide-statusbar{display:flex;justify-content:space-between;align-items:center;height:27px;padding:0 14px;color:#868c87;background:#272c29;border-top:1px solid #393f3b;font:9px/1.5 Consolas,monospace}.ide-statusbar i{font-style:normal;padding:0 9px;color:#4e5650}.profile-note{font-size:11px;color:#8c918d;line-height:1.9;margin:13px 0 25px}.studio-guide{border:1px solid #373b38;border-radius:6px;font-size:12px}.studio-guide summary{padding:16px 20px;cursor:pointer;color:#b3b9b4;display:flex;justify-content:space-between;list-style:none}.studio-guide summary::-webkit-details-marker{display:none}.studio-guide[open] summary{border-bottom:1px solid #373b38}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px 35px;padding:24px}.guide-grid h2{font-size:15px;margin-bottom:10px}.guide-grid p{font-size:11px;color:#909892;margin:0}.guide-grid code{font-size:10px;color:#c4cac4;background:#292e2a;padding:1px 3px;border-radius:3px}.studio-page~.footer{margin-top:0}
@media(max-width:850px){.studio-page{width:calc(100% - 32px);padding-top:26px}.studio-intro h1>span{display:none}.ide-body{grid-template-columns:165px 1fr}.ide-title input{width:140px}.ide-title>span:last-child{display:none}.ide-toolbar{padding:8px 12px}.ide-actions{gap:5px}.ide-button{padding:5px 8px}.cm-editor{font-size:11px!important}.ide-statusbar>span:last-child{font-size:8px}}
@media(max-width:560px){.studio-page{width:calc(100% - 24px);padding-top:22px}.studio-intro h1{font-size:22px}.studio-intro>.text-link{font-size:10px}.studio-auth-note{font-size:10px;line-height:1.8;padding:10px 12px}.studio-auth-note a{display:block;margin:4px 0 0}.ide-toolbar{display:block}.ide-title{margin-bottom:10px;gap:9px}.ide-title input{max-width:70vw;width:65%}.ide-title>span:last-child{display:inline;margin-left:auto}.ide-actions{justify-content:flex-end}.ide-button{font-size:9px;padding:4px 10px}.ide-body{display:flex;flex-direction:column;min-height:0}.ide-sidebar{border:0;border-bottom:1px solid #373c38;padding:0}.sidebar-section{padding:10px 12px;display:flex;align-items:center;gap:10px}.sidebar-section>label{margin:0;white-space:nowrap;font-size:8px}.sidebar-section select{font-size:10px;flex:1}.ide-sidebar>.sidebar-heading,.ide-sidebar>.saved-projects,.ide-sidebar>.sidebar-bottom,.ide-sidebar>.sidebar-section:nth-of-type(3){display:none}.ide-sidebar .ide-file-list{display:flex;overflow-x:auto;border-top:1px solid #303331}.ide-file-list>button{width:auto;min-width:95px;padding:6px 13px;font-size:10px}.ide-file-list>button.active{border-left:0;border-bottom:1px solid #9a9f99;padding-left:13px}.editor-tabbar>#active-filename{min-width:100px;padding-inline:13px}.editor-tabbar>#editor-position{font-size:8px;padding-right:12px}.editor-tabbar>button{font-size:8px}.cm-editor{height:340px;font-size:11px!important}.cm-gutters{padding-right:2px}.ide-output>pre{padding:13px;height:150px;font-size:10px}.output-tabs>button{font-size:9px;padding:0 14px}.output-tabs>#run-status{font-size:8px;padding-right:10px}.ide-statusbar{font-size:8px;padding:0 11px}.ide-statusbar>span:last-child{display:none}.profile-note{font-size:10px}.guide-grid{grid-template-columns:1fr;gap:23px;padding:20px}.studio-guide summary{font-size:11px;padding:15px}.studio-page #studio-error{font-size:11px}}

/* Readable editor text, including narrow screens. */
.cm-editor{font-size:14px!important}.ide-button{font-size:11px}.ide-file-list>button{font-size:12px}.ide-output>pre{font-size:12px}.sidebar-section select{font-size:11px}.ide-title input{font-size:13px}
@media(max-width:560px){.cm-editor{font-size:12px!important}.ide-button{font-size:10px}.ide-output>pre{font-size:11px}.ide-sidebar>.sidebar-heading{display:flex;padding:5px 12px}.ide-sidebar>.saved-projects{display:flex;overflow-x:auto;border-top:1px solid #29332c}.saved-projects>button{width:auto;min-width:105px;font-size:10px;padding:6px 13px}.saved-projects>p{font-size:9px;margin:5px 0;padding:0 12px}.sidebar-heading{font-size:9px}.ide-sidebar>.sidebar-bottom{display:none}}

#server-temperature{font-weight:400;color:#9fae9e}#server-temperature[data-hot=true]{color:#d6ab88}@media(max-width:560px){.ide-statusbar>span:last-child{display:inline;font-size:0}.ide-statusbar>span:last-child>i{display:none}#server-temperature{font-size:8px}}

#project-delete{color:#bb9b92}#project-delete[hidden]{display:none}@media(max-width:560px){.ide-actions{flex-wrap:wrap}.ide-button{padding-inline:8px}}