*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#0d1117;color:#c9d1d9;height:100vh;overflow:hidden}#root{height:100vh}.sandbox-ide{display:flex;flex-direction:column;height:100vh}.ide-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;background:linear-gradient(180deg,#161b22,#0f1419);border-bottom:1px solid #30363d;flex-wrap:wrap}.ide-header .brand h1{font-size:14px;font-weight:700;color:#f0f6fc;background:linear-gradient(120deg,#38bdf8,#a78bfa,#2dd4bf);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ide-header .session-info{font-size:12px;color:#8b949e;margin-top:2px}.header-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.btn{border:1px solid #30363d;background:#21262d;color:#c9d1d9;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:650;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}.btn:hover{border-color:#58a6ff;color:#f0f6fc}.btn.save{background:#238636;border-color:#2ea043;color:#fff}.btn.save:disabled{opacity:.5;cursor:default}.btn.ghost{background:transparent}.empty-editor{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:#8b949e;padding:1.5rem;text-align:center}.empty-editor code{color:#58a6ff;background:#161b22;padding:.1rem .35rem;border-radius:4px}.empty-editor .hint{font-size:12px;opacity:.85}.link-btn{color:#58a6ff;text-decoration:none;font-weight:650}.ide-main{display:flex;flex:1;overflow:hidden}.file-tree{width:240px;background:#0d1117;border-right:1px solid #30363d;overflow-y:auto}.file-tree-header{padding:8px 12px;font-size:11px;font-weight:600;text-transform:uppercase;color:#8b949e;border-bottom:1px solid #21262d}.file-tree-item{display:flex;align-items:center;padding:6px 12px;cursor:pointer;font-size:13px;color:#c9d1d9}.file-tree-item:hover{background:#21262d}.file-tree-item.active{background:#1f6feb;color:#fff}.file-tree-item .icon{margin-right:8px;font-size:12px}.file-tree-item.dir .icon{color:#58a6ff}.editor-container{flex:1;display:flex;flex-direction:column;background:#0d1117}.editor-tabs{display:flex;background:#161b22;border-bottom:1px solid #30363d}.editor-tab{display:flex;align-items:center;padding:8px 16px;font-size:12px;color:#8b949e;cursor:pointer;border-right:1px solid #30363d}.editor-tab.active{background:#0d1117;color:#c9d1d9;border-top:2px solid #1f6feb}.editor-tab .close{margin-left:8px;opacity:.5}.editor-tab .close:hover{opacity:1}.monaco-wrapper{flex:1;overflow:hidden}.terminal-panel{height:200px;background:#0d1117;border-top:1px solid #30363d;display:flex;flex-direction:column}.terminal-header{display:flex;align-items:center;padding:8px 12px;background:#161b22;border-bottom:1px solid #21262d;font-size:11px;font-weight:600;text-transform:uppercase;color:#8b949e}.terminal-output{flex:1;padding:12px;font-family:SF Mono,Monaco,monospace;font-size:12px;overflow-y:auto;white-space:pre-wrap}.terminal-input-line{display:flex;align-items:center;padding:8px 12px;border-top:1px solid #21262d}.terminal-prompt{color:#238636;margin-right:8px;font-family:SF Mono,Monaco,monospace;font-size:12px}.terminal-input{flex:1;background:transparent;border:none;color:#c9d1d9;font-family:SF Mono,Monaco,monospace;font-size:12px;outline:none}.loading{display:flex;align-items:center;justify-content:center;height:100%;color:#8b949e}.error{display:flex;align-items:center;justify-content:center;height:100%;color:#f85149;padding:20px;text-align:center}