.button{border-radius:6px;color:var(--text);transition:background-color .2s ease-in-out,color .2s ease-in-out;cursor:pointer;display:inline-flex;gap:6px}.button:disabled{opacity:.5;cursor:not-allowed}.button:not(:disabled):hover{background:var(--bg-base)}.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:hsl(215,95%,52%);border:none}.button-primary:not(:disabled):hover{background:hsl(215,95%,48%)}.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}.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-dark);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)}}#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: hsl(0, 0%, 90%);--bg-base: hsl(0, 0%, 95%);--bg-highlight: hsl(0, 0%, 100%);--text: hsl(0, 0%, 5%);--text-muted: hsl(0, 0%, 30%);--border: hsl(0, 0%, 30%)}@media (prefers-color-scheme: dark){:root{--bg-dark: hsl(0, 0%, 5%);--bg-base: hsl(0, 0%, 12%);--bg-highlight: hsl(0, 0%, 20%);--text: hsl(0, 0%, 95%);--text-muted: hsl(0, 0%, 70%);--border: hsl(0, 0%, 30%)}}.bg-dark{background-color:var(--bg-dark)}.bg-base{background-color:var(--bg-base)}.bg-highlight{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}