.editor-container .containereditor{display:flex;flex-direction:column;align-items:center;margin:0;overflow:scroll;width:100%}.editor-container .status-bar{color:#fff}.editor-container .toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;width:100%;justify-content:center}.editor-container .buttonz-container{display:flex;flex-wrap:wrap;color:#fff;gap:10px;justify-content:center;margin-bottom:20px}.editor-container select,.editor-container input[type=text]{padding:8px;font-size:16px;border:2px solid #333;border-radius:8px;background-color:#292929;color:#fff;transition:all .3s ease}.editor-container select:focus,.editor-container input[type=text]:focus{outline:none;border-color:#007acc;box-shadow:0 0 10px #007acc99}.editor-container .buttonz{padding:6px 14px;font-size:16px;cursor:pointer;border:2px solid transparent;border-radius:25px;position:relative;overflow:hidden;border-color:#cd6a6a;transition:all .3s ease;z-index:0}.editor-container .buttonz:before{content:"";position:absolute;top:50%;left:50%;width:300%;height:300%;background-color:#fff3;transition:all .3s ease;border-radius:50%;z-index:-1;transform:translate(-50%,-50%)}.editor-container .buttonz:hover:before{width:0;height:0}.editor-container .buttonz:hover{border-color:#fff;box-shadow:0 0 10px #fff9}.editor-container .code-windows{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:10px;width:100%;justify-content:center}.editor-container .code-container{position:relative;border:2px solid #333;box-shadow:0 0 20px #00000080;border-radius:15px;overflow:hidden;width:100%;max-width:800px;background-color:#1e1e1e;transition:transform .3s ease-in-out}.editor-container .code-container:hover{transform:scale(1.02)}.editor-container .code-editor{font-family:Fira Code,monospace;font-size:14px;line-height:1.6;padding:20px;color:#fff}