.folder-content-table{border-collapse:collapse}.folder-content-table thead{z-index:2}.folder-content-table td.entry-name{padding:9px}.folder-content-table th.entry-name{padding:10px}.folder-content-table .folder-entry-name-text{overflow-wrap:anywhere;word-break:break-word;flex:auto;min-width:0}@media (width<=900px){.folder-content-table .last-modified{display:none}}.checkbox-wrapper{border-radius:6px;padding:6px;display:inline-flex;position:relative}.checkbox{appearance:none;background-color:var(--bg-highlight);border:1px solid var(--border);width:1em;height:1em;font:inherit;cursor:pointer;border-radius:5px}.checkbox:disabled{cursor:not-allowed;opacity:.6}.checkbox-wrapper-checked.checkbox-wrapper-primary .checkbox{background-color:var(--primary-color);border:1px solid var(--primary-color)}.checkbox-wrapper-checked.checkbox-wrapper-white .checkbox{background-color:#fff;border:1px solid #fff}.checkbox-check{pointer-events:none;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.checkbox-wrapper-white .checkbox-check{color:#000}.checkbox-wrapper-disabled{opacity:.6;cursor:not-allowed}.folder-entry-component{border-top:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .1s ease-in-out}.folder-entry-component:not(.selected):hover{background-color:var(--bg-highlight)}.folder-entry-component.selected{background-color:var(--primary-color)}.folder-entry-component.selected:hover{background-color:var(--primary-color-hover)}.folder-entry-component.drop-target{background-color:var(--bg-highlight);box-shadow:inset 0 0 0 2px var(--primary-color)}.folder-entry-rename-wrapper{border:1px solid #fff;border-radius:5px;padding:0 8px;display:inline-block;position:relative}.folder-entry-rename-input{font-size:inherit;width:100%;color:var(--text);background-color:#0000;border:none;outline:none;padding:0;font-family:sans-serif;position:absolute;top:0;left:8px}.folder-entry-rename-size{opacity:0;-webkit-user-select:none;user-select:none;white-space:pre;min-width:2px;height:24px;font-family:sans-serif;position:relative}.main-view{background-color:var(--bg-dark);grid-template:".actions right-content"".navigation right-content""folder-explorer content right-content"1fr"bottom-content bottom-content bottom-content"/auto 1fr auto;height:100%;display:grid}.navigation{grid-area:navigation;min-width:0;max-width:1000px}.path-container{background-color:var(--bg-base);border:1px solid var(--border);min-width:0;padding:2px 4px;display:inline-flex;overflow-x:auto}.folder-explorer{grid-area:folder-explorer;width:20vw}@media (width<=1024px){.folder-explorer{display:none}}.content{grid-area:content;max-width:1000px}.actions{border-bottom:1px solid var(--border);background-color:var(--bg-base);grid-area:actions;max-width:1000px}.right-content{grid-area:right-content;display:flex}.bottom-content{grid-area:bottom-content;justify-content:center;display:flex}.bottom-content.bottomAdDesktop-false{display:none}@media (width<=768px){.right-content{display:none}.bottom-content,.bottom-content.bottomAdDesktop-false{display:flex}}.text-input-wrapper{flex-direction:column;gap:6px;width:100%;display:flex}.text-input-label{color:var(--text);font-size:14px;font-weight:500}.text-input-required{color:#cf1736;margin-left:2px}.text-input{border:1px solid var(--border);background-color:var(--bg-base);color:var(--text);border-radius:6px;padding:8px 12px;font-size:14px;transition:border-color .2s ease-in-out}.text-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-hover);outline:none}.text-input:disabled{background-color:var(--bg-highlight);opacity:.6;cursor:not-allowed}.text-input::placeholder{color:var(--text-muted)}:root{--border-color:#80808033;--hover-light:#dcdcdc80;--hover-dark:#46464680;--skeleton-base-color:#e8e8e8;--skeleton-highlight-color:#f5f5f5;--transition:all .1s ease-in-out;--border-radius:6px;--shadow:0 2px 8px #0000001a}body{background-color:var(--bs-white);color:var(--bs-dark);transition:var(--transition);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,sans-serif}body,html,#root,#root>div,#grid{width:100%;height:100%}@media (prefers-color-scheme:dark){body,.modal-content{background-color:var(--bs-dark);color:var(--bs-light)}.btn-close{filter:invert()}}#grid{grid-template:".header header"100px"file-explorer workdir selected-info"40px"file-explorer folder-content selected-info"1fr/auto 5fr 2fr;gap:.5rem;display:grid}@media screen and (width<=600px){#grid{grid-template:"header header"100px"mobile-current-tab mobile-current-tab"100px"folder-content mobile-tab-buttons"4fr"mobile-actions mobile-actions"1fr". ."102px/1fr 50px;gap:.25rem}#workdir{margin-top:31px}#editor-iframe{height:calc(100% - 104px)}.bottom-toast,.message-container{margin-bottom:100px}}#grid>*{border:1px solid var(--border-color);border-radius:var(--border-radius);transition:var(--transition);padding:.5rem}#file-explorer{background-color:#00000005;grid-area:file-explorer;font-size:14px;overflow-x:auto}@media (prefers-color-scheme:dark){#file-explorer{background-color:#ffffff05}}#mobile-current-tab{grid-area:mobile-current-tab}#mobile-tab-buttons{flex-direction:column;grid-area:mobile-tab-buttons;justify-content:space-around;display:flex}#mobile-actions{grid-area:mobile-actions}#folder-content{background-color:#00000003;grid-area:folder-content;overflow:auto}@media (prefers-color-scheme:dark){#folder-content{background-color:#ffffff03}}#folder-content>div{min-height:100%}#workdir{border:none;grid-area:workdir;padding:0}#selected-info{flex-direction:column;grid-area:selected-info;display:flex}#version{text-align:right;opacity:.6;margin:auto 3px 3px;font-size:.8rem}#port{width:50px}.folder-entry{cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition);margin:4px 2px;padding:0 1rem;line-height:36px}.folder-entry span{margin-left:10px}.folder-entry:hover{background-color:var(--hover-light);transform:translate(4px);box-shadow:0 2px 8px #0000000d}@media (prefers-color-scheme:dark){.folder-entry:hover{background-color:var(--hover-dark)}}.skeleton{background-color:var(--skeleton-base-color);border-radius:6px;display:inline-block;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg, transparent, var(--skeleton-highlight-color), transparent);animation:1.5s infinite skeleton-shine;display:block;position:absolute;inset:0;transform:translate(-100%)}@keyframes skeleton-shine{0%{transform:translate(-100%)}50%,to{transform:translate(100%)}}@media (prefers-color-scheme:dark){.skeleton{--skeleton-base-color:#333;--skeleton-highlight-color:#444}}.message-container{width:100%;height:auto;position:fixed;bottom:0;left:0}.drop-zone{border:2px dashed var(--bs-primary);border-radius:var(--border-radius);box-shadow:var(--shadow);transition:var(--transition);z-index:4;background-color:#008cff26;position:fixed}.cursor-pointer{cursor:pointer}.toast-square{border-radius:4px;width:20px;height:20px}.tree-task{border:1px solid var(--border);background-color:var(--bg-base);color:var(--text);border-radius:14px;width:300px;padding:15px;box-shadow:0 0 #000}.tree-task-description,.tree-task-progress-text{color:var(--text-muted)}.folder-component-arrow{transition:var(--transition)}#editor-iframe{z-index:100;border:none;width:100%;height:100%;position:fixed;top:0;left:0}.folder-component-arrow:hover{color:var(--bs-primary)}.screen-container{justify-content:center;align-items:center;height:100vh;display:flex}.screen{text-align:center;max-width:600px;margin:auto;padding:80px 20px}.screen-icon{font-size:4rem}.connection-issue-overlay{z-index:1080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.connection-issue-card{background-color:var(--bs-white);border-radius:var(--border-radius);box-shadow:var(--shadow);margin:0;padding:48px 40px}@media (prefers-color-scheme:dark){.connection-issue-card{background-color:var(--bs-dark)}}.connection-issue-detail{word-break:break-word;border-radius:var(--border-radius);background-color:#8080801a;padding:12px;font-family:monospace}:root{--scrollbar-track:transparent;--scrollbar-thumb:#b4b4b466;--scrollbar-thumb-hover:#8c8c8c99}@media (prefers-color-scheme:dark){:root{--scrollbar-track:transparent;--scrollbar-thumb:#64646466;--scrollbar-thumb-hover:#82828299}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px;transition:background-color .2s}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-thumb:active{background:var(--scrollbar-thumb-hover)}*{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}.login-view{background-color:var(--bg-dark);justify-content:center;align-items:center;height:100%;padding:20px;display:flex}.login-container{background-color:var(--bg-base);border:1px solid var(--border);border-radius:8px;width:100%;max-width:500px;padding:40px;box-shadow:0 2px 8px #0000001a}@media (prefers-color-scheme:dark){.login-container{box-shadow:0 2px 8px #00000080}}.login-header{text-align:center;flex-direction:column;gap:8px;margin-bottom:32px;display:flex}.login-title{color:var(--text);margin:0;font-size:24px;font-weight:600}.login-subtitle{color:var(--text-muted);margin:0;font-size:14px}.login-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:12px;display:flex}.form-group-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=480px){.form-group-row{grid-template-columns:1fr}}.protocol-select{border:1px solid var(--border);background-color:var(--bg-base);color:var(--text);cursor:pointer;border-radius:6px;padding:8px 12px;font-size:14px;transition:border-color .2s ease-in-out}.protocol-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-hover);outline:none}.form-group-label{color:var(--text);font-size:14px;font-weight:500}.checkbox-group{align-items:center;gap:10px;display:flex}.login-actions{flex-direction:column;gap:12px;margin-top:8px;display:flex}.login-error{color:#730d1e;background-color:#fce8eb;border:1px solid #eb4763;border-radius:6px;padding:12px;font-size:14px}@media (prefers-color-scheme:dark){.login-error{color:#f28c9d;background-color:#450812;border:1px solid #cf1736}}.tabs{background-color:var(--bg-dark);border-radius:12px;justify-content:stretch;gap:4px;width:100%;padding:4px;list-style-type:none;display:flex}.tab{background-color:var(--bg-base);color:var(--text);border:none;border-radius:12px;flex-grow:1;padding:4px 8px}.tab.active{background-color:var(--bg-highlight)}.plus-minus-input{background-color:var(--bg-highlight);color:var(--text);border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.plus-minus-input input{text-align:center;width:50px;color:var(--text);background-color:#0000;border:none;font-size:1rem}.plus-minus-input button{cursor:pointer;color:var(--text);background-color:#0000;border:none;font-size:1.5rem}