.app{display:flex;flex-direction:column;height:100vh;background-color:#1e1e1e;color:#d4d4d4}.toolbar{display:flex;gap:10px;padding:10px;background-color:#2d2d2d;border-bottom:1px solid #404040}.toolbar button,.import-button{padding:6px 12px;background-color:#0e639c;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:14px;transition:background-color .2s ease}.toolbar button:hover,.import-button:hover{background-color:#17b}.toolbar button:disabled{background-color:#404040;cursor:not-allowed}.toolbar button.unsaved{background-color:#c27d0e}.import-button{display:inline-block;text-align:center}.main-container{display:flex;flex:1;overflow:hidden}.file-explorer{width:250px;background-color:#252526;border-right:1px solid #404040;display:flex;flex-direction:column;overflow-y:auto}.actions{padding:10px;display:flex;gap:8px}.action-button{padding:6px 12px;background-color:#0e639c;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:12px;transition:background-color .2s ease;flex:1}.action-button:hover{background-color:#17b}.create-new{padding:10px;background-color:#2d2d2d;border-bottom:1px solid #404040}.create-new input{width:100%;padding:6px;background-color:#3c3c3c;border:1px solid #404040;color:#d4d4d4;margin-bottom:8px;border-radius:3px}.create-new input:focus{outline:none;border-color:#0e639c}.create-buttons{display:flex;gap:8px}.create-buttons button{flex:1;padding:4px 8px;background-color:#0e639c;color:#fff;border:none;border-radius:3px;cursor:pointer;transition:background-color .2s ease}.create-buttons button:last-child{background-color:#4d4d4d}.create-buttons button:hover{background-color:#17b}.create-buttons button:last-child:hover{background-color:#5d5d5d}.tree{padding:10px}.folder,.file{margin:2px 0;-webkit-user-select:none;user-select:none}.folder-content{margin-left:20px}.folder-name,.file{padding:4px;cursor:pointer;border-radius:3px;display:flex;align-items:center;transition:background-color .2s ease}.folder-name:hover,.file:hover{background-color:#2a2d2e}.file.active{background-color:#37373d}.item-actions{display:flex;justify-content:space-between;align-items:center;flex:1;margin-left:8px}.item-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-buttons{display:none;gap:4px}.folder-name:hover .item-buttons,.file:hover .item-buttons{display:flex}.icon-button{background:none;border:none;cursor:pointer;padding:2px;font-size:12px;opacity:.7;transition:opacity .2s ease}.icon-button:hover{opacity:1}.rename-form{flex:1;margin-left:4px}.rename-form input{width:100%;background-color:#3c3c3c;border:1px solid #0e639c;color:#d4d4d4;padding:2px 4px;border-radius:3px}.rename-form input:focus{outline:none}.editor-container{flex:1;display:flex;flex-direction:column;background-color:#1e1e1e}.editor-header{padding:8px;background-color:#2d2d2d;border-bottom:1px solid #404040}.current-file{color:#d4d4d4;font-size:14px}.unsaved-indicator{color:#c27d0e;margin-left:4px}.no-file-selected{display:flex;justify-content:center;align-items:center;height:100%;color:#6d6d6d;font-size:16px}.dragging{opacity:.5}.drag-over{background-color:#2a2d2e;border:1px dashed #0e639c}.folder.drag-over>.folder-name{background-color:#2a2d2e}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#1e1e1e}::-webkit-scrollbar-thumb{background:#424242;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#4f4f4f}@keyframes highlight{0%{background-color:#2a2d2e}50%{background-color:#37373d}to{background-color:transparent}}.file.new-item,.folder.new-item{animation:highlight 1s ease}@media (max-width: 768px){.main-container{flex-direction:column}.file-explorer{width:100%;max-height:30vh}.editor-container{height:70vh}}