:root{--bg-dark:#0f172a;--bg-panel:#1e293b;--border-color:#334155;--text-main:#f8fafc;--text-muted:#94a3b8;--accent-color:#3b82f6;--accent-hover:#2563eb;--success-color:#10b981;--warning-color:#f59e0b}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);width:100vw;height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden}#root{height:100%}.app-container{flex-direction:column;height:100%;display:flex}.app-header{background-color:var(--bg-panel);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;height:60px;padding:0 1.5rem;display:flex}.header-title{align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;display:flex}.sandbox-controls{align-items:center;gap:1rem;display:flex}.language-selector{background-color:var(--bg-dark);color:var(--text-main);border:1px solid var(--border-color);border-radius:6px;outline:none;padding:.5rem 1rem}.btn{background-color:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;transition:all .2s;display:flex}.btn:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.btn.secondary{border:1px solid var(--border-color);background-color:#0000}.btn.secondary:hover{background-color:var(--bg-dark)}.main-content{flex:1;display:flex;overflow:hidden}.file-browser{background-color:var(--bg-panel);border-right:1px solid var(--border-color);flex-direction:column;width:250px;display:flex}.file-browser-header{border-bottom:1px solid var(--border-color);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:1rem;font-size:.875rem;font-weight:600}.file-list{flex:1;padding:.5rem;overflow-y:auto}.file-item{cursor:pointer;color:var(--text-main);border-radius:4px;align-items:center;gap:.5rem;padding:.5rem;transition:background-color .2s;display:flex}.file-item:hover{background-color:var(--bg-dark)}.file-item.active{background-color:var(--accent-color);color:#fff}.chat-interface{background-color:var(--bg-dark);flex-direction:column;flex:1;display:flex}.chat-messages{flex-direction:column;flex:1;gap:1rem;padding:1.5rem;display:flex;overflow-y:auto}.message{gap:1rem;max-width:80%;display:flex}.message.user{flex-direction:row-reverse;align-self:flex-end}.message-avatar{background-color:var(--bg-panel);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.message.user .message-avatar{background-color:var(--accent-color)}.message-content{background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:8px;padding:1rem;line-height:1.5}.message.user .message-content{background-color:var(--accent-color);color:#fff;border-color:#0000}.chat-input-area{border-top:1px solid var(--border-color);background-color:var(--bg-panel);padding:1.5rem}.chat-input-container{background-color:var(--bg-dark);border:1px solid var(--border-color);border-radius:8px;gap:1rem;padding:.5rem;display:flex}.chat-input{color:var(--text-main);resize:none;background:0 0;border:none;outline:none;flex:1;min-height:24px;max-height:120px;padding:.5rem;font-family:inherit}.send-btn{background-color:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .2s;display:flex}.send-btn:hover{background-color:var(--accent-hover)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.editor-panel{background-color:var(--bg-dark);flex-direction:column;flex:2;display:flex}.editor-header{background-color:var(--bg-panel);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;height:40px;padding:0 1rem;font-size:.9rem;display:flex}.editor-tabs{gap:1rem;display:flex}.editor-actions{gap:.5rem;display:flex}.editor-content{flex:1}.terminal-resizer{background-color:var(--bg-panel);border-top:1px solid var(--border-color);cursor:row-resize;z-index:10;height:5px;transition:background-color .2s}.terminal-resizer:hover,.terminal-resizer:active{background-color:var(--accent-color)}.terminal-panel{border-top:1px solid var(--border-color);color:#0f0;white-space:pre-wrap;background-color:#000;height:200px;padding:.5rem;font-family:monospace;overflow-y:auto}.chat-interface{border-left:1px solid var(--border-color);flex:1}