body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#f4f8fb;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-family:Lato,sans-serif;height:100vh}.left-section{background-color:#fff;border-radius:12px;border-right:2px solid #e0e6eb;display:flex;flex-direction:column;justify-content:space-between;margin:20px;padding:20px;width:50%}.top-left{background-color:#eaf4fb;border:2px solid #d0e2f2;border-radius:10px;box-shadow:0 4px 6px #0000001a;box-sizing:border-box;flex:1 1;overflow-y:auto;padding:20px}.title,.top-left{margin-bottom:20px}.title{color:#333;font-size:24px;font-weight:700;text-align:center}.code-header h3{color:#00ff7f}.option-selector{display:flex;justify-content:center;margin-bottom:20px}.option-selector button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;margin:0 10px;padding:12px 20px;transition:background-color .3s}.option-selector button:hover{background-color:#0056b3}.image-upload,.whiteboard-section{margin-bottom:20px;text-align:center}.image-preview img{height:auto;margin:10px 0;max-width:100%}.image-preview img,.whiteboard-section canvas{border:2px solid #d0e2f2;border-radius:8px;box-shadow:0 4px 6px #0000001a}.whiteboard-section canvas{background-color:#f4f8fb}.save-button{background-color:#007bff;border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;display:block;font-family:Lato,sans-serif;font-size:16px;margin:0 auto;outline:none;padding:14px 24px;transition:background-color .3s,transform .2s ease-in-out}.save-button:hover{background-color:#0056b3;transform:scale(1.05)}.save-button:active{background-color:#004085;transform:scale(.98)}.save-button:focus{box-shadow:0 0 0 3px #007bff80}.draw_button{background-color:#007bff;border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;display:block;font-family:Lato,sans-serif;font-size:16px;margin:0 auto;outline:none;padding:14px 24px;transition:background-color .3s,transform .2s ease-in-out}.draw_button:hover{background-color:#0056b3;transform:scale(1.05)}.draw_button:active{background-color:#004085;transform:scale(.98)}.draw_button:focus{box-shadow:0 0 0 3px #007bff80}.upload_button{background-color:#007bff;border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;display:block;font-family:Lato,sans-serif;font-size:16px;margin:0 auto;outline:none;padding:14px 24px;transition:background-color .3s,transform .2s ease-in-out}.upload_button:hover{background-color:#0056b3;transform:scale(1.05)}.upload_button:active{background-color:#004085;transform:scale(.98)}.upload_button:focus{box-shadow:0 0 0 3px #007bff80}.submit_button{background-color:#007bff;border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;display:block;font-family:Lato,sans-serif;font-size:16px;margin:0 auto;outline:none;padding:14px 24px;transition:background-color .3s,transform .2s ease-in-out}.submit_button:hover{background-color:#0056b3;transform:scale(1.05)}.submit_button:active{background-color:#004085;transform:scale(.98)}.submit_button:focus{box-shadow:0 0 0 3px #007bff80}.right-section{background-color:#fff;border-left:2px solid #e0e6eb;border-radius:12px;box-shadow:0 4px 8px #0000001a;box-sizing:border-box;height:auto;margin:20px 20px 0;padding:20px;width:50%}.html-iframe{background-color:#f4f8fb;border:none;border-radius:8px;height:70%;width:100%}.bottom-left,.html-iframe{box-shadow:0 4px 6px #0000001a}.bottom-left{background-color:#1e1e1e;border:2px solid #333;border-radius:10px;box-sizing:border-box;color:#00ff7f;font-family:Courier New,Courier,monospace;height:20%;overflow-y:auto;padding:20px;transition:height .3s ease}.bottom-left.expanded{height:100%}.code-view{color:#00ff7f;font-size:14px;white-space:pre-wrap}.code-header{align-items:center;color:#fff;display:flex;justify-content:space-between;margin-bottom:10px}.code-header button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:5px 10px}.prompt-input{height:60px;margin-bottom:10px;width:100%}.prompt-button{background-color:#007bff;border:none;color:#fff;cursor:pointer;padding:10px;width:100%}.prompt-button:disabled{background-color:#6c757d}.prompt-box{align-items:center;display:flex;justify-content:space-between;margin-top:20px}.prompt-box input{border:1px solid #ccc;border-radius:4px;font-size:16px;padding:8px;width:70%}.prompt-box button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-left:10px;padding:8px 16px}.prompt-box button:hover{background-color:#0056b3}
/*# sourceMappingURL=main.7418abf9.css.map*/