.explorer-header h3,.logo span{font-weight:600;font-family:Inter,sans-serif}.explorer-header h3,.logo span,.nav-btn,.terminal-tab{font-family:Inter,sans-serif}*{margin:0;padding:0;box-sizing:border-box;font-family:'Courier New','Fira Code',monospace}body{background:#0a0a0a;height:100vh;overflow:hidden}.security-warning{position:fixed;bottom:20px;right:20px;background:rgba(239,68,68,.95);color:#fff;padding:10px 16px;border-radius:12px;font-size:12px;z-index:10001;backdrop-filter:blur(4px);cursor:pointer;display:none;animation:.5s shakeWarning}@keyframes shakeWarning{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.navbar{background:#0a0a0a;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #1a1a1a}.back-btn,.nav-btn{border:none;padding:6px 14px;font-size:12px;cursor:pointer}.logo{display:flex;align-items:center;gap:10px}.logo i{font-size:20px;color:#10b981}.logo span{font-size:14px;color:#10b981}.nav-buttons{display:flex;gap:12px}.nav-btn{background:#1a1a1a;color:#d4d4d4;border-radius:6px;transition:.2s}.nav-btn:hover{background:#2a2a2a}.back-btn,.file-item-console:hover,.folder-item:hover{background:#1a1a1a}.back-btn{color:#fff;border-radius:6px}.explorer-header,.terminal-header{border-bottom:1px solid #1a1a1a;display:flex}.main-container{display:flex;height:calc(100vh - 50px)}.explorer{width:260px;background:#0a0a0a;border-right:1px solid #1a1a1a;display:flex;flex-direction:column;overflow-y:auto}.explorer-header{padding:12px 16px;justify-content:space-between;align-items:center}.explorer-header h3{color:#9ca3af;font-size:11px;text-transform:uppercase;letter-spacing:1px}.explorer-btns{display:flex;gap:8px}.explorer-btns button{background:0 0;border:none;color:#9ca3af;cursor:pointer;font-size:12px}.explorer-btns button:hover,.prompt{color:#10b981}.file-tree{flex:1;padding:8px;overflow-y:auto}.empty-explorer{text-align:center;padding:40px 20px;color:#4a4a4a;font-size:12px}.file-item-console,.folder-item{padding:6px 8px;margin-bottom:2px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;color:#d4d4d4;font-size:12px}.file-item-console i,.folder-item i{width:18px;font-size:12px}.folder-children{padding-left:20px}.terminal-container{flex:1;display:flex;flex-direction:column;background:#0a0a0a}.terminal-header{padding:8px 16px;background:#0a0a0a;gap:16px}.terminal-tab{padding:6px 12px;background:0 0;border:none;color:#9ca3af;cursor:pointer;font-size:12px}#codeEditor,.terminal-output{padding:16px;background:#0a0a0a}#codeEditor,.terminal-input,.terminal-output{color:#d4d4d4;font-family:'Courier New',monospace;font-size:13px}.terminal-tab.active{color:#10b981;border-bottom:2px solid #10b981}.terminal-output{flex:1;overflow-y:auto;white-space:pre-wrap}.terminal-line{margin-bottom:4px;display:flex;gap:10px}.terminal-input-line{display:flex;gap:10px;margin-top:8px;position:sticky;bottom:0;background:#0a0a0a;padding-top:8px}.terminal-input{flex:1;background:0 0;border:none;outline:0}.editor-footer,.editor-header{padding:8px 16px;background:#1a1a1a}#editorPanel{display:none;flex:1;flex-direction:column}.editor-header{border-bottom:1px solid #2a2a2a;display:flex;justify-content:space-between;align-items:center}.editor-header span{color:#10b981;font-size:12px}#codeEditor{flex:1;border:none;resize:none;outline:0}.editor-footer{border-top:1px solid #2a2a2a}.save-btn{background:#10b981;border:none;color:#fff;padding:6px 16px;border-radius:6px;cursor:pointer;font-size:12px}.preview-container{width:50%;background:#fff;border-left:1px solid #1a1a1a;display:none;flex-direction:column}.preview-container.show{display:flex}.preview-header{padding:8px 16px;background:#0a0a0a;border-bottom:1px solid #1a1a1a;display:flex;justify-content:space-between}.preview-header span{color:#9ca3af;font-size:12px}.preview-frame{flex:1;border:none;background:#fff}@media (max-width:768px){.explorer{width:200px}.preview-container{width:100%;position:fixed;right:0;top:50px;bottom:0;z-index:100}}