.portal-content.portal-content-studio{background:#202126;height:calc(100dvh - 66px);min-height:0;padding:0;overflow:hidden}.studio-projects{background:#202126;height:100%;padding:28px;overflow:auto}.studio-list-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.studio-list-header h1{margin:4px 0 8px;font-size:25px}.studio-list-header p{color:#969ba7;margin:0;font-size:13px}.studio-list-tools{border-bottom:1px solid #3b3d44;align-items:center;gap:8px;padding-bottom:16px;display:flex}.studio-search{color:#969ba7;align-items:center;gap:9px;width:420px;max-width:100%;display:flex}.studio-search input{color:#e5e7ec;background:0 0;border:0;outline:none;flex:1;min-width:0;padding:8px 0}.studio-project-row{text-align:left;color:#e5e7ec;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #35373e;align-items:center;gap:14px;width:100%;padding:18px 8px;display:flex}.studio-project-row:hover{background:#292b31}.studio-project-row>svg:first-child{color:#70bfa3}.studio-project-row>span{flex:1;gap:6px;min-width:0;display:grid}.studio-project-row strong{overflow-wrap:anywhere;font-size:14px}.studio-project-row small,.studio-project-row time{color:#969ba7;font-size:12px}.studio-project-row time{flex-shrink:0}.studio{--studio-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;color:#d8dae1;background:#202126;flex-direction:column;height:100%;min-height:0;font-size:13px;display:flex}.studio :is(button,input,select){font:inherit}.studio :is(button,a,input,select):focus-visible,.studio-projects :is(button,a,input):focus-visible,.studio-dialog :is(button,input):focus-visible{outline-offset:-2px;outline:2px solid #83bcf3}.studio-icon{color:#a6abb7;cursor:pointer;background:0 0;border:0;border-radius:4px;flex:0 0 32px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;text-decoration:none;display:inline-flex}.studio-icon:hover:not(:disabled){color:#fff;background:#3b3d44}.studio-icon:disabled{opacity:.4;cursor:default}.studio-toolbar{background:#2b2d33;border-bottom:1px solid #3b3d44;flex-shrink:0;align-items:center;gap:8px;padding:7px 10px;display:flex}.studio-project-name{color:#e9eaf0;text-overflow:ellipsis;background:0 0;border:1px solid #0000;border-radius:4px;width:220px;min-width:90px;max-width:30%;padding:7px}.studio-project-name:hover,.studio-project-name:focus{border-color:#50525a;outline:none}.studio-toolbar-actions{align-items:center;gap:3px;margin-left:auto;display:flex}.studio-save-state{color:#9aa0ac;white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:flex}.studio-save-state.saved svg{color:#70bfa3}.studio-save-state.error,.studio-save-state.conflict{color:#f3a69a}.studio-workarea{flex:1;grid-template-columns:215px minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.studio-files{background:#292b30;border-right:1px solid #3b3d44;flex-direction:column;min-height:0;display:flex;overflow:hidden}.studio-files>header{color:#a6abb7;justify-content:space-between;align-items:center;padding:5px 8px 5px 14px;font-size:12px;display:flex}.studio-files>footer{color:#969ba7;border-top:1px solid #3b3d44;justify-content:space-between;padding:10px 12px;font-size:10px;display:flex}.studio-file-tree{flex:1;min-height:0;padding:0 5px 12px;overflow:auto}.studio-file-tree button{text-align:left;color:#bfc3cf;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:3px;align-items:center;gap:7px;width:100%;min-height:30px;padding-right:8px;display:flex}.studio-file-tree button:hover{background:#34363d}.studio-file-tree button.active{color:#eff5ff;background:#314a60}.studio-file-tree button>span{text-overflow:ellipsis;overflow:hidden}.studio-file-tree svg{color:#aaadba;flex-shrink:0}.studio-file-error{background:#ef867d;border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-left:auto}.studio-tree-hidden{grid-template-columns:minmax(0,1fr)}.studio-tree-hidden .studio-files{display:none}.studio-editor-area{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.studio-tabs{background:#27292e;border-bottom:1px solid #3b3d44;flex-shrink:0;align-items:stretch;height:40px;display:flex;overflow-x:auto}.studio-tabs>.studio-icon{align-self:center}.studio-tab{border-bottom:2px solid #0000;border-right:1px solid #3b3d44;flex-shrink:0;align-items:center;max-width:240px;display:flex}.studio-tab.active{background:#202126;border-bottom-color:#72b3ec}.studio-tab>button[role=tab]{color:#b5bbc8;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;align-items:center;gap:7px;min-width:0;height:100%;padding:0 12px;display:flex;overflow:hidden}.studio-tab.active>button{color:#edf0f6}.studio-tab .studio-icon{flex-basis:24px;width:24px;height:24px;margin-right:4px}.studio-filebar{color:#858c9b;border-bottom:1px solid #303238;flex-shrink:0;justify-content:space-between;align-items:center;min-height:33px;padding:2px 12px;font-size:11px;display:flex}.studio-filebar>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-filebar>div{margin-left:6px;display:flex}.studio-filebar .studio-icon{flex-basis:27px;width:27px;height:26px}.studio-code{flex:1;min-height:0;overflow:hidden}.studio-loading{color:#83bcf3;flex:1;place-items:center;min-height:100px;display:grid}.studio-inspection{background:#24262b;border-top:1px solid #3b3d44;flex-direction:column;flex-shrink:0;max-height:30%;display:flex}.studio-inspection-title{color:#b9bfcc;cursor:pointer;text-align:left;background:0 0;border:0;flex-shrink:0;align-items:center;gap:7px;padding:9px 12px;display:flex}.studio-inspection-title span{background:#3a3d45;border-radius:3px;padding:1px 5px;font-size:10px}.studio-issues{min-height:0;padding:0 12px 10px;font-size:12px;overflow:auto}.studio-issues p{color:#8faa9f;gap:8px;margin:0;padding:5px 0;display:flex}.studio-issues button{color:#e5aa9b;cursor:pointer;text-align:left;background:0 0;border:0;align-items:flex-start;gap:8px;width:100%;padding:6px 0;display:flex}.studio-issues button.warning{color:#dfc18b}.studio-issues button>span{overflow-wrap:anywhere;flex:1}.studio-issues button svg{flex-shrink:0;margin-top:2px}.studio-issues code{color:#929aa9;overflow-wrap:anywhere;max-width:35%;font-size:10px}.studio-statusbar{color:#9ba5b7;background:#292b30;border-top:1px solid #3b3d44;flex-shrink:0;align-items:center;gap:18px;min-height:28px;padding:2px 12px;font-size:10px;display:flex}.studio-statusbar span,.studio-statusbar label{align-items:center;gap:7px;display:flex}.studio-statusbar label{margin-left:auto}.studio-statusbar .select-trigger{border:0;width:58px;min-height:24px;padding:3px}.studio-notice{color:#f0b9ad;background:#442f2f;flex-shrink:0;align-items:center;gap:10px;padding:9px 14px;font-size:12px;display:flex}.studio-notice>span{overflow-wrap:anywhere;flex:1}.studio-notice>svg{flex-shrink:0}.studio-notice>button:not(.studio-icon){color:#fff;cursor:pointer;background:0 0;border:1px solid #806059;border-radius:4px;flex-shrink:0;padding:4px 8px}.studio-error{color:#efaaa0;overflow-wrap:anywhere;font-size:13px}.studio-dialog{color:#e3e7ee;background:#292b30;border:1px solid #484b55;border-radius:6px;width:min(510px,100vw - 32px);max-height:calc(100dvh - 40px);margin:auto;padding:22px}.studio-dialog::backdrop{background:#000000a6}.studio-dialog>header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.studio-dialog h2{margin:0;font-size:18px}.studio-dialog form>label{color:#b5bbc8;gap:7px;margin-bottom:16px;font-size:12px;display:grid}.studio-dialog input:not([type=radio]){color:#e3e7ee;background:#202126;border:1px solid #535663;border-radius:4px;width:100%;min-width:0;padding:10px}.studio-dialog fieldset{border:0;margin:0;padding:0}.studio-dialog legend{color:#b5bbc8;margin-bottom:9px;padding:0;font-size:12px}.studio-template{cursor:pointer;border-bottom:1px solid #3b3d44;align-items:flex-start;gap:10px;padding:12px 0;display:flex}.studio-template input{accent-color:#76b4f2;margin-top:3px}.studio-template span{gap:6px;font-size:13px;display:grid}.studio-template small{color:#969ba7;line-height:1.5}.studio-dialog footer{justify-content:space-between;gap:10px;margin-top:22px;display:flex}.studio-delete-name{overflow-wrap:anywhere}.studio-builds{background:#24262b;border-top:1px solid #3b3d44;flex-direction:column;flex-shrink:0;min-height:0;max-height:40%;display:flex}.studio-build-toolbar{flex-shrink:0;align-items:center;gap:4px;min-height:38px;padding:4px 7px;display:flex}.studio-build-action{color:#c7d4d0;cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;gap:6px;min-height:30px;padding:4px 8px;display:inline-flex}.studio-build-action:hover:not(:disabled){background:#35403e}.studio-build-action:disabled{opacity:.45;cursor:default}.studio-build-summary{color:#a6adba;align-items:center;gap:6px;min-width:0;margin-left:auto;font-size:11px;display:flex}.studio-build-summary svg{flex-shrink:0}.studio-build-results{min-height:0;padding:0 12px 8px;overflow:auto}.studio-build-selection{align-items:center;gap:8px;min-height:35px;display:flex}.studio-build-selection .select-trigger{flex:1;min-width:0;max-width:420px;min-height:28px;padding:4px;font-size:11px}.studio-build-state{color:#abb3c0;font-size:11px}.studio-build-state.succeeded{color:#7cd4aa}.studio-build-state.failed,.studio-build-error{color:#efaaa0}.studio-build-error{overflow-wrap:anywhere;margin:0;padding:0 12px 6px;font-size:12px}.studio-build-results pre{font:11px/1.6 var(--studio-mono);white-space:pre-wrap;overflow-wrap:anywhere;color:#c8ccd7;margin:4px 0}.studio-build-stale{color:#dfc18b;margin:3px 0 8px;font-size:11px}.studio-build-hash{overflow-wrap:anywhere;color:#9099a9;font-size:10px}@media (max-width:700px){.studio-build-action span{display:none}.studio-build-action{width:30px;padding:4px}.studio-build-summary{font-size:10px}.studio-build-state{display:none}}@media (max-width:1050px){.studio-workarea{grid-template-columns:170px minmax(0,1fr)}.studio-tree-hidden{grid-template-columns:1fr}.studio-save-state>span{display:none}}@media (max-width:700px){.portal-content.portal-content-studio{height:calc(100dvh - 131px)}.studio-projects{padding:18px 14px}.studio-list-header{flex-direction:column;align-items:flex-start}.studio-list-header h1{font-size:22px}.studio-project-row time{display:none}.studio-toolbar{flex-wrap:wrap;gap:3px;padding:5px 7px}.studio-project-name{flex:1;width:100px;max-width:none}.studio-toolbar-actions{margin-left:0}.studio-workarea{grid-template-columns:135px minmax(0,1fr)}.studio-tree-hidden{grid-template-columns:1fr}.studio-file-tree{padding-left:0}.studio-file-tree button{gap:4px;font-size:11px}.studio-files>footer{flex-wrap:wrap;gap:5px;padding:7px;font-size:9px}.studio-statusbar{gap:10px;padding:3px 8px}.studio-notice{flex-wrap:wrap;gap:6px;padding:8px}.studio-issues code{display:none}}