.button{border-radius:6px;color:var(--text);transition:background-color .2s ease-in-out,color .2s ease-in-out;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.button:disabled{opacity:.5;cursor:not-allowed}.button:not(:disabled):hover{background:var(--bg-hover)}.button-outline{border:1px solid var(--border)}.button-solid{border:1px solid var(--border);background:var(--bg-highlight)}.button-ghost{background:none;border:none}.button-ghost:hover{background:var(--bg-highlight)}.button-primary{background:var(--primary-color);border:none;color:#fff}.button-primary:not(:disabled):hover{background:var(--primary-color-hover)}.button-bg-base{background:var(--bg-base);color:var(--text)}.button-white{color:#fff}.button-danger{background:hsl(350,80%,45%);color:#fff;border:none}.button-danger:not(:disabled):hover{background:hsl(350,80%,38%)}.button-danger.button-outline{border:1px solid hsl(350,80%,45%);background:none;color:#f7bac4}.button-danger.button-outline:not(:disabled):hover{border-color:#ae132d}.button-small{padding:4px 8px;font-size:12px}.button-medium{padding:6px 12px;font-size:14px}.button-large{padding:8px 16px;font-size:16px}.button-with-alternatives button:first-child{padding-right:6px;border-top-right-radius:0;border-bottom-right-radius:0}.button-with-alternatives button:nth-child(2){padding-left:6px;padding-right:6px;border-top-left-radius:0;border-bottom-left-radius:0}.tabs{background-color:var(--bg-dark);list-style-type:none;display:flex;justify-content:stretch;width:100%;padding:4px;gap:4px;border-radius:12px}.tab{background-color:var(--bg-base);color:var(--text);padding:4px 8px;border-radius:12px;border:none;flex-grow:1}.tab.active{background-color:var(--bg-highlight)}.plus-minus-input{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background-color:var(--bg-highlight);color:var(--text)}.plus-minus-input input{width:50px;text-align:center;border:none;background-color:transparent;font-size:1rem;color:var(--text)}.plus-minus-input button{background-color:transparent;border:none;cursor:pointer;font-size:1.5rem;color:var(--text)}:root{--border-color: rgba(128, 128, 128, .2);--hover-light: rgba(220, 220, 220, .5);--hover-dark: rgba(70, 70, 70, .5);--skeleton-base-color: #e8e8e8;--skeleton-highlight-color: #f5f5f5;--transition: all .1s ease-in-out;--border-radius: 6px;--shadow: 0 2px 8px rgba(0, 0, 0, .1)}body{background-color:var(--bs-white);color:var(--bs-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,sans-serif;margin:0;transition:var(--transition)}body,html,#root,#root>div,#grid{height:100%;width:100%}@media (prefers-color-scheme: dark){body,.modal-content{background-color:var(--bs-dark);color:var(--bs-light)}.btn-close{filter:invert(1)}}#editor-iframe{position:fixed;left:0px;top:0px;width:100%;height:100%;z-index:100}#grid{display:grid;grid-template-columns:auto 5fr 2fr 165px;grid-template-rows:100px 40px 1fr;grid-template-areas:"logo          top-ad         top-ad        right-ad" "file-explorer workdir        selected-info right-ad" "file-explorer folder-content selected-info right-ad";gap:.5rem}@media screen and (max-width: 600px){#grid{grid-template-columns:1fr 50px;grid-template-rows:100px 100px 4fr 1fr 102px;grid-template-areas:"logo               logo" "mobile-current-tab mobile-current-tab" "folder-content     mobile-tab-buttons" "mobile-actions     mobile-actions" "bottom-ad          bottom-ad";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);padding:.5rem;transition:var(--transition)}#logo-container{grid-area:logo}#file-explorer{grid-area:file-explorer;font-size:14px;overflow-x:auto;background-color:#00000005}#top-ad{grid-area:top-ad}#bottom-ad{grid-area:bottom-ad}#right-ad{grid-area:right-ad;border-left:none}#logo{margin:10px;height:80px}@media (prefers-color-scheme: dark){#file-explorer{background-color:#ffffff05}}#mobile-current-tab{grid-area:mobile-current-tab}#mobile-tab-buttons{grid-area:mobile-tab-buttons;display:flex;flex-direction:column;justify-content:space-around}#mobile-actions{grid-area:mobile-actions}#folder-content{grid-area:folder-content;overflow:auto;background-color:#00000003}@media (prefers-color-scheme: dark){#folder-content{background-color:#ffffff03}}#folder-content>div{min-height:100%}#workdir{grid-area:workdir;padding:0;border:none}#selected-info{grid-area:selected-info;display:flex;flex-direction:column}#version{margin:auto 3px 3px;text-align:right;opacity:.6;font-size:.8rem}#port{width:50px}.folder-entry{margin:4px 2px;line-height:36px;cursor:pointer;padding:0px 1rem;-webkit-user-select:none;user-select:none;transition:var(--transition)}.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{display:inline-block;position:relative;overflow:hidden;border-radius:6px;background-color:var(--skeleton-base-color)}.skeleton:after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,var(--skeleton-highlight-color),transparent);transform:translate(-100%);animation:skeleton-shine 1.5s infinite}@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{position:fixed;left:0px;bottom:0px;width:100%;height:auto}.drop-zone{position:fixed;background-color:#008cff26;border:2px dashed var(--bs-primary);border-radius:var(--border-radius);box-shadow:var(--shadow);transition:var(--transition)}.cursor-pointer{cursor:pointer}.toast-square{width:20px;height:20px;border-radius:4px}.tree-task{border:1px solid var(--border);background-color:var(--bg-base);color:var(--text);border-radius:14px;box-shadow:0 0 #000;padding:15px;width:300px}.tree-task-description,.tree-task-progress-text{color:var(--text-muted)}.folder-component-arrow{transition:var(--transition)}#editor-iframe{position:fixed;left:0px;top:0px;width:100%;height:100%;z-index:100;border:none}.folder-component-arrow:hover{color:var(--bs-primary)}.screen-container{height:100vh;display:flex;justify-content:center;align-items:center}.screen{max-width:600px;text-align:center;margin:auto;padding:80px 20px}.screen-icon{font-size:4rem}:root{--bg-dark: var(--theme-light-bg-dark, white);--bg-base: var(--theme-light-bg-base, white);--bg-highlight: var(--theme-light-bg-highlight, white);--bg-hover: var(--theme-light-bg-hover, white);--text: var(--theme-light-text, black);--text-muted: var(--theme-light-text-muted, black);--border: var(--theme-light-border);--primary-color: var(--theme-light-primary-color);--primary-color-hover: var(--theme-light-primary-color-hover)}@media (prefers-color-scheme: dark){:root{--bg-dark: var(--theme-dark-bg-dark, black);--bg-base: var(--theme-dark-bg-base, black);--bg-highlight: var(--theme-dark-bg-highlight, black);--bg-hover: var(--theme-dark-bg-hover, black);--text: var(--theme-dark-text, white);--text-muted: var(--theme-dark-text-muted, white);--border: var(--theme-dark-border);--primary-color: var( --theme-dark-primary-color, var(--theme-light-primary-color) );--primary-color-hover: var( --theme-dark-primary-color-hover, var(--theme-light-primary-color-hover) )}}.bg-dark-ui2{background-color:var(--bg-dark)}.bg-base-ui2{background-color:var(--bg-base)}.bg-highlight-ui2{background-color:var(--bg-highlight)}.text-color{color:var(--text)}.text-muted-color{color:var(--text-muted)}.text-normal{font-size:16px;line-height:20px}.text-small{font-size:14px;line-height:16px}.text-smaller{font-size:12px;line-height:14px}.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{flex:1 1 auto;min-width:0;overflow-wrap:anywhere;word-break:break-word}@media (max-width: 900px){.folder-content-table .last-modified{display:none}}.checkbox-wrapper{display:inline-flex;padding:6px;border-radius:6px;position:relative}.checkbox{appearance:none;background-color:var(--bg-highlight);border-radius:5px;border:1px solid var(--border);width:1em;height:1em;font:inherit;cursor:pointer}.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 white}.checkbox-check{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;color:#fff}.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;transition:background-color .1s ease-in-out;user-select:none}.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-rename-wrapper{border:1px solid white;border-radius:5px;padding:0 8px;position:relative;display:inline-block}.folder-entry-rename-input{outline:none;padding:0;border:none;font-size:inherit;background-color:transparent;position:absolute;top:0;left:8px;font-family:sans-serif;width:100%;color:var(--text)}.folder-entry-rename-size{position:relative;opacity:0;user-select:none;font-family:sans-serif;min-width:2px;height:24px;white-space:pre}.main-view{background-color:var(--bg-dark);height:100%;display:grid;grid-template-rows:auto auto 1fr auto;grid-template-columns:auto 1fr auto;grid-template-areas:".               actions     right-content" ".               navigation  right-content" "folder-explorer content     right-content" "bottom-content  bottom-content bottom-content"}.navigation{grid-area:navigation;max-width:1000px;min-width:0}.path-container{display:inline-flex;background-color:var(--bg-base);border:1px solid var(--border);padding:2px 4px;min-width:0;overflow-x:auto}.folder-explorer{grid-area:folder-explorer;width:20vw}@media (max-width: 1024px){.folder-explorer{display:none}}.content{grid-area:content;max-width:1000px}.actions{grid-area:actions;border-bottom:1px solid var(--border);background-color:var(--bg-base);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 (max-width: 768px){.right-content{display:none}.bottom-content,.bottom-content.bottomAdDesktop-false{display:flex}}:root{--scrollbar-track: transparent;--scrollbar-thumb: rgba(180, 180, 180, .4);--scrollbar-thumb-hover: rgba(140, 140, 140, .6)}@media (prefers-color-scheme: dark){:root{--scrollbar-track: transparent;--scrollbar-thumb: rgba(100, 100, 100, .4);--scrollbar-thumb-hover: rgba(130, 130, 130, .6)}}::-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 ease}::-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}.text-input-wrapper{display:flex;flex-direction:column;gap:6px;width:100%}.text-input-label{font-size:14px;font-weight:500;color:var(--text)}.text-input-required{color:#cf1736;margin-left:2px}.text-input{padding:8px 12px;border:1px solid var(--border);border-radius:6px;background-color:var(--bg-base);color:var(--text);font-size:14px;transition:border-color .2s ease-in-out}.text-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-hover)}.text-input:disabled{background-color:var(--bg-highlight);opacity:.6;cursor:not-allowed}.text-input::placeholder{color:var(--text-muted)}.login-view{background-color:var(--bg-dark);height:100%;display:flex;align-items:center;justify-content:center;padding:20px}.login-container{background-color:var(--bg-base);border:1px solid var(--border);border-radius:8px;padding:40px;max-width:500px;width:100%;box-shadow:0 2px 8px #0000001a}@media (prefers-color-scheme: dark){.login-container{box-shadow:0 2px 8px #00000080}}.login-header{display:flex;flex-direction:column;gap:8px;margin-bottom:32px;text-align:center}.login-title{font-size:24px;font-weight:600;color:var(--text);margin:0}.login-subtitle{font-size:14px;color:var(--text-muted);margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:12px}.form-group-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 480px){.form-group-row{grid-template-columns:1fr}}.protocol-select{padding:8px 12px;border:1px solid var(--border);border-radius:6px;background-color:var(--bg-base);color:var(--text);font-size:14px;cursor:pointer;transition:border-color .2s ease-in-out}.protocol-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-hover)}.form-group-label{font-size:14px;font-weight:500;color:var(--text)}.checkbox-group{display:flex;align-items:center;gap:10px}.login-actions{display:flex;flex-direction:column;gap:12px;margin-top:8px}.login-error{padding:12px;border-radius:6px;background-color:#fce8eb;border:1px solid hsl(350,80%,60%);color:#730d1e;font-size:14px}@media (prefers-color-scheme: dark){.login-error{background-color:#450812;border:1px solid hsl(350,80%,45%);color:#f28c9d}}